วิธีเพิ่มเนื้อหาหลายคอลัมน์ในโพสต์ WordPress (ไม่จำเป็นต้องใช้ HTML)

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


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

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

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

เพิ่มเนื้อหาหลายคอลัมน์ใน WordPress โพสต์และหน้า

การเพิ่มเนื้อหาหลายคอลัมน์ใน WordPress – วิธีที่ง่าย

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

ในการเพิ่มเค้าโครงหลายคอลัมน์คุณต้องสร้างโพสต์ใหม่หรือแก้ไขโพสต์ที่มีอยู่ เมื่อคุณอยู่ในพื้นที่แก้ไขโพสต์ให้คลิกไอคอน ‘เพิ่ม’ ที่ด้านบนเพื่อเพิ่มบล็อก.

ถัดไปคุณจะต้องเลือกบล็อก ‘คอลัมน์’ ที่อยู่ใต้แท็บ Elements องค์ประกอบการออกแบบ ’.

เพิ่มบล็อกคอลัมน์ในโพสต์ WordPress ของคุณ

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

คอลัมน์บล็อก WordPress ใน WordPress เพิ่มลงในโพสต์

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

คุณจะสามารถเห็นการตั้งค่าบล็อกในคอลัมน์ด้านขวาของหน้าจอแก้ไขโพสต์.

คอลัมน์บล็อก WordPress - 2 คอลัมน์

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

เพิ่มคอลัมน์เพิ่มเติมลงในคอลัมน์ของคุณ

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

เพิ่มข้อความในคอลัมน์ WordPress ของคุณ

การเพิ่มสื่อและเนื้อหาอื่น ๆ ในคอลัมน์ของคุณ

นอกเหนือจากเนื้อหาข้อความคุณยังสามารถเพิ่มรูปภาพและฝังวิดีโอในคอลัมน์ WordPress.

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

เพิ่มบล็อกใหม่ในคอลัมน์ WordPress

บล็อกที่คุณเลือกจะปรากฏในคอลัมน์ ตอนนี้คุณสามารถไปข้างหน้าและเพิ่มเนื้อหาเข้าไป.

เพิ่มบล็อกรูปภาพใน WordPress

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

3 คอลัมน์ใน WordPress โพสต์ - ดูตัวอย่าง

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

เพิ่มสื่อและบล็อกข้อความใน WordPress

การเพิ่มหลายคอลัมน์ใน Old WordPress Classic Editor

ในกรณีที่คุณไม่ได้อัปเกรด WordPress เป็น Gutenberg และยังใช้ Classic Editor อยู่คุณจะต้องติดตั้งปลั๊กอินแยกต่างหากเพื่อสร้างเค้าโครงคอลัมน์แบบกริด.

ก่อนอื่นให้ติดตั้งและเปิดใช้งานปลั๊กอิน Lightweight Grid Columns สำหรับคำแนะนำอย่างละเอียดทำตามคำแนะนำทีละขั้นตอนเกี่ยวกับวิธีติดตั้งปลั๊กอินใน WordPress.

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

เพิ่มไอคอนคอลัมน์ปลั๊กอินคอลัมน์กริดที่มีน้ำหนักเบา

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

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

เปอร์เซ็นต์ความกว้างของกริด - คอลัมน์กริดที่มีน้ำหนักเบา

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

ตัวเลือกความกว้างคอลัมน์ - ร้อยละกริด

หลังจากนั้นคุณต้องเพิ่มเนื้อหาคอลัมน์ของคุณลงในช่อง ‘เนื้อหา’ แล้วคลิกปุ่ม“ ตกลง” เพื่อแทรกลงในโพสต์ของคุณ.

เพิ่มเนื้อหาลงในคอลัมน์ของคุณ - ปลั๊กอินคอลัมน์กริดที่มีน้ำหนักเบา

ปลั๊กอินจะสร้างรหัสย่อพร้อมเนื้อหาของคุณและเพิ่มลงในเครื่องมือแก้ไขบทความของคุณ.

ย่อและเพิ่มเนื้อหาในคอลัมน์ WordPress

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

ย่อและเนื้อหาสำหรับ 2 คอลัมน์ใน WordPress

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

สองคอลัมน์ WordPresss ในชุดรูปแบบยี่สิบเจ็ด

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

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map