วิธีออกแบบบล็อก DIVI โดยใช้ปลั๊กอินและวิดเจ็ WP Latest Posts

ด้วยตัวสร้าง DIVI เราสามารถออกแบบเว็บไซต์ที่ยอดเยี่ยมได้ และมันเป็นตัวสร้างเพจที่ใช้งานง่ายมาก มันมีฟีเจอร์สำหรับเกือบทุกอย่าง! แต่บางครั้งเราต้องการความช่วยเหลือจากองค์ประกอบพิเศษ เช่น การสร้างหน้าบล็อกที่ยอดเยี่ยม และ WP Latest Post ด้วย DIVI จะช่วยให้เราทำสิ่งนั้นได้

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

ในโพสต์นี้ เราจะดูวิธีใช้ DIVI และ WP Latest Post เพื่อให้ได้ประโยชน์สูงสุดจากทั้งสองอย่าง

สร้างบล็อกด้วยโพสต์ WordPress ล่าสุดของเรา

ในการเริ่มต้น เราต้องสร้างบล็อกโพสต์ในโพสต์ล่าสุด WP เพื่อฝังลงใน DIVI

โดยไปที่ WP Latest Post > All New Blocks ในเมนูด้านซ้าย เราจะเห็น +New Block ให้คลิก

เราจะสามารถกำหนดหัวเรื่องและดำเนินการสร้างบล็อกได้

การสร้างบล็อกแบ่งออกเป็น 3 ส่วน โดยเราจะสามารถกำหนดให้แต่ละส่วนของบล็อกเป็นแหล่งที่มาส่วน แรก

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

สำหรับบทช่วยสอนนี้ เราจะเลือกตัวเลือกโพสต์ในขณะที่เรากำลังสร้างหน้าบล็อก

หลังจากเลือกแหล่งที่มาแล้ว เราสามารถกำหนดวิธีการกรองเนื้อหารวมถึงปรับแต่งวิธีการแสดง โดยกำหนดสิ่งต่อไปนี้:

หมวดหมู่ : กรองเนื้อหาที่จะแสดงตามหมวดหมู่

Order by/Orde r : กำหนดว่าโพสต์ของเราจะเรียงลำดับอย่างไร หากอิงตามวันที่สร้าง และเป็นแบบขึ้นหรือลง

จำนวนแถว/คอลัมน์และรายการ : เลือกจำนวนแถวที่เราต้องการแสดง จำนวนคอลัมน์ และจำนวนรายการสูงสุดที่จะแสดง

Published/Date : เพื่อกำหนดว่าเราต้องการแสดงเฉพาะโพสต์ที่เผยแพร่หลัง/ก่อนวันที่กำหนดหรือไม่

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

การรวมเนื้อหา : เพื่อกำหนดว่าเราต้องการแสดงหมวดหมู่ครั้งเดียวหรือหลายครั้ง

นอกจากนี้ เรายังสามารถยืนยันจำนวนโพสต์ที่จะแสดงพร้อมกับเนื้อหาปัจจุบันและการเลือกด้านล่างชื่อบล็อก

ตอนนี้เราสามารถข้ามไปยังส่วนถัดไปซึ่งจะเป็น จอแสดงผลและธีม ที่เราจะสามารถตั้งค่าธีมระหว่าง 8 ธีมที่มีให้สำหรับ WP Latest Post ( +Addon )

ก่อนอื่น ในส่วนนี้ เราจะเห็น การเลือก Theme รวมถึงตัวเลือกในการปรับแต่ง โดยตัวเลือก เหล่านี้จะเปลี่ยนไปตาม Theme ที่เราเลือก

ธีมเริ่มต้น

ตารางหมวดหมู่

ธีม Masonry

ธีมแนวนอนของวัสดุ

ธีมแนวตั้งของวัสดุ

ธีมผลงาน

ธีมโฮเวอร์ที่ราบรื่น

ธีมไทม์ไลน์

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

สำหรับโพสต์นี้ เราจะใช้ Masonry Theme เพื่อให้เราสามารถดำเนินการต่อไปได้

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

ขั้นแรก เราสามารถปรับแต่งไอคอนที่จะแสดงบน Hover รวมถึงเปลี่ยนเป็นไอคอนใดๆ ที่เสนอโดย WP Latest Post หรืออัปโหลดของเราเอง

เราจะสามารถเห็นแท็บอื่นที่เป็น Animation ซึ่งตัวเลือกนี้มีไว้สำหรับจัดการธีมที่มีแอนิเมชั่น เช่น Smooth Hover ที่เป็น Slider โดยที่ Masonry นั้นไม่มี Animation เลย ดังนั้นเราจะข้ามมันไป

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

และด้วยเหตุนี้ เราจึงเสร็จสิ้นการกำหนดค่า Block Post และตอนนี้เราพร้อมที่จะเผยแพร่แล้ว

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

เครื่องมือที่ยอดเยี่ยมมากมายสำหรับคุณสมบัติที่มีประโยชน์ที่จะใช้ในเครื่องมือสร้างหน้า DIVI! ตอนนี้ไปเพิ่มในหน้าโดยใช้ DIVI

การใช้ DIVI และ WP Last Post เพื่อสร้างหน้าบล็อก

ตอนนี้เราได้เห็นว่าการสร้างบล็อกโพสต์ของเรานั้นง่ายเพียงใด มาเพิ่มลงในหน้า DIVI ของเรากัน

ก่อนอื่นไปที่ หน้า / โพสต์ ของ แล้วแก้ไขหรือสร้างใหม่แล้วคลิก ใช้ DIVI Builder

ตอนนี้เราสามารถเริ่มแทรกโมดูลของเราแล้วค้นหา WP Latest Posts บล็อกสำหรับปลั๊กอินจะปรากฏขึ้น คลิกที่มัน

ตัวเลือกสำหรับเลือกบล็อกจะปรากฏเป็นตัวเลือกแรกที่มีให้เลือก คลิก เลือกบล็อก จากนั้นคลิกบล็อกโพสต์ ในกรณีนี้ เราพิมพ์ My Post Section

ตัวอย่างบล็อกของเราจะโหลดทันทีในพื้นหลัง

และนั่นคือทั้งหมด! หน้าบล็อกที่ยอดเยี่ยมสร้างขึ้นด้วยการคลิกเพียงไม่กี่ครั้ง

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

สิ่งที่เราต้องทำตอนนี้คือแก้ไขให้เสร็จสิ้นหากจำเป็นและเผยแพร่! หน้า Custom Blog ใหม่ของเราเสร็จแล้ว และเราพร้อมแล้ว!

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

ปลดล็อกระดับถัดไปของการสร้างหัวข้อข่าวใน WordPress

อย่างที่คุณเห็น WP Latest Post เป็นส่วนเสริมที่ยอดเยี่ยมสำหรับไซต์ WordPress ของเรา ไม่ใช่แค่สร้างหน้าบล็อก แต่ยังสร้างหัวข้อข่าวประเภทใดก็ได้! เช่นเดียวกับการกรองตามหมวดหมู่และแสดงส่วนข่าวที่แตกต่างกันตามหมวดหมู่ หรือสร้างส่วนข่าวสำหรับผลิตภัณฑ์ WooCommerce ของเราก็ได้เช่นกัน

ความเป็นไปได้นั้นไม่จำกัด และยังใช้งานได้กับ Page Builders รายใหญ่ทั้งหมดใน WordPress ดังนั้นคุณจะรออะไรอีก ไป ที่นี่ และเริ่มสร้างเลย!