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

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

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

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

สร้างบล็อกด้วยบทความ WordPress ล่าสุดของเรา

ก่อนอื่น เราต้องสร้างบล็อกโพสต์ใน WP Latest Post เพื่อฝังลงใน DIVI ก่อน.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ธีมเริ่มต้น

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

ธีมงาน Masonry

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

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

ธีมพอร์ตโฟลิโอ

ธีมการวางเมาส์เหนือภาพแบบราบรื่น

ธีมไทม์ไลน์

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

สำหรับบทความนี้ เราจะใช้ ธีม Masonry เพื่อดำเนินการต่อ

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

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

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

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

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

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

มีเครื่องมือเจ๋งๆ มากมายสำหรับฟีเจอร์ที่มีประโยชน์ใน DIVI Page Builder! ตอนนี้เรามาลองเพิ่มลงในหน้าเว็บโดยใช้ DIVI กันเลย.

ใช้ DIVI และ WP Latest Post ในการสร้างหน้าบล็อก

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

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

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

ตัวเลือกในการเลือกบล็อกจะปรากฏขึ้นเป็นตัวเลือกแรก ให้คลิกที่ " เลือกบล็อก" จากนั้นคลิกที่ "บล็อกโพสต์" ในกรณีนี้ เราพิมพ์ " ส่วนโพสต์ของฉัน "

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

แค่นั้นเอง! สร้างหน้าบล็อกสุดเจ๋งได้ด้วยการคลิกเพียงไม่กี่ครั้ง.

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

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

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

ยกระดับการสร้างส่วนข่าวสารใน WordPress ไปอีกขั้น

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

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