คุณต้องการเพิ่มเนื้อหาหลายคอลัมน์ในโพสต์ WordPress ของคุณหรือไม่
คอลัมน์สามารถใช้ในการสร้าง เลย์เอาต์ที่น่าสนใจสำหรับสิ่งตีพิมพ์และหน้าของคุณ.
สื่อสิ่งพิมพ์แบบดั้งเดิมเช่นหนังสือพิมพ์และนิตยสารใช้เค้าโครงหลายคอลัมน์ตั้งแต่ยุคแรกของการพิมพ์ เป้าหมายของพวกเขาคือการเปิดใช้งาน ผู้ใช้ อ่านข้อความที่เล็กลงได้ง่ายขึ้นในขณะที่ใช้พื้นที่ว่างในเชิงเศรษฐกิจ
หากคุณยังไม่ได้สร้างเว็บไซต์หรือบล็อกบน WordPress เราขอเชิญคุณปรึกษาวิธีติดตั้งบล็อก WordPress ใน 7 ขั้นตอนถัดไป วิธีการหาติดตั้งและเปิดใช้งานธีมเวิร์ดเพรสบนบล็อกของคุณ
เค้าโครงคอลัมน์เดียวมักใช้บนเว็บมากกว่า อย่างไรก็ตาม กริด การมีหลายคอลัมน์ยังคงมีประโยชน์สำหรับการเน้นเนื้อหาและอำนวยความสะดวกในการอ่านและวิเคราะห์
ในบทช่วยสอนนี้เราจะแสดงวิธีเพิ่มเนื้อหาแบบหลายคอลัมน์ในโพสต์ WordPress ของคุณโดยไม่ต้องเขียนโค้ด HTML ใด ๆ
การเพิ่มเนื้อหาหลายคอลัมน์ใน WordPress - วิธีง่ายๆ
การสร้างเนื้อหาหลายคอลัมน์หรือที่เรียกว่าเนื้อหากริดใน WordPress ตอนนี้ทำได้ง่ายเพราะเป็นคุณสมบัติเริ่มต้น เครื่องมือแก้ไขบล็อก WordPress Gutenberg ใหม่ เสนอบล็อกของคอลัมน์
หากต้องการเพิ่มเค้าโครงหลายคอลัมน์คุณต้องสร้างโพสต์ใหม่หรือแก้ไข เมื่ออยู่ในพื้นที่แก้ไขให้คลิกที่ " เพิ่มเกี่ยวกับ ที่ด้านบนเพื่อเพิ่มบล็อก
จากนั้นคุณต้องเลือกบล็อก คอลัมน์ "อยู่ใต้แท็บ" องค์ประกอบเค้าโครง "
คุณจะเห็นตัวชี้เมาส์กระโดดในคอลัมน์ด้านซ้ายและตัวยึดตำแหน่งสำหรับข้อความจะปรากฏในคอลัมน์ด้านขวา
ดังที่คุณเห็นในภาพหน้าจอด้านบนบล็อก คอลัมน์ ตอนแรกดูเหมือนจะเป็นพื้นที่ว่างเปล่า หากคุณวางเมาส์ไปทางซ้ายคุณจะเห็นเส้นขอบของบล็อกที่ไฮไลต์
คุณจะเห็นพารามิเตอร์บล็อกในคอลัมน์ด้านขวาของหน้าจอ
ตามค่าเริ่มต้นบล็อกคอลัมน์จะเพิ่มสองคอลัมน์ คุณสามารถเพิ่มจำนวนคอลัมน์ที่ต้องการเพิ่มได้จากการตั้งค่าบล็อกทางด้านขวา ซึ่งช่วยให้คุณสามารถเพิ่มคอลัมน์ได้สูงสุดหกคอลัมน์ในแถวเดียว
เพียงคลิกที่คอลัมน์และเริ่มพิมพ์เพื่อเพิ่มเนื้อหา คุณสามารถใช้ปุ่ม Tab บนแป้นพิมพ์เพื่อย้ายไปยังคอลัมน์ถัดไป
การเพิ่มมัลติมีเดียและเนื้อหาอื่น ๆ ลงในคอลัมน์ของคุณ
นอกจากเนื้อหาข้อความแล้วคุณยังสามารถเพิ่มรูปภาพและฝังวิดีโอในคอลัมน์ WordPress ได้อีกด้วย
บล็อกคอลัมน์ช่วยให้คุณสามารถเพิ่มบล็อกภายในแต่ละคอลัมน์ได้ เพียงวางเมาส์เหนือคอลัมน์แล้วคุณจะสังเกตเห็น "เพิ่มบล็อกใหม่"ภายใน คุณยังสามารถเพิ่มบล็อกได้โดยป้อนชื่อของบล็อก
บล็อกที่คุณเลือกจะปรากฏในคอลัมน์ คุณสามารถไปที่นั่นและเพิ่มเนื้อหา
ในการอัปโหลด - อัปโหลด - สื่อของคุณค้นพบบทความของเราเกี่ยวกับ วิธีการอัปโหลดสื่อจำนวนมากของคุณใน WordPress
นี่คือลักษณะของคอลัมน์ใหม่ของคุณใน ธีม WordPress ค่าเริ่มต้น ยี่สิบเก้า ในตัวอย่างนี้ เราใช้สามคอลัมน์และคอลัมน์สุดท้ายมีรูปภาพ
หากคุณต้องการเพิ่มรูปภาพและข้อความไปที่ด้านข้างคุณสามารถใช้บล็อก สื่อและข้อความ แทนคอลัมน์ บล็อกนี้ได้รับการออกแบบมาโดยเฉพาะเพื่อแสดงสื่อเช่นรูปภาพและวิดีโอถัดจากข้อความ
การเพิ่มคอลัมน์หลายคอลัมน์ในโปรแกรมแก้ไขแบบคลาสสิกของ WordPress
หากคุณยังไม่ได้อัปเกรด WordPress เป็น Gutenberg และยังคงใช้ไฟล์บรรณาธิการคลาสสิกคุณต้องติดตั้งปลั๊กอินแยกต่างหากเพื่อสร้างโครงร่างกริด ของคอลัมน์.
เริ่มต้นด้วยการติดตั้งและเปิดใช้งานปลั๊กอิน คอลัมน์กริดที่มีน้ำหนักเบา.
สำหรับคำแนะนำโดยละเอียดให้ทำตามคำแนะนำทีละขั้นตอนเกี่ยวกับวิธีการ เพื่อติดตั้งปลั๊กอินใน WordPress.
เมื่อเปิดใช้งานคุณสามารถสร้างข้อความใหม่หรือเปิดข้อความเก่าเพื่อแก้ไข จากนั้นคลิกที่ปุ่ม " เพิ่มคอลัมน์ ในแถบเครื่องมือแก้ไขภาพ
ตอนนี้คุณจะเห็นหน้าต่างป๊อปอัปซึ่งช่วยให้คุณสามารถเพิ่มคอลัมน์แรกของคุณได้ คุณสามารถเลือกพื้นที่ที่คอลัมน์ของคุณสามารถครอบคลุมบนเดสก์ท็อปแท็บเล็ตและอุปกรณ์เคลื่อนที่ได้แตกต่างกัน
ดำเนินการต่อไปโดยการค้นหา วิธีการสร้างหน้ากว้างเต็มรูปแบบใน WordPress
ตัวอย่างเช่นหากคุณตั้งค่าเปอร์เซ็นต์ตารางเดสก์ท็อป 50% คอลัมน์ของคุณจะครอบคลุมครึ่งหนึ่งของบรรทัด
มีตัวเลือกมากมายในการตั้งค่าความกว้างของคอลัมน์ของคุณจาก 5% เป็น 100% ด้วยช่วงเวลา 5 คุณสามารถเลือกได้โดยคลิกที่เมนูแบบเลื่อนลง
จากนั้นคุณต้องเพิ่มเนื้อหาของคอลัมน์ของคุณในพื้นที่ "เนื้อหา" จากนั้นคลิกที่ปุ่ม "ตกลง" เพื่อแทรกลงในสิ่งพิมพ์ของคุณ
ปลั๊กอินจะสร้างรหัสย่อที่จำเป็นพร้อมกับเนื้อหาของคุณและเพิ่มลงในโปรแกรมแก้ไขบทความของคุณ
ค้นพบในบทช่วยสอนนี้ วิธีการติดตั้งและตั้งค่าปลั๊กอิน WP ซุปเปอร์แคช เพื่อปรับปรุงประสิทธิภาพของบล็อกของคุณ
เมื่อเพิ่มคอลัมน์แรกแล้วคุณสามารถทำขั้นตอนซ้ำเพื่อเพิ่มคอลัมน์เพิ่มเติมได้ สำหรับคอลัมน์สุดท้ายอย่าลืมทำเครื่องหมายในช่อง 'คอลัมน์สุดท้ายของบรรทัด'
หลังจากนั้นคุณจะสามารถบันทึกตัวอย่างของคุณและดูตัวอย่างได้ นี่คือสิ่งที่ดูเหมือนในเว็บไซต์ทดสอบสิบเจ็ดของเรา
หากคุณต้องการค้นหาธีม WordPress ที่สามารถช่วยคุณสร้างคอลัมน์บนหน้าหรือสิ่งพิมพ์ของคุณได้นี่คือธีม WordPress 3 เบี้ยประกันภัย สมบูรณ์แบบสำหรับงานนี้
1 TheGem
มีจำนวนมาก ธีม WordPress ซึ่งอาจอ้างว่าเสนอเลย์เอาต์ OnePage แต่ไม่มีใครสามารถเสนอตัวเลือกและคุณสมบัติมากมายที่เทมเพลต TheGem WordPress มี
องค์ประกอบการออกแบบทั้งหมดที่คุณเชื่อมโยงกับเว็บไซต์ OnePage ที่ดีมีอยู่ในนี้ ธีม WordPress : แถบเลื่อนแบบเต็มหน้าจอ (ซึ่งสามารถสร้างได้โดยใช้ปลั๊กอิน Revolution Slider ที่มาพร้อมกับไฟล์ ธีม WordPress) ตัวเลือกสไตล์ส่วนหัวหกแบบและความสามารถในการสร้างส่วนความกว้างเต็มโดยใช้ปลั๊กอิน Visual Composer ที่รวมอยู่ในแพ็คเกจ
นอกจากนี้ยังมีตัวเลือกการปรับแต่งมากมายสำหรับรายการเช่นฟอนต์สีและไอคอน มันเป็นของหายาก แต่ก็มีรายละเอียดที่เราไม่ชอบเกี่ยวกับ TheGem แต่โดยพื้นฐานแล้วมันเป็นธีมของ WordPress ที่เหมาะกับคุณแน่นอนโดยกำหนดจากจำนวนคะแนนบวกที่มี เป็นคู่แข่งที่แข็งแกร่งซึ่งจะอำนวยความสะดวกในการสร้างเว็บไซต์ OnePage
ดาวน์โหลด | สาธิต | เว็บโฮสติ้ง
2 สตอกโฮล์ม
สตอกโฮล์มเป็นธีม WordPress ที่ออกแบบมาเพื่อช่วยคุณสร้างเว็บไซต์ของบริษัทก่อสร้าง วิศวกรรมโยธา หรือบริษัทใดๆ ที่เกี่ยวข้องกับโลกของการปรับปรุงอาคาร นี้ แม่แบบ WordPress มุ่งสู่มืออาชีพที่ใส่ใจในคุณภาพและรายละเอียด
มาพร้อมกับแผงตัวเลือกและแบ็กเอนด์ที่ใช้งานง่ายซึ่งจะช่วยให้คุณจัดการเนื้อหาของคุณได้อย่างง่ายดาย เทมเพลตนี้มีการสาธิตประมาณ 20 รายการซึ่งนำเสนอกิจกรรมที่หลากหลายซึ่งสามารถใช้ธีม WordPress นี้ได้ และสิ่งเหล่านี้ยังสามารถใช้เป็นพื้นฐานสำหรับการปรับแต่งในอนาคตเพื่อให้เว็บไซต์ของคุณมีรูปลักษณ์ที่เป็นเอกลักษณ์
ตอบสนองได้ดีมากมันแสดงผลได้อย่างสมบูรณ์แบบบนหน้าจอทุกประเภท หากในระหว่างการปรับแต่งหรือติดตั้งแม่แบบนี้คุณจะพบปัญหาเอกสารที่สมบูรณ์ที่รวมอยู่ในแพ็คเกจสามารถใช้เป็นแนวทาง และหากคุณยังไม่สามารถรองรับได้ WordPress ยังคงรองรับการใช้งานของคุณ
ดาวน์โหลด | สาธิต | เว็บโฮสติ้ง
3 ดาวพฤหัสบดี
จูปิเตอร์เป็นอีกหนึ่งธีมเวิร์ดเพรสที่เป็นที่นิยมมาก มันมีการสาธิต 25 ที่ครอบคลุม 6 จากหมวดหมู่ของเรา - เอเจนซี่, ความคิดสร้างสรรค์, การศึกษา, อาหาร, สุขภาพและอีคอมเมิร์ซ - และอื่น ๆ จะถูกเพิ่มเข้าไปในการอัพเดทในอนาคต เลย์เอาต์ส่วนใหญ่มีการออกแบบที่เรียบง่ายพร้อมการพิมพ์ที่สวยงาม
หนึ่งในจุดขายหลักของจูปิเตอร์คือ Creative Header Customizer ซึ่งช่วยให้คุณปรับแต่งการออกแบบส่วนหัวของเว็บไซต์ของคุณได้อย่างรวดเร็วและง่ายดาย Visual Composer, แถบเลื่อน 3 (Layer, Revolution, และ iCarousel), รหัสย่อใหม่ 10, ไอคอน 1800 มากกว่าและประเภทโพสต์ที่กำหนดเอง 10 ทั้งหมดรวมอยู่ในการจัดส่ง
เวลาในการโหลดหน้าเว็บก็ยอดเยี่ยมเช่นกัน นี่เป็นผลิตภัณฑ์ที่ยอดเยี่ยมและคุณจะพบได้ยากมากมาย ธีม WordPress มีลักษณะของมัน
ดาวน์โหลด | สาธิต | เว็บโฮสติ้ง
แหล่งข้อมูลอื่น ๆ ที่แนะนำ
หากต้องการเพิ่มประสิทธิภาพบล็อกหรือเว็บไซต์ของคุณให้ดียิ่งขึ้นเราขอแนะนำให้คุณอ่านลิงก์บางส่วนที่จะทำให้คุณดื่มด่ำกับโลกของ Gutenberg
- วิธีการเตรียมเว็บไซต์สำหรับ Gutenberg
- ฉันจะรู้ได้อย่างไรว่าปลั๊กอินของคุณสามารถทำงานร่วมกับ Gutenberg ได้หรือไม่?
- Gutenberg จะปรับปรุงหรือทำลาย WordPress หรือไม่?
สรุป
ที่นี่! สำหรับบทช่วยสอนนี้ เราหวังว่าบทความนี้จะช่วยให้คุณเรียนรู้วิธีเพิ่มคอลัมน์ในบทความและหน้า WordPress ของคุณ อย่าลังเลที่จะ แบ่งปันบทช่วยสอนนี้กับเพื่อน ๆ ของคุณบนเครือข่ายโซเชียลของคุณ.
หากคุณมีข้อเสนอแนะหรือความคิดเห็นพวกเขาจะยินดีต้อนรับ แต่ถ้าคุณเป็นสามเณรเราขอเชิญคุณมาปรึกษาเรา บริการสารสนเทศ.
...
สวัสดีฉันมีปลั๊กอินนี้…. แต่มันทำงานได้ไม่ดีมันเกิดขึ้น:
ฉันกำลังสร้างคอลัมน์สองคอลัมน์โดยคอลัมน์หนึ่งเล็กลงสำหรับรูปภาพและอีกคอลัมน์หนึ่งมีขนาดใหญ่กว่าสำหรับข้อความดังนั้นข้อความจึงมีเพียง 2 แถวเท่านั้นไม่ใช่ในความสูงเต็มของคอลัมน์เมื่อบันทึกข้อความ JUMP ด้านล่างรูปภาพแทนที่จะเป็น อยู่ accano ดูว่าคอลัมน์หายไป… ..
ฉันจะทำอย่างไร? เหตุใดจึงเกิดขึ้นมี plg-in ที่ดีและง่ายกว่านี้อีกไหม
ขอบคุณฉันจะขอบคุณสำหรับความช่วยเหลือ!
สวัสดี Irina,
ลองเปิดใช้งานธีม WordPress เริ่มต้นหากทุกอย่างทำงานได้ดีแสดงว่าปัญหาเกิดจากธีม WordPress ปัจจุบันของคุณ
ตรวจสอบว่าคุณได้ทำการอัปเดตปลั๊กอินแล้ว
ทั้งหมดที่ฉันสามารถพูดได้คือนี่คือ Geniale
การทำงานเป็นอย่างดีและ CA ตอบสนองต่อความคาดหวังของฉันทั้งหมด
ขอบคุณ nombreu (BCP)
สวัสดี,
ขอบคุณมากมันดีมาก
วิธีการเพิ่มสีให้กับคอลัมน์ของฉัน?
Mercii
สวัสดี,
คุณสามารถทำมันโดยใช้ CSS ที่กำหนดเอง
สวัสดี,
ฉันไม่สามารถวางข้อความลงในคอลัมน์ได้ เป็นไปได้ไหม ?
สวัสดี,
คุณจะทำอย่างไรต่อหรือไม่?
ฉันได้คัดลอกข้อความและลองวางโดย CRTL + V แต่ไม่ประสบความสำเร็จ เมนูบริบทที่คลิกขวาไม่ได้เสนอให้วาง
ฉันไม่พบวิธีแก้ปัญหาอื่นนอกจากพิมพ์ทุกอย่างใหม่ ...
ขออภัยสำหรับการตอบกลับปลาย
คุณมั่นใจได้หรือไม่ว่าการคลิกขวาที่องค์ประกอบอื่นในหน้าเมนูบริบทจะปรากฏขึ้น ถ้าเป็นเช่นนั้นแสดงว่าอาจมีปัญหา JavaScript กับโฮสติ้งของคุณ
หากคุณใช้ Google Chrome ให้ไปที่หน้าที่มีปัญหาจากนั้นกดปุ่ม "F12" (หน้าต่างจะเปิดขึ้นหรือจะแนบไปกับหน้านั้น) จากนั้นเลือกแท็บ "คอนโซล" . จับภาพหน้าจอของแท็บนี้และฉันจะแจ้งให้คุณทราบหากมีปัญหา
สวัสดี,
ขอบคุณสำหรับการตอบของคุณ
ไซต์ของฉันโฮสต์โดย Free อาจมีปัญหาเกี่ยวกับจาวาสคริปต์
บอกได้ไหมว่าคุณส่งต่อภาพหน้าจอที่ฉันสร้างขึ้นมาได้อย่างไร
Cordialement
เราต้องการที่จะ Mireille แต่ประเภทของบริการที่คุณต้องการเป็นที่น่าเสียดายที่การจ่ายเงินและเราขอเชิญคุณที่จะติดต่อทีมงานด้านเทคนิคของเรา blogpascher.com
ขณะที่ฉันติดตั้งเวอร์ชัน จำกัด ฟรีฉันคิดว่าปัญหาอยู่ที่นั่น
ฉันจะลองติดตั้งเวอร์ชั่นอื่น ...
ฉันคัดลอกข้อความและพยายามวางลงในคอลัมน์ในปลั๊กอิน เป็นไปไม่ได้ทั้งด้วยแป้นพิมพ์ลัด CTRL + V หรือในเมนูตามบริบทของการคลิกขวาที่ไม่มีฟังก์ชันนี้
จะมีทางเลือกใด ๆ ที่จะพิมพ์ทุกอย่าง?
ฉันมีคำเดียวที่จะบอกว่า Awesome! ฉันติดตั้งแล้วและหลังจากแก้ไขสองหรือสามครั้งฉันก็จัดการสร้างคอลัมน์ได้ขอบคุณ!
ขอบคุณ Ronnie สำหรับคำติชมนี้
สวัสดีฉันติดตั้งคอลัมน์ wp ขั้นสูงแล้ว
แต่เมื่อฉันดูในหน้าฉันมีสี่เหลี่ยมสีขาวปรากฏอยู่ที่ด้านบนซ้ายของแต่ละคอลัมน์? คุณสามารถช่วยฉันได้ไหม. ขอบคุณ
ดีตอนเย็น
คุณได้ลองใช้ธีม wordpress เริ่มต้นเพื่อดูว่าปัญหายังคงมีอยู่หรือไม่?
สวัสดี,
เราไม่สามารถจริงๆช่วยให้คุณถ้าคุณไม่ได้ให้รายละเอียดเกี่ยวกับวิธีที่คุณทำจะมีสี่เหลี่ยมสีขาว
Merci