คุณต้องการเพิ่มเนื้อหาหลายคอลัมน์ในโพสต์ WordPress ของคุณหรือไม่

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

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

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

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

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

เพิ่มเนื้อหาในคอลัมน์ wordpress หลายคอลัมน์ e1565264744355

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

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

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

จากนั้นคุณต้องเลือกบล็อก คอลัมน์ "อยู่ใต้แท็บ" องค์ประกอบเค้าโครง "

เพิ่มคอลัมน์ wordpress

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

คอลัมน์บน wordpress gutenbeg

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

คุณจะเห็นพารามิเตอร์บล็อกในคอลัมน์ด้านขวาของหน้าจอ

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

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

ไปที่คอลัมน์ wordpress ถัดไปการเพิ่มมัลติมีเดียและเนื้อหาอื่น ๆ ลงในคอลัมน์ของคุณ

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

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

เพิ่มรูปภาพลงในคอลัมน์

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

ในการอัปโหลด - อัปโหลด - สื่อของคุณค้นพบบทความของเราเกี่ยวกับ วิธีการอัปโหลดสื่อจำนวนมากของคุณใน WordPress

บล็อกภาพคอลัมน์ Gutenberg

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

รูปภาพเพิ่มคอลัมน์ gutenberg

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

สื่อข้อความบล็อก Wordpress

การเพิ่มคอลัมน์หลายคอลัมน์ในโปรแกรมแก้ไขแบบคลาสสิกของ WordPress

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

เริ่มต้นด้วยการติดตั้งและเปิดใช้งานปลั๊กอิน คอลัมน์กริดที่มีน้ำหนักเบา

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

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

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

ดำเนินการต่อไปโดยการค้นหา วิธีการสร้างหน้ากว้างเต็มรูปแบบใน WordPress

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

กำหนดเปอร์เซ็นต์ของคอลัมน์

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

ตัวเลือกความกว้างของคอลัมน์

จากนั้นคุณต้องเพิ่มเนื้อหาของคอลัมน์ของคุณในพื้นที่ "เนื้อหา" จากนั้นคลิกที่ปุ่ม "ตกลง" เพื่อแทรกลงในสิ่งพิมพ์ของคุณ

เนื้อหาของคอลัมน์ Divi

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

ค้นพบในบทช่วยสอนนี้ วิธีการติดตั้งและตั้งค่าปลั๊กอิน WP ซุปเปอร์แคช เพื่อปรับปรุงประสิทธิภาพของบล็อกของคุณ

เพิ่มคอลัมน์ในโปรแกรมแก้ไข wordpress แบบคลาสสิก

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

เพิ่มคอลัมน์อื่นในโปรแกรมแก้ไข wordpress แบบคลาสสิก

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

คอลัมน์เพิ่มการสาธิต WordPress

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

1 TheGem

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

ธีม WordPress อเนกประสงค์ Thegem สร้างเว็บไซต์

องค์ประกอบการออกแบบทั้งหมดที่คุณเชื่อมโยงกับเว็บไซต์ OnePage ที่ดีมีอยู่ในนี้ ธีม WordPress : แถบเลื่อนแบบเต็มหน้าจอ (ซึ่งสามารถสร้างได้โดยใช้ปลั๊กอิน Revolution Slider ที่มาพร้อมกับไฟล์ ธีม WordPress) ตัวเลือกสไตล์ส่วนหัวหกแบบและความสามารถในการสร้างส่วนความกว้างเต็มโดยใช้ปลั๊กอิน Visual Composer ที่รวมอยู่ในแพ็คเกจ

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

ดาวน์โหลดสาธิต | เว็บโฮสติ้ง

2 สตอกโฮล์ม

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

สตอกโฮล์ม-ธีม-WordPress-อเนกประสงค์เอนกประสงค์สร้างเว็บไซต์อินเทอร์เน็ต

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

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

ดาวน์โหลดสาธิต | เว็บโฮสติ้ง

3 ดาวพฤหัสบดี

จูปิเตอร์เป็นอีกหนึ่งธีมเวิร์ดเพรสที่เป็นที่นิยมมาก มันมีการสาธิต 25 ที่ครอบคลุม 6 จากหมวดหมู่ของเรา - เอเจนซี่, ความคิดสร้างสรรค์, การศึกษา, อาหาร, สุขภาพและอีคอมเมิร์ซ - และอื่น ๆ จะถูกเพิ่มเข้าไปในการอัพเดทในอนาคต เลย์เอาต์ส่วนใหญ่มีการออกแบบที่เรียบง่ายพร้อมการพิมพ์ที่สวยงาม

ดาวพฤหัสบดีธีม WordPress-อเนกประสงค์เอนกประสงค์สร้างเว็บไซต์อินเทอร์เน็ต

หนึ่งในจุดขายหลักของจูปิเตอร์คือ Creative Header Customizer ซึ่งช่วยให้คุณปรับแต่งการออกแบบส่วนหัวของเว็บไซต์ของคุณได้อย่างรวดเร็วและง่ายดาย Visual Composer, แถบเลื่อน 3 (Layer, Revolution, และ iCarousel), รหัสย่อใหม่ 10, ไอคอน 1800 มากกว่าและประเภทโพสต์ที่กำหนดเอง 10 ทั้งหมดรวมอยู่ในการจัดส่ง

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

ดาวน์โหลดสาธิต | เว็บโฮสติ้ง

แหล่งข้อมูลอื่น ๆ ที่แนะนำ

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

สรุป

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

หากคุณมีข้อเสนอแนะหรือความคิดเห็นพวกเขาจะยินดีต้อนรับ แต่ถ้าคุณเป็นสามเณรเราขอเชิญคุณมาปรึกษาเรา บริการสารสนเทศ.

...