วิธีแปลงจากคอนเทนเนอร์เป็นคอลัมน์ใน WordPress

เผยแพร่แล้ว: 2023-07-23

1. บทนำ

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

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

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

2. ข้อกำหนดเบื้องต้น

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

2.1 เว็บไซต์ WordPress

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

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

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

2.2 ธีมตามคอลัมน์หรือตัวสร้างเพจ

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

คอลัมน์คือส่วนของเพจของคุณที่สามารถแสดงเนื้อหาประเภทต่างๆ เช่น ข้อความ รูปภาพ วิดีโอ ฯลฯ คุณสามารถปรับขนาด ตำแหน่ง และสไตล์ของแต่ละคอลัมน์เพื่อสร้างการออกแบบแบบไดนามิกและดึงดูดสายตา มีธีมตามคอลัมน์และตัวสร้างเพจมากมายสำหรับ WordPress ทั้งแบบฟรีและแบบพรีเมียม บางส่วนที่ได้รับความนิยมสูงสุด ได้แก่ Elementor, Divi, Beaver Builder และ Visual Composer

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

3. ขั้นตอน

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

3.1 สำหรับผู้สร้างเพจ

ขั้นตอนที่ 1 : สร้างเพจใหม่หรือแก้ไขเพจที่มีอยู่ ไปที่ หน้า > เพิ่มใหม่ หรือ หน้า > ทุกหน้า แล้วเลือกหน้าที่คุณต้องการแก้ไข

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

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

How to convert from container to column in WordPress? 1

คลิกที่ไอคอน + เพื่อเปิดโครงสร้างในตัวสร้างเพจ Elementor

How to convert from container to column in WordPress? 2

เลือกโครงสร้างคอลัมน์: ตัวสร้างเพจ Elementor

หากคุณใช้ Divi คุณสามารถคลิกที่ ไอคอน + และเลือกโครงสร้างคอลัมน์จากป๊อปอัพ

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

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

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

3.2 สำหรับธีมที่ถูกบล็อก

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

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

ขั้นตอนที่ 1 : สร้างเพจใหม่หรือแก้ไขเพจที่มีอยู่ ไปที่ หน้า > เพิ่มใหม่ หรือ หน้า > ทุกหน้า แล้วเลือกหน้าที่คุณต้องการแก้ไข

ขั้นตอนที่ 2 : เพิ่มบล็อก คอลัมน์ คลิกที่ไอคอนตัวแทรกและพิมพ์คอลัมน์หรือใช้คำสั่ง slash /columns และเลือกบล็อกคอลัมน์ เลือกจำนวนและขนาดของคอลัมน์

How to convert from container to column in WordPress? 3

บล็อกธีม เลือกคอลัมน์

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

How to convert from container to column in WordPress? 4

แปลงเป็นคอลัมน์ในธีมบล็อก

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

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

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

4. บทสรุป

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

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

เคล็ดลับเพิ่มเติม : วิธีแปลงจากคอนเทนเนอร์เป็นคอลัมน์ใน WordPress

1. ใช้ธีมตามคอลัมน์หรือตัวสร้างหน้าเพื่อให้ง่ายต่อการสร้างและจัดการเค้าโครงคอลัมน์ของคุณ

2. ใช้ตัวเลือก "คอลัมน์" ในตัวแก้ไขหน้าหรือบล็อกธีมเพื่อเพิ่มคอลัมน์ในหน้าของคุณอย่างรวดเร็วและง่ายดาย

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

4. ใช้ปุ่ม "อัปเดต" เพื่อบันทึกการเปลี่ยนแปลงและเผยแพร่เพจของคุณ