สร้างและจัดการตารางด้วยตัวแก้ไข Gutenberg

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

มันอาจจะน่าเบื่อมากในการค้นหาตารางหลังจากสร้างมันขึ้นมา เนื่องจากเราต้องคัดลอก/วางรหัสสั้น แต่ถ้ามีบล็อกที่อุทิศให้กับการค้นหาตารางทั้งหมดของคุณล่ะ? WP Table Manager

WP Table Manager เพิ่มบล็อกในตัวแก้ไข Gutenberg ที่จะช่วยให้คุณสามารถเพิ่มตารางเหล่านี้พร้อมกล่องค้นหาโดยตรงไปยังบล็อกได้.

การสร้างตาราง WordPress ด้วยปลั๊กอินนี้สำหรับกูเทนแบร์ก

สำหรับโพสต์นี้ เราจะใช้ WP Table Manager เพื่อสร้างตารางเปรียบเทียบราคา และก่อนอื่นเราจะมาดูวิธีการสร้างตารางกัน.

ก่อนอื่นไปที่ ตัวจัดการตาราง > ตารางทั้งหมดในส่วนนี้ให้คลิกที่ + สร้างใหม่ > ตารางการดำเนินการนี้จะเปิดตัวแก้ไขตาราง เราสามารถใช้ธีมเพื่อให้ง่ายขึ้น ดังนั้นมาเลือกธีมโดยคลิกที่ ธีม > การเลือกธีม

คุณจะเห็นตัวเลือกธีมทั้งหมด ดังนั้นเราจะเลือกธีมที่จะใช้กับตารางเปรียบเทียบราคา.

ตอนนี้คลิกที่ตกลง (โปรดทราบว่าข้อมูลทั้งหมดในตารางจะถูกลบ).

เมื่อเราได้เพิ่มธีมแล้ว งานทั้งหมดเกือบจะเสร็จสมบูรณ์.

เราต้องปรับแต่งง่ายๆ และปรับตารางให้ตรงกับความต้องการของเรา ฉันจะลบแถวจำนวนมากและแก้ไขหลายรายการ โดยสามารถแก้ไขได้โดยการคลิกที่แถวนั้นและเริ่มพิมพ์เหมือนกับว่าคุณกำลังใช้ Excel.

หากต้องการลบ ให้คลิกที่แถว คลิกขวา แล้วคลิก ลบ

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

หากเราต้องการปรับแต่งตารางเพิ่มเติม เราสามารถเปลี่ยนสีได้ เราเพียงแค่คลิกที่เซลล์และใช้เครื่องมือด้านบนเพื่อเปลี่ยนสีของเซลล์ที่เราต้องการ.

เราไม่ต้องบันทึกตาราง เนื่องจากจะถูกบันทึกโดยอัตโนมัติเมื่อมีการเปลี่ยนแปลงทุกครั้ง.

ตอนนี้เราได้สร้างตารางแล้ว เราสามารถเพิ่มลงในโพสต์โดยใช้บล็อกของ Gutenberg Editor.

ไปที่ บทความ > เพิ่มใหม่คุณจะเห็นตัวแก้ไข Gutenberg และเราจะเลือกบล็อก WP Table Manager

การดำเนินการนี้จะเพิ่มช่องค้นหาที่จะแสดงหมวดหมู่และตารางให้คุณ และคุณจะสามารถเพิ่มตารางได้โดยการคลิกที่ตาราง.

ตารางจะถูกเพิ่มเข้ามา และตอนนี้ คุณจะต้องเผยแพร่โพสต์นั้นและตารางจะอยู่ที่นั่น เหมือนคลิกที่ตารางและเผยแพร่โพสต์/หน้า.

และนั่นคือทั้งหมด เราได้สร้างและโพสต์ตารางราคาในเวลาไม่ถึง 10 นาที ง่ายมากเลยใช่ไหม?

การใช้ WP Table Manager ใน WordPress เพื่อสร้างแผนภูมิ

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

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

แนวทางปฏิบัติที่ดีคือการสร้างหมวดหมู่สำหรับตารางแต่ละประเภทที่เราต้องการสร้าง ตัวอย่างเช่น เราได้สร้างหมวดหมู่ที่เรียกว่า "แผนภูมิ".

หมวดหมู่สร้างได้ง่ายมาก โดยคลิกที่ + สร้างใหม่ > หมวดหมู่

สุดท้าย พิมพ์ชื่อหมวดหมู่ เลือกหมวดหมู่หลัก (หากหมวดหมู่นี้เป็นหมวดหมู่ย่อย) และคลิก เสร็จสิ้น.

ตอนนี้ไปที่ตารางที่เราต้องการสร้างแผนภูมิ เราได้เพิ่มตารางตามประชากรจาก 5 ประเทศ.

ในการสร้างแผนภูมิ เราต้องเลือกเซลล์ที่ต้องการเพิ่มลงในแผนภูมิแล้วคลิกที่ แผนภูมิ > สร้างแผนภูมิจากข้อมูล

 ตอนนี้ เราจะเห็นแผนภูมิที่สร้างขึ้นด้วยเมนูด้านขวา ซึ่งเราจะสามารถเห็นเครื่องมือในการปรับแต่งแผนภูมิได้.

เราจะใช้แผนภูมิวงกลมสำหรับตัวอย่างนี้.

ที่ด้านล่างของแผงด้านขวา เราจะสามารถเลือกสีสำหรับแต่ละฟิลด์เพื่อให้สีตรงกับธีมที่เราใช้อยู่.

ตอนนี้เราได้สร้าง/ปรับแต่งแผนภูมิแล้ว ลองไปที่ โพสต์ > เพิ่มใหม่ เพื่อให้เราสามารถสร้างโพสต์และเพิ่มแผนภูมิใหม่ที่เราได้สร้างขึ้น

ในตัวแก้ไข Gutenberg ให้ค้นหาบล็อก “WP Table Manager Chart” และเพิ่มลงในโพสต์.

การดำเนินการนี้จะเปิดช่องค้นหาที่คุณจะสามารถดูแผนภูมิทั้งหมดที่มีอยู่.

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

ดังที่คุณเห็น รหัสย่อจะถูกเพิ่มโดยอัตโนมัติ ดังนั้นคุณจะต้องเผยแพร่และทุกอย่างจะเสร็จสิ้น.

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

ในตัวอย่างนี้ ประชากรของตูวาลูคือ 11147 ดังที่คุณเห็นในภาพ ดังนั้นเรามาเปลี่ยนประชากรเป็น 20000 และตรวจสอบแผนภูมิอีกครั้ง.

ตอนนี้แผนภูมิควรได้รับการอัปเดตแล้ว มาตรวจสอบกัน.

และใช่ มันคือความมหัศจรรย์ เราได้สร้างแผนภูมิแบบไดนามิกที่สามารถเปลี่ยนแปลงได้ง่ายเพียงแค่เปลี่ยนข้อมูลภายในตาราง.

นอกจากนี้ ตารางจากฐานข้อมูลใน WordPress

นอกจากนี้ยังมีตัวเลือกในการสร้างตารางจากฐานข้อมูลและตารางนี้จะได้รับการอัปเดตโดยอัตโนมัติเมื่อมีการเปลี่ยนแปลงในฐานข้อมูลของคุณ ดังนั้นหากคุณมีข้อมูลที่เก็บไว้ในฐานข้อมูลและต้องการสร้างตาราง/แผนภูมิตามข้อมูลนั้น เพียงคลิกที่ + สร้างใหม่ > ตารางฐานข้อมูล

การดำเนินการนี้จะเปลี่ยนเส้นทางคุณไปยังหน้าซึ่งมีตารางทั้งหมดที่รวมอยู่ในฐานข้อมูลของคุณ เพื่อให้คุณสามารถเลือกคอลัมน์ที่ต้องการได้ และ WP Table Manager จะสร้างตารางโดยอัตโนมัติ.

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

สุดท้าย เลือกชื่อสำหรับแต่ละคอลัมน์และเพิ่มกฎเพื่อสร้างตาราง.

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

เราสามารถเพิ่มกฎได้มากเท่าที่เราต้องการ เราเพียงแค่ต้องคลิกที่ “เพิ่ม” และกล่องใหม่จะถูกเพิ่มเพื่อกำหนดกฎใหม่.

และตอนนี้คุณสามารถเห็นได้ว่าการสร้างตารางจากฐานข้อมูลนั้นง่ายเพียงใด.

การออกแบบใหม่ของเราจะทำให้ทุกอย่างง่ายขึ้น!

เริ่มสร้างตารางด้วย WP Table Manager

ตอนนี้คุณรู้ว่าการสร้างตารางและจัดการโดยใช้ WP Table Manager นั้นง่ายเพียงใด คุณกำลังรออะไรอยู่? ไปที่ ที่นี่ และซื้อสมาชิกเพื่อเริ่มให้บริการตารางเหล่านี้ด้วยวิธีที่เป็นมืออาชีพมากที่สุด