วิธีสร้างตารางองค์ประกอบใน WordPress

เผยแพร่แล้ว: 2022-06-24

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

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

ในบทความนี้ เราจะพูดถึงวิธีการทำงานของตาราง WordPress และการเปรียบเทียบกับวิดเจ็ต Elementor จากนั้น เราจะแสดงวิธีสร้างตาราง Elementor ด้วยตนเอง และแนะนำปลั๊กอินบางตัวที่เพิ่มวิดเจ็ตตารางใหม่ให้กับตัวแก้ไข ไปกันเถอะ!

เมื่อต้องการใช้ตาราง WordPress

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

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

ตารางราคาบนเว็บไซต์ Kinsta
ตารางราคาบน Kinsta

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

ตารางเปรียบเทียบชุดข้อมูลหลายชุด
การเปรียบเทียบชุดข้อมูลหลายชุด

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

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

ตารางโดยใช้ตัวแก้ไขบล็อกใน WordPress
ตารางตัวแก้ไขบล็อก WordPress

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

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

ตาราง Elementor ทำอะไรได้บ้าง

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

วิดเจ็ตตารางราคา Elementor
วิดเจ็ตตารางราคา Elementor

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

ตัวอย่างวิดเจ็ตตารางราคาเคียงข้างกัน
วิดเจ็ตตารางราคาใน Elementor เคียงข้างกัน

Elementor ยังมาพร้อมกับวิดเจ็ต สารบัญ ทำให้การนำทางเนื้อหาแบบยาวง่ายขึ้นสำหรับผู้อ่านของคุณ

วิธีสร้างตาราง Elementor (ด้วยตนเอง)

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

เลือกหน้าหรือเทมเพลตจากไลบรารี Elementor
เลือกหน้าหรือเทมเพลตจากไลบรารี Elementor

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

รูปภาพแสดงจำนวนคอลัมน์ที่ใช้ได้
เลือกจำนวนคอลัมน์ที่ต้องการ

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

เพิ่มวิดเจ็ตตารางหลายรายการเมื่อจำเป็น
เพิ่มวิดเจ็ตตารางหลายรายการเมื่อจำเป็น

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

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

ปรับแต่งตารางโดยใช้ตัวเลือกการจัดสไตล์ใน Elementor
ปรับแต่งตารางโดยใช้ตัวเลือกการจัดสไตล์ใน Elementor

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

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

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

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

เพิ่ม CSS ที่กำหนดเองให้กับโมดูลใน Elementor
เพิ่ม CSS . ที่กำหนดเอง

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

หากการเพิ่ม CSS ด้วยตนเองฟังดูน่ากลัว ไม่ต้องกังวล การเรียนรู้ CSS ไม่ต้องการให้คุณเป็นนักพัฒนาเว็บ อย่างไรก็ตาม เป็นทักษะอันมีค่าที่จะช่วยคุณปรับแต่งเว็บไซต์ WordPress ของคุณ (และอาจถึงขั้นค้นหาอาชีพในการพัฒนาเว็บไซต์)

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

แก้ไขข้อความตารางและเนื้อหาอื่นๆ
แก้ไขข้อความตารางและเนื้อหาตารางอื่นๆ

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

ปลั๊กอินตาราง Elementor ยอดนิยม (12 ตัวเลือก)

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

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

1. ส่วนเสริม ElementsKit สำหรับ Elementor

ElementsKit เพิ่มใน
ElementsKit

ElementsKit เพิ่มวิดเจ็ตกว่า 85 รายการใน Elementor คุณมีตัวเลือกสำหรับตารางพื้นฐาน ตารางราคา การสนับสนุนการฝังองค์ประกอบ TablePress และอื่นๆ

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

ฟีเจอร์หลัก:

  • วิดเจ็ตตารางสามประเภท
  • รองรับการกรองตาราง การค้นหา และการแบ่งหน้า
  • บูรณาการกับ TablePress สำหรับการฝังตาราง

ราคา: ใบอนุญาต ElementsKit เริ่มต้นที่ 39 เหรียญต่อปี

2. ตัวสร้างตาราง WP

ปลั๊กอิน WP Table Builder สำหรับ Elementor
ตัวสร้างตาราง WP

หากคุณเป็นแฟนตัวแก้ไขแบบลากแล้ววาง (ซึ่งคุณควรเป็นหากคุณใช้ Elementor) คุณจะสนุกกับการใช้ WP Table Builder ปลั๊กอินนี้ช่วยให้คุณสร้างตารางโดยใช้องค์ประกอบที่กำหนดค่าไว้ล่วงหน้า เช่น ปุ่ม ส่วนบทวิจารณ์ การให้คะแนนผลิตภัณฑ์ และอื่นๆ

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

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

ฟีเจอร์หลัก:

  • ใช้ตัวสร้างตารางแบบลากและวาง
  • เข้าถึงองค์ประกอบที่สร้างไว้ล่วงหน้า เช่น ปุ่ม ส่วนบทวิจารณ์ และการให้คะแนนผลิตภัณฑ์
  • ปรับแต่งสไตล์ของแต่ละองค์ประกอบในตารางของคุณ
  • ใช้เทมเพลตหน้าที่สร้างไว้ล่วงหน้า

ราคา: ใบอนุญาต WP Table Builder เริ่มต้นที่ 39 เหรียญต่อปี

3. TablePress

TablePress เพิ่มบน
ตารางกด

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

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

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

ฟีเจอร์หลัก:

  • นำเข้าและส่งออกชุดข้อมูลในรูปแบบ Excel, CSV, JSON และ HTML
  • เพิ่มตารางที่ค้นหาได้ไปยัง WordPress
  • เปิดใช้งานการแบ่งหน้าสำหรับตาราง

ราคา: TablePress เป็นปลั๊กอินฟรี แต่คุณสามารถหาส่วนขยายพรีเมียมได้

4. ส่วนเสริมที่จำเป็นสำหรับ Elementor

ส่วนเสริมที่จำเป็นสำหรับ Elementor
ส่วนเสริมที่จำเป็น

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

Essential Addons สำหรับ Elementor มาในสองเวอร์ชัน ปลั๊กอินฟรีเพิ่มเวอร์ชันที่ดีกว่าของวิดเจ็ตตารางราคาที่ Elementor ส่งมาด้วย หากคุณต้องการเข้าถึงตารางข้อมูล (ซึ่งรวมถึงการกรอง การค้นหา และรูปแบบต่างๆ) คุณจะต้องชำระค่าสิทธิ์ใช้งานแบบพรีเมียม

ฟีเจอร์หลัก:

  • เพิ่มวิดเจ็ตราคา ข้อมูล และตารางเนื้อหา
  • เปิดใช้งานการค้นหาและกรองภายในตาราง

ราคา: มี Essential Addons เวอร์ชันฟรีสำหรับ Elementor และสิทธิ์ใช้งานแบบพรีเมียมเริ่มต้นที่ 39.97 ดอลลาร์ต่อปี

5. PowerPack สำหรับ Elementor

PowerPack สำหรับ Elementor เพิ่มใน
PowerPack สำหรับ Elementor

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

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

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

ฟีเจอร์หลัก:

  • สร้างตารางข้อมูลที่เรียงลำดับและค้นหาได้
  • นำเข้าตารางข้อมูลในรูปแบบ CSV
  • เพิ่มวิดเจ็ตตารางราคาและข้อมูล

ราคา: ใบอนุญาต PowerPack เริ่มต้นที่ 44 เหรียญต่อปี

6. ส่วนเสริมพิเศษสำหรับ Elementor

ส่วนเสริมพิเศษสำหรับปลั๊กอิน Elementor
ส่วนเสริมพิเศษสำหรับ Elementor

ส่วนเสริมพิเศษสำหรับ Elementor มีทั้งรุ่นฟรีและพรีเมียม ปลั๊กอินฟรีเพิ่มวิดเจ็ตใหม่ 39 รายการให้กับ Elementor ในขณะที่ใบอนุญาตแบบพรีเมียมจะทำให้คุณมีองค์ประกอบใหม่มากกว่า 69 รายการ

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

ฟีเจอร์หลัก:

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

ราคา: มี Addons พิเศษเฉพาะสำหรับ Elementor เวอร์ชันฟรี ใบอนุญาตแบบพรีเมียมเริ่มต้นที่ $29 ต่อปี

ดิ้นรนกับการหยุดทำงานและปัญหา WordPress? Kinsta เป็นโซลูชันโฮสติ้งที่ออกแบบมาเพื่อช่วยคุณประหยัดเวลา! ตรวจสอบคุณสมบัติของเรา

7. JetElements

ส่วนเสริม JetElements
JetElements

JetElements เพิ่มวิดเจ็ตใหม่ 45 รายการให้กับ Elementor ส่วนใหญ่มุ่งสู่เว็บไซต์อีคอมเมิร์ซและการสมัครสมาชิก อย่างไรก็ตาม JetElements ยังรวมวิดเจ็ตตารางที่น่าสนใจหลายรายการไว้ในบัญชีรายชื่อ

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

ฟีเจอร์หลัก:

  • เพิ่มการกำหนดราคาและตารางที่ตอบสนองต่อ Elementor
  • ปรับแต่งตารางโดยใช้เอฟเฟ็กต์ภาพใหม่ เช่น พารัลแลกซ์

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

8. ส่วนเสริมพรีเมียมสำหรับ Elementor

ส่วนเสริมพรีเมียมสำหรับ Elementor
ส่วนเสริมพรีเมียมสำหรับ Elementor

Premium Addons สำหรับ Elementor มีทั้งแบบฟรีและแบบพรีเมียม อย่างไรก็ตาม เฉพาะปลั๊กอินพรีเมียมเท่านั้นที่เพิ่มวิดเจ็ตตารางใหม่ให้กับ Elementor

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

ฟีเจอร์หลัก:

  • เพิ่มวิดเจ็ตข้อมูลและตารางราคาไปยัง Elementor
  • ประกอบตารางด้วยวิดเจ็ตแผนภูมิและกราฟ

ราคา: สิทธิ์ใช้งาน Premium Addons สำหรับ Elementor เริ่มต้นที่ 39 เหรียญต่อปี

9. Data Mentor

ส่วนเสริม DataMentor สำหรับ Elementor
Data Mentor

DataMentor เป็นปลั๊กอินที่เพิ่มวิดเจ็ตตารางเดียวให้กับ Elementor อย่างไรก็ตาม วิดเจ็ตนั้นมีคุณสมบัติมากมายมากกว่าส่วนเสริมส่วนใหญ่ที่เราเคยเห็นมา

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

ฟีเจอร์หลัก:

  • เพิ่มวิดเจ็ตตารางใหม่ให้กับ Elementor
  • เข้าถึงเทมเพลตตารางหลายแบบ
  • เพิ่มรูปภาพ ข้อความ ปุ่ม รายการ และไอคอนภายในตาราง

ราคา: DataMentor เป็นปลั๊กอินฟรี

10. Happy Addons สำหรับ Elementor

Happy Addons สำหรับ Elementor
ส่วนเสริมที่มีความสุข

Happy Addons for Elementor เป็นหนึ่งในปลั๊กอินที่ครอบคลุมมากที่สุดสำหรับตัวสร้างเพจ เครื่องมือนี้เพิ่มวิดเจ็ตกว่า 99 รายการใน Elementor และชุดเทมเพลตใหม่จำนวนมากในไลบรารี

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

ฟีเจอร์หลัก:

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

ราคา: มี Happy Addons เวอร์ชันฟรี ใบอนุญาตแบบพรีเมียมเริ่มต้นที่ 39 เหรียญต่อปี

11. ส่วนเสริมของ Royal Elementor

ส่วนเสริม Royal Elementor
ส่วนเสริม Royal Elementor

Royal Elementor Addons เพิ่มวิดเจ็ตใหม่กว่า 40 รายการให้กับ Elementor ทั้งหมดนี้ฟรี แต่ปลั๊กอินยังมาในเวอร์ชันพรีเมียมที่ปลดล็อกตัวเลือกการปรับแต่งเพิ่มเติมสำหรับแต่ละวิดเจ็ต

ด้วย Royal Elementor Addons คุณจะได้รับตารางราคาใหม่เพื่อใช้ใน Elementor วิดเจ็ตนี้มีตัวเลือกการจัดรูปแบบใหม่หลายแบบ นอกจากนี้ยังมาพร้อมกับตัวเลือกการสลับที่ผู้เข้าชมสามารถใช้เพื่อสลับไปมาระหว่างราคารายเดือนและรายปี (หรือตัวเลือกอื่นๆ)

ฟีเจอร์หลัก:

  • เพิ่มวิดเจ็ตตารางราคาใหม่ให้กับ Elementor
  • ปรับแต่งตารางราคาด้วยตัวเลือกสไตล์ใหม่
  • เพิ่มการสลับราคาให้กับตารางของคุณ

ราคา: Royal Elementor Addons ฟรี ใบอนุญาตแบบพรีเมียมราคา $29 ต่อเว็บไซต์ (เป็นค่าธรรมเนียมครั้งเดียว)

12. องค์ประกอบเสริมองค์ประกอบ

ปลั๊กอินองค์ประกอบเสริม Elementor
Elementor Addon Elements

Elementor Addon Elements เป็นปลั๊กอินฟรีที่เพิ่มวิดเจ็ตใหม่กว่า 24 รายการให้กับ Elementor ในหมู่พวกเขา คุณมีตัวเลือกสำหรับราคา การเปรียบเทียบ และตารางข้อมูล

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

ฟีเจอร์หลัก:

  • เพิ่มตารางราคา การเปรียบเทียบ และข้อมูลไปยัง Elementor
  • เลือกระหว่างตารางข้อมูลที่กรองได้และค้นหาได้
  • เพิ่มแอนิเมชั่นลงในตารางข้อมูล

ราคา: Elementor Addon Elements ฟรี

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

สรุป

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

ตัวสร้างเพจ Elementor มาพร้อมกับวิดเจ็ต ตารางราคา ที่ใช้งานง่าย หากคุณต้องการเพิ่มตารางประเภทอื่นๆ เราขอแนะนำให้ใช้ปลั๊กอินตาราง Elementor เช่น ElementsKit หรือ WP Table Builder

Kinsta CDN เป็น CDN ประสิทธิภาพสูงสำหรับลูกค้า Kinsta ทุกคนโดยไม่มีค่าใช้จ่ายเพิ่มเติม ขับเคลื่อนโดยการรวม Cloudflare ฟรีของเราและให้บริการเนื้อหาของคุณโดยอัตโนมัติจาก PoP กว่า 200 รายการทั่วโลก หากคุณมีคำถามเกี่ยวกับ Kinsta CDN โปรดติดต่อทีมสนับสนุน 24/7 ของเราเพื่อขอความช่วยเหลือเพิ่มเติม!