วิธีดึงข้อมูลตารางออกจากโพสต์โดยใช้ WordPress

ถ้าเราบอกคุณว่ามีวิธีง่ายๆ ในการทำให้เว็บไซต์ WordPress ของคุณมีชีวิตชีวาขึ้น คุณสามารถเพิ่มข้อมูลลงในตาราง WordPress จากโพสต์และปรับแต่งได้ตามที่คุณต้องการ! หลังจากภาพประกอบของวิธีการฝังตารางข้อมูลออนไลน์ในบทความ/หน้าของ WordPress ก็ถึงเวลาแสดงให้คุณเห็นอีกทางหนึ่ง

การดึงข้อมูลทั้งหมดจากโพสต์ WordPress และแสดงในรูปแบบตารางอาจฟังดูยุ่งยากสำหรับบางท่าน อย่างไรก็ตาม เรามีทางออกที่สมบูรณ์แบบ อดทนกับเราซักพัก

• ทำไมต้องพิจารณาตารางเพื่อแสดงบทความ WordPress
• วิธีที่ดีที่สุดในการเพิ่มข้อมูลโพสต์ WordPress ลงบนโต๊ะ

ทำไมต้องพิจารณาตารางเพื่อแสดงบทความ WordPress

หากคุณโพสต์เนื้อหาจำนวนมาก คุณจะพบกับผู้ชมสองประเภท - ผู้อ่านเฉพาะที่ติดตามทุกสิ่งที่คุณโพสต์และผู้อ่านที่จู้จี้จุกจิกที่คลิกเฉพาะโพสต์ที่คิดว่าน่าสนใจ

เห็นได้ชัดว่าตารางที่มีรายละเอียดจะสะดวกกว่าย่อหน้าที่ยาวและมีถ้อยคำ รูปลักษณ์แบบตารางนั้นง่ายต่อการติดตามและจัดระเบียบอยู่เสมอ เป็นผลให้โพสต์ WordPress ของคุณสามารถเข้าถึงทุกคนได้ก็ต่อเมื่อคุณแสดงรายการไว้ในตารางข้อมูล!

ตารางที่มีหลายคอลัมน์และหลายแถวสามารถแสดงข้อมูลปุ่มสั้นๆ ที่กระตุ้นให้เกิดการคลิกได้ เป็นทางลัดสำหรับผู้อ่านในการค้นหาข้อมูลที่ต้องการ

วิธีที่ดีที่สุดในการเพิ่มข้อมูลลงในตาราง WordPress จากโพสต์

เราได้เลือกปลั๊กอินตาราง WordPress ที่ครอบคลุมทุกด้าน ซึ่งก็คือ Ninja Tables สำหรับการสาธิตนี้ ซึ่งเป็นส่วนเสริม Pro ที่มีคุณสมบัติอัจฉริยะมากมาย คุณสามารถพับบทความ WordPress ของคุณลงในตารางโดยไม่ต้องใช้ปลั๊กอินเพิ่มเติม

ในบรรดาวิธีสร้างตารางที่มีประสิทธิผล 8 วิธี Ninja Tables มีความโดดเด่นเนื่องจากมีการรวมเข้ากับ WP Posts หรือ Custom Post Types คุณลักษณะในตัวนี้ช่วยให้ผู้ใช้เพิ่มข้อมูลลงในตาราง WordPress จากโพสต์ในรูปแบบไดนามิก

• คอลัมน์ที่กำหนดเองในตารางโพสต์ WP
• การรวมภาคสนามของ ACF
• รหัสย่อ ค่าที่คำนวณได้ หรือ HTML
• โพสต์ Meta Field
• ภาพที่โดดเด่น

1. คอลัมน์ที่กำหนดเองในตารางโพสต์ WP

ก่อนอื่น ไปที่แดชบอร์ดของ Ninja Tables แล้วคลิก "เพิ่มตาราง"

กล่องป๊อปอัปจะปรากฏขึ้นพร้อมวิธีต่างๆ ที่คุณสามารถสร้างตารางได้ คลิกที่โพสต์ WP กล่องจะแสดงหลายช่องและ "สร้างตารางจากโพสต์/CPT" (ประเภทโพสต์ที่กำหนดเอง) เป็นส่วนหัว

เราได้เลือกประเภทฟิลด์เดียว "โพสต์" และเปลี่ยนเป็นกล่องทางด้านขวาโดยใช้ลูกศร

หลังจากคลิกที่ "ถัดไป" หน้าต่างอื่นจะปรากฏขึ้นพร้อมกับคุณสมบัติต่างๆ ของโพสต์ คุณสมบัติเหล่านี้เป็นคอลัมน์ของตารางที่คุณกำลังจะสร้าง

เลือกคุณสมบัติและย้ายไปทางขวา จากนั้น "บันทึก" อีกครั้ง คุณยังสามารถกำหนดเงื่อนไขด้วยปุ่ม “+”

ตอนนี้คุณจะแปลกใจว่าคุณสามารถสร้างตารางจากข้อมูลโพสต์ได้เร็วแค่ไหน!

หลังจากที่คุณบันทึกขั้นตอนที่ 2 คุณจะเข้าสู่อินเทอร์เฟซ Ninja Tables แบบคลาสสิก ซึ่งคุณสามารถปรับแต่ง กำหนดค่า และออกแบบตารางทั้งหมดได้

คุณสามารถแก้ไขหรือปรับแต่งคุณสมบัติของโพสต์ได้จาก "การตั้งค่าแบบสอบถาม" และ "เพิ่มคอลัมน์ใหม่"

นี่เป็นอีกหนึ่งคุณลักษณะที่น่าทึ่ง หากมีหมวดหมู่ลิงก์ถาวรหรือแท็กโพสต์ คุณสามารถจัดเรียงได้จากแผง "การกำหนดค่าตาราง"

คุณสามารถอ่านเอกสารประกอบได้หากต้องการ

2. การบูรณาการภาคสนามของ ACF

ในบรรดาคุณสมบัติที่หลากหลาย คุณสมบัตินี้ขยายขีดความสามารถของ Ninja Tables ในการสร้างตาราง ฟิลด์กำหนดเองขั้นสูงช่วยให้แน่ใจว่าปลั๊กอินนี้มีไดนามิกมากกว่า และใช้ได้เฉพาะเมื่อผู้ใช้สร้าง WP Post

คลิกที่ "เพิ่มใหม่" และดำเนินการตั้งชื่อ "+ เพิ่มฟิลด์" และป้ายกำกับฟิลด์ ตอนนี้ "เผยแพร่" โพสต์

ฟิลด์ที่เพิ่มจะถูกเผยแพร่ คุณสามารถเพิ่มฟิลด์ แก้ไข หรือย้ายข้อมูลที่มีอยู่ได้ ตรวจสอบแดชบอร์ด Custom Fields และดูว่า "ACF Demo" ปรากฏขึ้น

ไปที่ "โพสต์ทั้งหมด" และเลือกโพสต์ที่คุณต้องการแสดงฟิลด์ที่กำหนดเองโดยใช้ ACF

ไปที่ตารางโพสต์ที่สร้างด้วย Ninja Tables แล้วเปิด "เพิ่มคอลัมน์ใหม่"

คุณจะเห็นเมนูขยายเป็น "การตั้งค่าข้อมูลโพสต์แบบไดนามิก" กรอกข้อมูลใน "ประเภทฟิลด์" จากดรอปดาวน์และกล่อง "ค่าฟิลด์"

ค่าของฟิลด์ควรเหมือนกับที่คุณป้อนก่อนหน้านี้ เมื่อคุณคลิก "เพิ่มคอลัมน์" คอลัมน์สาธิต ACF ใหม่จะถูกสร้างขึ้นสำหรับโพสต์ที่เกี่ยวข้อง

ตรวจสอบเอกสารเพื่อทราบข้อมูลเพิ่มเติม

3. รหัสย่อ ค่าที่คำนวณได้ หรือ HTML

เราสามารถเริ่มต้นด้วยแผง "เพิ่มคอลัมน์ใหม่" จากตารางที่สร้างไว้ก่อนหน้านี้ ตั้งชื่อคอลัมน์และเลือก "Shortcode / Computed Value หรือ HTML" ในประเภทฟิลด์

สำหรับรหัสย่อไดนามิก ใช้สิ่งนี้ –

[yourshortcode YourParam=”{post.ID}”]

เพิ่มรหัสย่อและคลิกที่ "เพิ่มคอลัมน์" ตัวอย่างเช่น รหัสย่อที่สร้างขึ้นสำหรับตาราง WooCommerce ใน Ninja Tables ในคอลัมน์ “Buy Now” คือ [add_to_cart id=”{post.ID}”]

แต่ละแถวจะใช้รหัสโพสต์ WP ที่เกี่ยวข้อง และสร้างปุ่มเพิ่มในรถเข็นตามรหัสย่อที่ถูกต้อง ดูเอกสารประกอบเพื่อความชัดเจนมากขึ้น

4. โพสต์ Meta Field

เรียกอีกอย่างว่า "ฟิลด์ที่กำหนดเอง" และคุณสามารถแสดงเนื้อหาเพิ่มเติมของโพสต์ WP ของคุณผ่าน Ninja Tables คุณสามารถแสดงโพสต์ใหม่หรือแก้ไขโพสต์ที่มีอยู่

สำหรับการสาธิตนี้ เรากำลังอัปเดตโพสต์ที่สร้างไว้ก่อนหน้านี้ด้วย Custom Field และแสดงบน Ninja Tables Post Meta Field คุณลักษณะนี้ทำจากแผงการดูแลระบบ

ก่อนอื่น ไปที่ "ตัวเลือกหน้าจอ" ของโพสต์ที่ด้านบน คุณจะเห็นช่องทำเครื่องหมายปรากฏขึ้น และหนึ่งในนั้นคือ "ฟิลด์ที่กำหนดเอง"

ตอนนี้ หากคุณทำเครื่องหมายในช่อง Post Meta จะขยายไปยังแผงอื่นที่มีชื่อฟิลด์และค่า

นี่คือฟิลด์กำหนดเองขั้นสูงเป็นค่า

เราต้องการเพิ่มฟิลด์ใดฟิลด์หนึ่งในตาราง ดังนั้นเราจึงเลือกตารางที่สร้างไว้ล่วงหน้าและไปที่แผง "เพิ่มคอลัมน์ใหม่"

เพียงใส่ค่าลงในค่าฟิลด์ที่นี่ในการตั้งค่าข้อมูลโพสต์แบบไดนามิกด้วยแล้วคลิก "เพิ่มคอลัมน์"

ผลลัพธ์จะปรากฏบนโต๊ะโดยอัตโนมัติ

5. รูปภาพเด่น

ส่วนที่ง่ายที่สุดคือเพิ่มรูปภาพเด่นในโพสต์และแก้ไขแผง "เพิ่มคอลัมน์ใหม่"

ขั้นแรก เปิดโพสต์เพื่ออัปโหลดรูปภาพเด่นดังที่แสดงในภาพด้านล่าง

คุณแทนที่หรือลบรูปภาพจากแถบด้านข้างของโพสต์ได้ เนื่องจากเรามีโต๊ะพร้อมแล้ว เราจึงเลือกและเพิ่มรูปภาพให้กับบางโพสต์ในตารางนั้น โพสต์ที่มีรูปภาพจะแสดงขึ้นในตารางหลังจากที่คุณสร้างคอลัมน์ใหม่

สำหรับค่าฟิลด์ คุณสามารถกำหนดขนาดหรือรูปแบบของรูปภาพได้ ตัวอย่างเช่น ภาพขนาดย่อ กลาง ใหญ่ เป็นต้น ช่องทำเครื่องหมายสำหรับ "ลิงก์ไปยังลิงก์ถาวรของโพสต์" จะนำคุณไปยังโพสต์หากคุณคลิกที่รูปภาพและจะ "เปิดลิงก์ไปยังแท็บใหม่" หากคุณทำเครื่องหมายที่ช่องอื่น

หลังจากที่คุณ "เพิ่มคอลัมน์" คอลัมน์ "รูปภาพเด่น" จะถูกสร้างขึ้นและแสดงรูปภาพของโพสต์ที่เกี่ยวข้อง

หมายเหตุ

นั่นคือทั้งหมดสำหรับ WP Post และ Ninja Tables ในขณะนี้ เราได้แสดงวิธีการเพิ่มข้อมูลในตาราง WordPress จากโพสต์ คุณสามารถลองใช้ Ninja Tables ได้ตามการสาธิตของเรา เนื่องจากมีความยืดหยุ่นมากกว่าและมีคุณสมบัติหลากหลาย แม้ว่าแต่ละคนของพวกเขาเอง!

การผสานรวมกับ WP Post เป็นคุณสมบัติที่ยอดเยี่ยมของปลั๊กอินตารางและช่วยได้มากด้วยการดึงข้อมูลจากโพสต์ ผู้ใช้สามารถเพิ่มคอลัมน์ที่กำหนดเอง ฟิลด์กำหนดเองขั้นสูง รหัสย่อ ฟิลด์เมตาของโพสต์ และรูปภาพเด่นจาก WP Post ผ่านอินเทอร์เฟซที่ใช้งานง่าย

ดูเอกสารฉบับสมบูรณ์ของเราเพื่อสรุปรายละเอียด

ในบันทึกสุดท้าย เราจะเสนอคำอธิบายเกี่ยวกับการเพิ่มรายการแบบฟอร์มในตาราง WordPress ในเร็วๆ นี้ อยู่กับเรา!