วิธีเพิ่มตารางในโพสต์และหน้า WordPress (ไม่ต้องใช้ HTML)

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

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

ทำไมคุณควรใส่ตารางในโพสต์และหน้า WordPress ของคุณ

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

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

ปลั๊กอินตาราง WordPress ที่แนะนำสำหรับการเพิ่มตาราง

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

1. อันดับ 1

WP Table Manager เป็นปลั๊กอินที่มีคุณสมบัติหลากหลายที่รวมความเรียบง่ายของ WordPress เข้ากับฟังก์ชันการทำงานของสเปรดชีต ช่วยให้คุณสามารถจัดระเบียบ แก้ไข และจัดรูปแบบตารางผ่านอินเตอร์เฟซแบบลากและวางที่คล้ายกับ Excel คุณยังสามารถใช้ธีมที่กำหนดเอง แก้ไขเซลล์ HTML ทำการคำนวณ และแม้แต่ซิงโครไนซ์ข้อมูลกับ Google Sheets หรือ Office 365

คุณสมบัติหลัก:

• อินเตอร์เฟซแบบสเปรดชีตสำหรับการแก้ไขตารางอย่างง่ายดาย
• ตัวเลือกการเรียงลำดับ การกรอง และการแบ่งหน้า
• การผสานรวมกับตัวสร้างหน้าและปลั๊กอินยอดนิยม
• นำเข้าและส่งออกในหลายรูปแบบ (Excel, CSV ฯลฯ)

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

2. เทเบิลเพรส

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

คุณสมบัติหลัก:

• รูปแบบตารางที่ตอบสนอง
• รองรับการนำเข้าและส่งออกสำหรับไฟล์ CSV, HTML และ JSON
• เครื่องมือจัดเรียง กรอง และแบ่งหน้า สำหรับชุดข้อมูลขนาดใหญ่
• รวม แยก และทำซ้ำเซลล์สำหรับการจัดรูปแบบที่ยืดหยุ่น

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

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

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

คุณสมบัติหลัก:

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

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

วิธีการเพิ่มตารางในโพสต์และหน้า WordPress

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

การเพิ่มตารางโดยใช้ตัวแก้ไขบล็อกเริ่มต้น

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

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

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

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

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

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

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

ดูตัวอย่างโพสต์ของคุณก่อนเผยแพร่ และนี่คือตัวอย่างของตารางที่ถูกสร้างขึ้น.

บล็อกตารางแบบ Gutenberg ช่วยให้คุณสามารถแสดงข้อมูลที่มีโครงสร้างใน WordPress ได้อย่างยืดหยุ่นและใช้งานง่าย อย่างไรก็ตาม มันขาดความสามารถขั้นสูง เช่น การกรอง การเรียงลำดับ หรือการนำตารางมาใช้ซ้ำในหลายหน้า ซึ่งเป็นที่ที่ปลั๊กอินเฉพาะอย่าง WP Table Manager สามารถให้ตัวเลือกที่มีประสิทธิภาพและประหยัดเวลาได้มากขึ้น.

การเพิ่มตารางโดยใช้ WP Table Manager

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

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

คลิก ธีม > การเลือกธีม

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

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

หลายแท็บในตัวแก้ไขมีฟังก์ชันที่แตกต่างกัน:

• ตาราง (เปลี่ยนชื่อ, ใส่ shortcode, ส่งออก)
• ธีม (เปลี่ยนสีและธีม)
• รูปแบบ (การเรียงลำดับ การกรอง การแบ่งหน้า CSS ที่กำหนดเอง)
• นำเข้าและซิงค์ (เชื่อมต่อกับ Google Sheets หรือ Excel)
• แผนภูมิ (สร้างกราฟที่มองเห็นได้จากข้อมูลของคุณ).

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

จากนั้นเลือกตารางของคุณ.

เมื่ออัปเดตแล้ว ตารางเปรียบเทียบผลิตภัณฑ์ของคุณจะปรากฏโดยตรงในบทความของคุณ.

เคล็ดลับในการทำให้ตารางตอบสนอง

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

1. ใช้ปลั๊กอินที่มีความสามารถในการปรับเปลี่ยนตามอุปกรณ์

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

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

2. เปิดใช้งานตารางที่สามารถเลื่อนได้สำหรับอุปกรณ์มือถือ

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

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

3. จัดลำดับความสำคัญของคอลัมน์สำคัญ

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

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

4. ทดสอบบนอุปกรณ์ต่างๆ

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

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

เคล็ดลับการออกแบบตารางที่น่าดึงดูด

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

1. ใช้สีแถวสลับกัน

การใช้สีสลับกันสำหรับแถวช่วยให้ผู้อ่านสามารถแยกแยะระหว่างบรรทัดได้ง่ายขึ้น ผล "ลายม้าลาย" นี้ทำให้การสแกนตารางขนาดใหญ่เป็นไปอย่างง่ายดายและไม่ทำให้ดวงตาเมื่อยล้า.

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

2. ใช้แบบอักษรและการจัดแนวที่สอดคล้องกัน

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

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

3. เพิ่มเส้นขอบและช่องว่างภายในเล็กน้อย

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

4. เน้นข้อมูลสำคัญด้วยสีหรือตัวหนา

เน้นจุดข้อมูลที่สำคัญโดยใช้ข้อความตัวหนาหรือสีที่เน้นอย่างละเอียดอ่อน ซึ่งจะดึงความสนใจของผู้อ่านไปยังตัวเลขที่เกี่ยวข้องมากที่สุดในทันที.

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

สรุป

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

WP Table Manager