12 เค้าโครงบล็อก Divi ที่ยอดเยี่ยม

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

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

ชุดเค้าโครงบล็อก (ตัวสร้างธีม)

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

1. Divi Blog Kit

Divi Blog Kit ประกอบด้วย 6 เลย์เอาต์สำหรับโพสต์บล็อก หน้าบล็อก คลังหมวดหมู่ และหน้าผลการค้นหา หน้าบล็อกประกอบด้วยเค้าโครงสำหรับโมดูลบล็อกคอลัมน์ 1, 2 และ 3 หน้าบล็อกมี 2 คอลัมน์พร้อมแถบด้านข้าง เลย์เอาต์มีพื้นหลังสีขาวนวลและหัวเรื่องสีแดง ปุ่มอ่านเพิ่มเติม และข้อความเมตา แถบด้านข้างมีพื้นหลังสีเบจให้โดดเด่น หมวดหมู่ในแถบด้านข้างถูกสร้างขึ้นด้วยปุ่มสีดำ แถบด้านข้างแสดงโพสต์ล่าสุดพร้อมรูปขนาดย่อและแบบฟอร์มจดหมายข่าว เลย์เอาต์ยังมีรูปภาพเต็มความกว้างพร้อมชื่อเรื่องสำหรับแต่ละหน้า

ราคา: $25 | ข้อมูลมากกว่านี้

2. เทมเพลตบล็อก

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

ราคา: $29 | ข้อมูลมากกว่านี้

เค้าโครงหน้าบล็อก

นี่คือเลย์เอาต์สำหรับหน้าบล็อกเอง ซึ่งรวมถึงส่วนหัว ส่วนท้าย แถบด้านข้าง ส่วนบล็อก และอื่นๆ

3. Bundle ชุดบล็อกไลฟ์สไตล์การเดินทาง

Travel Lifestyle Blog Kit Bundle ประกอบด้วยชุดเค้าโครงบล็อกที่แตกต่างกันสามชุด: Journal, Nomad และ Coast ชุดเครื่องมือแต่ละชุดประกอบด้วยหน้าบล็อกหลัก เค้าโครงโพสต์เดี่ยวพร้อมการนำทางโพสต์ โพสต์จะมีกล่องผู้เขียน โพสต์ที่เกี่ยวข้อง และแท็ก การออกแบบของพวกเขาสร้างเค้าโครงบล็อกและนิตยสารที่เน้นที่หมวดหมู่และรวมถึงแถบด้านข้างที่มีสไตล์ ชุดคิทประกอบด้วยไฟล์ CSS 3 ไฟล์สำหรับเลย์เอาต์แบบเต็มความกว้าง อินไลน์ และกริด คุณสมบัติอื่นๆ ได้แก่ สไตล์แถบด้านข้างและวิดเจ็ต, JS, การตั้งค่าเครื่องมือปรับแต่ง และการตั้งค่าวิดเจ็ต สไตล์นี้ขยายไปยังหน้าเก็บถาวร หน้าหมวดหมู่ และหน้าค้นหา การออกแบบขยายไปยังหน้าบล็อกทั้งหมดผ่านโค้ดที่รวมไว้ ดังนั้นจึงทำสิ่งที่คล้ายกับ Divi Theme Builder โดยไม่ต้องใช้ Theme Builder

ราคา: 120 ปอนด์ | ข้อมูลมากกว่านี้

4. เค้าโครงหน้าบล็อก Divi

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

ราคา: ฟรี | ข้อมูลมากกว่านี้

5. บล็อก

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

ราคา: $20 | ข้อมูลมากกว่านี้

6. Magnewz

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

ราคา: $49.95 | ข้อมูลมากกว่านี้

7. หน้าบล็อกที่หรูหรา

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

ราคา: ฟรี | ข้อมูลมากกว่านี้

8. เค้าโครงบล็อก Pixie

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

ราคา: ฟรี | ข้อมูลมากกว่านี้

เค้าโครงคลังข้อมูลบล็อก

เลย์เอาต์เหล่านี้เน้นที่หน้าเก็บถาวร เหมาะสำหรับหน้าผลการค้นหาและหน้าหมวดหมู่

9. หน้าบล็อกที่ดีขึ้น

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

ราคา: $15 | ข้อมูลมากกว่านี้

10. ผลลัพธ์ที่เก็บถาวร

Archive Results เป็นเลย์เอาต์ฟรีที่มาพร้อมกับไฟล์ archive.php และ search.php แบบกำหนดเองที่คุณสามารถเพิ่มลงในธีมลูกของคุณและโค้ดบางส่วนเพื่อจัดรูปแบบได้ คุณยังสามารถใช้กับ Custom Single Post Layout ฟรีเพื่อสร้างการออกแบบที่เป็นหนึ่งเดียวในหน้าเก็บถาวรทั้งหมดของคุณ การออกแบบแสดงโพสต์ใน 2 คอลัมน์ที่มีแถบด้านข้างที่มีสไตล์ โพสต์มีรูปแบบเส้นขอบ เมตา และปุ่มต่างๆ หน้านี้ยังรวมถึงการนำทางที่มีสไตล์ ชื่อของแถบด้านข้างได้รับการออกแบบให้เข้ากับปุ่มโพสต์ แต่ละโพสต์ในแถบด้านข้างจะมีเส้นที่มีสไตล์ที่ตรงกับเส้นขอบของโพสต์

ราคา: ฟรี | ข้อมูลมากกว่านี้

เค้าโครงโพสต์บล็อก

นี่คือเลย์เอาต์สำหรับโพสต์บล็อกเอง

11. เลย์เอาต์โพสต์เดียว

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

ราคา: $25 | ข้อมูลมากกว่านี้

12. Jo Post Layouts

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

ราคา: $8 | ข้อมูลมากกว่านี้

จบความคิด

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

สำหรับเลย์เอาต์บล็อกเพิ่มเติม ให้ดูเลย์เอาต์ฟรีจากธีมที่หรูหราที่มีให้ใน Divi Builder เกือบทั้งหมดมีหน้าบล็อก คุณสามารถค้นหาหน้า Theme Builder เพิ่มเติมได้จาก Elegant Themes ที่นี่ในบล็อก ET โดยการค้นหา Theme Builder Pack

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

ภาพเด่นผ่าน asch_asch / shutterstock.com