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

ผสานเซลล์ตารางใน HTML

เพื่อผสานเซลล์ตารางใน HTML เราสามารถใช้แท็ก <colspan> และ <rowspan> เพื่อรวมเซลล์ในตารางได้ ดังนี้:

1. การผสานเซลล์แนวนอน (Colspan): ใช้แท็ก <td> หรือ <th> พร้อมกับ attribute colspan เพื่อรวมเซลล์ที่อยู่ในแนวนอนเข้าด้วยกัน ยกตัวอย่างเช่น:

<table border="1">

  <tr>

    <th>หัวข้อ 1</th>

    <th>หัวข้อ 2</th>

    <th>หัวข้อ 3</th>

  </tr>

  <tr>

    <td colspan="2">เนื้อหา 1</td>

    <td>เนื้อหา 2</td>

  </tr>

</table>

2. การผสานเซลล์แนวตั้ง (Rowspan): ใช้แท็ก <td> หรือ <th> พร้อมกับ attribute rowspan เพื่อรวมเซลล์ที่อยู่ในแนวตั้งเข้าด้วยกัน ยกตัวอย่างเช่น:

<table border="1">

  <tr>

    <th>หัวข้อ 1</th>

    <th>หัวข้อ 2</th>

    <th>หัวข้อ 3</th>

  </tr>

  <tr>

    <td rowspan="2">เนื้อหา 1</td>

    <td>เนื้อหา 2</td>

    <td>เนื้อหา 3</td>

  </tr>

  <tr>

    <td>เนื้อหา 4</td>

    <td>เนื้อหา 5</td>

  </tr>

</table>

โปรดทราบว่าการใช้ <colspan> และ <rowspan> จะช่วยให้เราสามารถรวมเซลล์ได้ในตาราง HTML แต่จะต้องใช้การวางแผนและออกแบบอย่างถูกต้องเพื่อให้ตารางของเรามีความสวยงามและเป็นระเบียบที่ต้องการ
 

รวมเซลล์ตารางโดยขยายฟังก์ชันการทำงานของ WordPress Editor

1. รวมเซลล์ตารางเข้ากับตารางด้วยตัวแก้ไขบล็อก

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

ต่อไปนี้คือขั้นตอนครับ

ติดตั้งและเปิดใช้งานปลั๊กอินเครื่องมือตัวแก้ไขขั้นสูง

ไปที่เมนูการตั้งค่า > เครื่องมือแก้ไขขั้นสูง และเปิดใช้งานคุณสมบัติต่อไปนี้:

• ปุ่มเพิ่มเติมสำหรับแถบเครื่องมือ Rich-Text

• แถบเครื่องมือสำหรับย่อหน้าแบบคลาสสิกและบล็อกแบบคลาสสิก

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

หลังจากนั้นให้ดำเนินการดังนี้:

1. สร้างตารางโดยคลิกที่ไอคอนตาราง

2. ไปที่ ตาราง > คุณสมบัติตาราง > ขั้นสูง

3. ตั้งค่ารูปแบบเส้นขอบตารางเป็น “ทึบ”

4. ตั้งค่าสีเส้นขอบของตารางเป็น “สีดำ”

จากนั้นเราจะเห็นตารางที่มีลักษณะดังนี้:

เลือกกลุ่มเซลล์ที่เราต้องการผสาน จากนั้นคลิกตัวเลือกเมนูบริบทตาราง > เซลล์ > ผสานเซลล์ตาราง

2. รวมเซลล์ตารางเข้ากับตารางด้วย Classic Editor

1. ไปที่เมนูปลั๊กอิน > เพิ่มใหม่

2. ติดตั้งและเปิดใช้งานปลั๊กอิน Classic Editor Plugin

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

รวมเซลล์ตารางด้วยปลั๊กอินตาราง League

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

อัปโหลดปลั๊กอินตาราง League ในเมนูปลั๊กอิน -> เพิ่มใหม่ และเปิดใช้งาน

ไปที่ตาราง League > ตัวเลือก > คุณสมบัติของเซลล์:

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

จากนั้นไปที่ตาราง League > ตาราง และสร้างตารางมาตรฐาน

หลังจากสร้างตารางแล้ว ให้คัดลอกรหัสย่อ

จากนั้นนำไปใช้ในโพสต์หรือหน้าใดก็ได้

ด้านล่างเราจะเห็นตารางที่ส่วนหน้าของ WordPress ตารางนี้ถูกสร้างขึ้นโดยปลั๊กอินจากรหัสย่อที่ให้ไว้

ตารางการทดสอบ

สรุป

ในบทความนี้คือข้อมูลพื้นฐานเกี่ยวกับการผสานตาราง HTML มาตรฐานและวิธีการต่างๆ ในการผสานเซลล์ตารางใน WordPress ดังนั้นตารางเป็นวิธีที่ดีในการนำเสนอข้อมูลบนเว็บไซต์ WordPress ของเราครับ

---Wynnsoft Solution รับทำเว็บไซต์ รับทำ SEO รับทำการตลาดออนไลน์ รับทำโฆษณา Facebook รับทำเว็บไซต์ ขอนแก่น และรับทำเว็บไซต์ทั่วประเทศ—

ข้อมูลจาก: นักเขียนนิรนาม daext