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

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

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

การสร้างตาราง WordPress ด้วยปลั๊กอินนี้สำหรับ Gutenberg

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

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

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

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

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

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

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

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

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

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

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

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

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

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

แค่นั้นเอง เราสร้างและเผยแพร่ตารางราคาเสร็จภายในเวลาไม่ถึง 10 นาที ง่ายมากใช่ไหมล่ะ?

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

เราสามารถเพิ่มกฎได้มากเท่าที่เราต้องการ เพียงแค่คลิกที่ "เพิ่ม" แล้วกล่องใหม่จะปรากฏขึ้นเพื่อให้เราตั้งค่ากฎใหม่.

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

ดีไซน์ใหม่ของเราจะทำให้ทุกอย่างง่ายยิ่งขึ้น!

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

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