วิธีแทรกตารางในบทความ/หน้าของ WordPress

มีวิธีที่ง่าย

แต่มันไม่ใช่วิธีที่ดีที่สุด

ตัวแก้ไขบล็อกใหม่ใน WordPress มีบล็อกตาราง และทำงานได้ดีกับตารางทั่วไป

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

มีปลั๊กอินที่ยอดเยี่ยมสองตัวที่สามารถช่วยได้

ปลั๊กอินแรกให้คุณสร้างตารางด้วยตัวแก้ไขพิเศษ นั่นหมายความว่าคุณไม่จำเป็นต้องดูโค้ดใดๆ ด้วยซ้ำ ปลั๊กอินตัวที่สองดีกว่าสำหรับตารางที่ต้องการรูปลักษณ์และความหลากหลาย

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

สมัครรับธีมการแข่งขันบน Youtube

1. สร้างตารางด้วย TablePress

TablePress เป็น ปลั๊กอินสำหรับสร้างและแสดงตารางด้วย WordPress

อย่างที่คุณเห็น มันเป็นที่ชื่นชอบในหมู่ผู้ใช้ WordPress

ทำไมต้องใช้ TablePress?

จุดเด่นของ TablePress คือมันให้อินเทอร์เฟซที่ดีสำหรับการสร้างและแก้ไขตาราง โดยไม่ต้องสัมผัสโค้ดใดๆ

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

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

วิธีใช้ TablePress

หลังจากเปิดใช้งาน TablePress คุณจะพบเมนูระดับบนสุดใหม่ที่เพิ่มลงในแดชบอร์ดผู้ดูแลระบบของคุณ

การคลิกปุ่ม เพิ่มใหม่ จะนำคุณไปยังหน้านี้ซึ่งคุณสามารถตั้งชื่อและขนาดของตารางของคุณได้ (ไม่ต้องกังวล คุณสามารถอัปเดตแถว/คอลัมน์ในภายหลังได้เสมอ)

การสร้างตารางช่วยให้คุณเข้าถึงตัวแก้ไขตารางแบบเต็มซึ่งคุณจะป้อนข้อมูลของคุณ

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

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

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

นี่คือลักษณะที่ตารางจะปรากฏที่ส่วนหน้า

ไม่เคยใช้รหัสย่อ? ทำความคุ้นเคยกับพวกเขาในบทช่วยสอนนี้

คำถามทั่วไป

มีปัญหาและคำถามทั่วไปบางประการเกี่ยวกับ TablePress

รหัสย่อจะส่งผลต่อ SEO ของไซต์ของฉันหรือไม่

ไม่ การใช้รหัสสั้นจะไม่มีผลใดๆ ต่อความสามารถของ Google ในการอ่านตารางในหน้า

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

มันตอบสนอง / เป็นมิตรกับมือถือหรือไม่?

ตารางที่ TablePress สร้างไม่ตอบสนองตามค่าเริ่มต้น อย่างไรก็ตาม มีส่วนขยายที่จะทำให้พวกเขาเป็นมิตรกับมือถือมากขึ้น

ฉันจะสูญเสียตารางของฉันหรือไม่หากฉันหยุดใช้ปลั๊กอินนี้

ใช่และไม่.

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

สำรองข้อมูลเว็บไซต์ของคุณ!

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

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

2. สร้างตารางด้วย Tablesome

Tablesome เป็นปลั๊กอินตาราง WordPress สำหรับสร้างตารางตอบสนองอย่างรวดเร็วและเพิ่มลงในเพจและโพสต์ คุณยังสามารถนำเข้าตารางจากไฟล์ CSV และ XLSX ที่สร้างด้วยเครื่องมืออื่นๆ เช่น Google ชีต, MS Excel เป็นต้น

แม้ว่าปลั๊กอินอื่น ๆ เช่น Tablepress จะนำเสนอข้อมูลบนอุปกรณ์เดสก์ท็อปได้ดี แต่ก็ไม่ตอบสนองต่ออุปกรณ์เคลื่อนที่ ในทางกลับกัน Tablesome นั้นตอบสนองได้อย่างเต็มที่และดูดีในทุกขนาดหน้าจอ คุณสามารถสร้างตารางได้ทุกประเภท รวมถึงตารางข้อมูลขนาดใหญ่ แคตตาล็อกผลิตภัณฑ์ ตารางเปรียบเทียบ ตารางลีกกีฬา ตารางราคา และอื่นๆ

นอกจากนี้ยังสร้างและแก้ไขตารางได้ง่ายด้วยอินเทอร์เฟซที่เหมือนสเปรดชีตที่ใช้งานง่าย

วิธีใช้ Tablesome

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

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

ในหน้านี้ คุณสามารถตั้งชื่อตารางและป้อนข้อมูลของคุณได้ ความแตกต่างที่สำคัญระหว่างปลั๊กอินอื่นๆ และ Tablesome คือคุณสามารถเพิ่มแถว & คอลัมน์ขณะที่คุณเพิ่มข้อมูลลงในตาราง

มีข้อมูลอยู่แปดประเภท ได้แก่ ข้อความ, Rich-text, อีเมล, ตัวเลข, วันที่, ลิงก์, กล่องกาเครื่องหมาย และปุ่ม เมื่อคุณสร้างตารางเสร็จแล้ว คุณสามารถปรับแต่งรูปลักษณ์ของตารางได้ผ่านเมนูการตั้งค่าตาราง

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

ในส่วนสไตล์ คุณสามารถกำหนดลักษณะของส่วนหัว เนื้อหา เส้นขอบ ฟอนต์ และขนาดฟอนต์ของตารางได้

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

ต่อไปนี้คือตัวอย่างลักษณะของตาราง Tablesome ที่ส่วนหน้าของไซต์:

3. สร้างตารางด้วย WP Table Builder

หากคุณต้องการสร้างตารางที่สวยงามยิ่งขึ้น ให้ลองใช้ตัวสร้างตาราง WP

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

ด้วยอินเทอร์เฟซแบบลากและวางที่เรียบง่าย WP Table Builder จึงเป็นความสุขที่จะใช้

วิธีใช้ตัวสร้างตาราง WP

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

การคลิกปุ่ม "เพิ่มใหม่" จะแสดงอินเทอร์เฟซแบบลากและวางซึ่งคุณสามารถสร้างตารางได้

ขณะนี้มีห้าประเภทเนื้อหาที่แตกต่างกันซึ่งคุณสามารถดูได้ที่ด้านบนซ้ายของภาพด้านบน

หลังจากเลือกจำนวนคอลัมน์และแถวที่คุณต้องการแล้ว (สามารถแก้ไขได้ในภายหลัง) คุณสามารถลากและวางองค์ประกอบเหล่านั้นลงในเซลล์ใดก็ได้ในตาราง

หลังจากเล่นซอกับปลั๊กอินนี้ไม่ถึงนาที ฉันสามารถรวบรวมจุดเริ่มต้นของตารางเปรียบเทียบผลิตภัณฑ์

ง่ายต่อการดูว่าคุณสามารถสร้างตารางประเภทใดก็ได้โดยใช้ปลั๊กอินนี้ได้อย่างไร

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

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

4. ใช้ Posts Table Pro

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

Posts Table Pro นั้นแตกต่างกันเพราะเป็นปลั๊กอิน WordPress ตารางแบบไดนามิก แทนที่จะแสดงข้อมูลคงที่ จะสร้างตารางโดยอัตโนมัติโดยใช้ข้อมูลที่จัดเก็บไว้ในฐานข้อมูล WordPress วิธีนี้ช่วยให้คุณประหยัดเวลาได้มากเมื่อเทียบกับการเพิ่มข้อมูลด้วยตนเอง

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

ทำไมต้องใช้ Posts Table Pro?

ขึ้นอยู่กับสิ่งที่คุณต้องการแสดงในตาราง การสร้างตารางโดยอัตโนมัติสามารถนำมาซึ่งประโยชน์มากมาย

แทนที่จะเพิ่มข้อมูลลงในตารางโดยตรง คุณจะเพิ่มโพสต์ (หรือโพสต์ที่กำหนดเอง) ในผู้ดูแลระบบ WordPress คุณสามารถใช้ฟิลด์มาตรฐานทั้งหมดที่มาพร้อมกับ WordPress และคุณสามารถใช้ปลั๊กอินเช่นฟิลด์กำหนดเองขั้นสูงหรือพ็อดเพื่อเพิ่มฟิลด์และการจัดหมวดหมู่แบบกำหนดเอง เมื่อเพิ่มแล้ว คุณใช้รหัสย่อ Posts Table Pro เพื่อแทรกตารางที่ใดก็ได้ในไซต์ของคุณ

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

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

วิธีใช้ Posts Table Pro

หากข้อมูลที่คุณต้องการแสดงอยู่บนไซต์ WordPress ของคุณอยู่แล้ว (เช่น บล็อกโพสต์) คุณสามารถตั้งค่า Posts Table Pro ได้ทันที หรือคุณสามารถติดตั้งปลั๊กอิน Pods ฟรี และสร้างประเภทโพสต์ที่กำหนดเองพร้อมกับฟิลด์ทั้งหมดที่คุณจะแสดงเป็นคอลัมน์ในตาราง

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

ถัดไป เพิ่มรหัสย่อ [posts_table] ทุกที่ที่คุณต้องการแทรกตารางบนไซต์ WordPress ของคุณ มีตัวเลือกรหัสสั้นมากมาย เช่น เพื่อให้คุณสามารถแสดงรายการต่างๆ ในแต่ละตารางได้

โดยรวมแล้ว เป็นตัวเลือกที่ยอดเยี่ยมสำหรับการแสดงเนื้อหาบนไซต์ของคุณและดีกว่าตัวเลือกตารางคงที่

5. ใช้ตัวสร้างตาราง JetEngine

ปลั๊กอิน WordPress ตารางแบบไดนามิกอื่นคือโมดูล JetEngine Tables Builder ด้วยปลั๊กอินนี้ คุณไม่จำเป็นต้องเพิ่มข้อมูลด้วยตนเอง เนื่องจากตารางจะถูกสร้างขึ้นโดยอัตโนมัติจากฐานข้อมูล WordPress

กรณีการใช้งานทั่วไปของ Tables Builder สำหรับตารางผลิตภัณฑ์ WooCommerce ตารางสถิติ และตารางที่ขับเคลื่อนด้วย API ส่วนที่เหลือ (เช่น ตาราง IMDb) ด้วยปลั๊กอินตารางนี้ คุณสามารถสร้างตารางข้อมูลแบบไดนามิกที่แสดง: โพสต์ ข้อกำหนด ความคิดเห็น บทวิจารณ์ ผลิตภัณฑ์ หรือข้อมูล SQL

วิธีใช้ตัวสร้างตาราง JetEngine

ในการสร้างตารางไดนามิกด้วยปลั๊กอิน JetEngine ให้ทำตามขั้นตอนเหล่านี้:

1. ดาวน์โหลดและติดตั้ง JetEngine
2. เปิดใช้งานโมดูลตารางไดนามิก

3. สร้างแบบสอบถามด้วยตัวสร้างแบบสอบถาม JetEngine
4. กำหนดการตั้งค่าตารางทั่วไป (เพิ่มชื่อ เลือก Query เพื่อรับข้อมูล ดึงข้อมูลเพื่อดูตัวอย่างตาราง)
5. เพิ่มคอลัมน์ที่คุณต้องการ
6. ปรับรูปแบบตาราง
7. เพิ่มตารางในหน้า (ผ่านตัวสร้างหน้า Elementor หรือ Gutenberg)

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

โดยสรุป นี่เป็นปลั๊กอินที่ยอดเยี่ยมสำหรับการสร้างตารางแบบไดนามิก

คุณสามารถสร้างตารางโดยไม่มีปลั๊กอินได้หรือไม่?

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

TablePress เป็นตัวเลือกที่ยอดเยี่ยมสำหรับทุกคนที่ต้องการสร้างตารางขนาดใหญ่ที่นำกลับมาใช้ใหม่ได้ ซึ่งสามารถนำเข้าหรือส่งออกจากไซต์ของตนได้ WP Table Builder เป็นทางเลือกที่ดีสำหรับเนื้อหาที่เป็นภาพมากกว่า และ Posts Table Pro เหมาะสำหรับการแสดงรายการเนื้อหาแบบไดนามิกบนไซต์

หากคุณกำลังมองหาตัวเลือกเพิ่มเติมระหว่างปลั๊กอิน โปรดดูรายการปลั๊กอินตารางที่ดีที่สุดสำหรับ WordPress

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