WordPress Tables: 5 วิธีในการเพิ่มตารางในบล็อกโพสต์ของคุณ

คุณเคยคิดเกี่ยวกับตารางหรือไม่?

ไม่ ฉันไม่ได้หมายถึงโต๊ะที่คุณใช้ทานอาหารเย็นกับครอบครัวหรือโต๊ะประชุมที่สำนักงานที่มีการจัดประชุม

ฉันหมายถึงตารางเหมือนกับแผนภูมิข้อมูลที่แสดงเป็นคอลัมน์

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

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

เวอร์ชันยุ่งมีลักษณะดังนี้:

• วัน – ชื่อ – ฝ่ายขาย
• วันจันทร์ – ฌอน - $500
• วันจันทร์ – เดฟ – $400
• วันอังคาร – สตีฟ – 500 เหรียญสหรัฐ
• วันพุธ – เจนนิเฟอร์ – 800 เหรียญสหรัฐ
• วันพุธ – เซียร์รา - $750

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

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

• ก่อนอื่น คุณต้องมีแท็กตาราง ดังนั้น <table> เพื่อเริ่มต้นและ </table> เพื่อปิด
• ข้างในนั้นคุณต้องมีรหัสสำหรับแต่ละแถว แถวเริ่มต้นด้วย <tr> และลงท้ายด้วย </tr>
• ภายในแต่ละแถว แต่ละเซลล์ต้องการการป้อนข้อมูลตาราง ดังนั้น <td> และ </td> โดยมีองค์ประกอบเฉพาะของข้อมูลอยู่ภายใน อันแรกคือชื่อส่วนหัวของคอลัมน์เหล่านั้น

ดังนั้นสำหรับข้อมูลแถวแรกสุด หัวเรื่อง ในตัวอย่างด้านบน คุณกำลังดู:

<table>
<tr>
<td>Day</td>
<td>Name</td>
<td>Sales</td>
</tr>
<!-- Additional rows and cells here -->
</table>

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

โชคดีที่เราไม่ต้องเขียนตาราง HTML ด้วยตนเองเป็นเวลาหลายสิบปีหากเราไม่ต้องการ WordPress มีหลายวิธีในการเพิ่มตารางใหม่ และฉันได้เลือกห้าตารางที่ฉันคิดว่าดีที่สุดสำหรับบทช่วยสอนทีละขั้นตอนนี้

มาขุดกันเถอะ!

ตัวเลือกที่ 1: ตารางเริ่มต้นของ WordPress

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

มันค่อนข้างง่าย เลือกจำนวนแถวและคอลัมน์ที่คุณต้องการ สำหรับตัวอย่างข้อมูลของฉันด้านบน ฉันจะมีคอลัมน์ตารางสามคอลัมน์และกี่แถวสำหรับข้อมูลที่ฉันต้องการ ผลลัพธ์ที่ได้คือตารางตอบสนองอย่างง่าย

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

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

นั่นคือที่มาของการติดตั้งปลั๊กอินตาราง WordPress

ตัวเลือก 2: TablePress

หากคุณมีเว็บไซต์ WordPress มาสักระยะแล้ว ไม่น่าแปลกใจเลยที่ฟีเจอร์ใดๆ ที่คุณต้องการเพิ่มอาจมี Add-on ชื่อ FeaturePress อยู่ที่ใดที่หนึ่ง ตารางก็ไม่มีข้อยกเว้น TablePress สามารถพบได้ในไดเร็กทอรีปลั๊กอินฟรีหรือบนเว็บไซต์ TablePress.org

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

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

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

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

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

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

ตัวเลือก 3: โต๊ะนินจา

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

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

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

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

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

Premium มอบฟังก์ชันเพิ่มเติมมากมายที่คุณอาจพบว่ามีประโยชน์ ซึ่งรวมถึง:

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

ใบอนุญาตแบบไซต์เดียวคือ 49 ดอลลาร์ต่อปี หรือคุณสามารถจ่าย 99 ดอลลาร์สำหรับไซต์ 20 ไซต์ หรือ 199 ดอลลาร์สำหรับไซต์ไม่จำกัด หรือเสนอ ใบอนุญาตตลอดชีพในราคา $199 สำหรับหนึ่งโดเมน , $399 สำหรับ 20 หรือ $599 สำหรับไม่จำกัด นอกเหนือจากจำนวนโดเมนที่คุณสามารถใช้ได้ แผนบริการไม่มีข้อจำกัด ดังนั้นเวอร์ชันที่ต้องชำระเงินทั้งหมดจึงเหมือนกัน คุณสามารถเรียกดูไซต์และดูคุณสมบัติเพิ่มเติมได้ที่นี่

ตัวเลือกที่ 4: เครื่องมือสร้างตารางข้อมูล

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

ได้เลย ฉันจะหยุด

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

เมื่อฉันพูดว่าสิ่งนี้สามารถทำได้ทุกอย่าง ฉันหมายความตามนั้น แดชบอร์ด Data Tables Generator สำหรับแก้ไขตาราง ดูเหมือนว่าคุณนำ Excel หรือ Google ชีตไปฝังไว้ในตัวแก้ไข มีพื้นที่สำหรับสูตรและการจัดรูปแบบและอื่น ๆ อีกมากมาย มันมีทุกอย่างที่คุณต้องการ ในบางวิธี มันคือปลั๊กอินตาราง WordPress ที่ดีที่สุด เพียงเพราะมันมีคุณสมบัติส่วนใหญ่

แล้วจับอะไร?

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

คุณสามารถดาวน์โหลดเวอร์ชันฟรีได้จากไดเร็กทอรีปลั๊กอิน WordPress

รุ่นที่จำหน่ายได้แล้วนั้นเหมาะสมกับราคาในรูปแบบตาราง

เว็บไซต์ Data Tables Generator มีใบอนุญาตเป็นเวลาหนึ่ง สอง หรือสามปี และสำหรับไซต์ครั้งละหนึ่ง ห้า หรือ 6+ ไซต์ ใบอนุญาตไซต์เดียวเป็นเวลาหนึ่งปีคือ 46 เหรียญ

ตัวเลือกที่ 5: บริษัทในเครือ

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

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

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

บริษัทในเครือมีสามรุ่น:

• รุ่นฟรี
• รุ่นโปรสำหรับใบอนุญาตไซต์เดียว
• รุ่นโปรสำหรับไซต์ไม่จำกัด

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

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