วิธีแสดงโพสต์ WordPress ในรูปแบบกริด

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

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

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

วิธีแสดงโพสต์ WordPress ในรูปแบบกริด

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

มาดู วิธีการแสดงบทความ WordPress ของคุณในรูปแบบกริด

วิธีที่ 1: คุณสมบัติในตัวเพื่อแสดงโพสต์ WordPress ในเค้าโครงกริด

WordPress.com มาในสองบล็อกในตัวที่แตกต่างกัน ซึ่งสามารถช่วยให้คุณแสดงบทความของคุณในตารางได้ เหล่านี้คือ-

• บล็อกโพสต์บล็อก WordPress.com และ
• บล็อก WordPress Query Loop

หากคุณมีไซต์ที่เปิดใช้งานปลั๊กอิน ก่อนที่คุณจะดำเนินการบล็อกใดๆ เหล่านี้ โปรดแน่ใจว่าได้เปิดใช้งานปลั๊กอิน WordPress.com Editing Toolkit แล้ว ดังนั้น. มาเริ่มกันเลย.

1. บล็อกโพสต์บล็อก WordPress.com

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

• คลิกที่ปุ่มตัวแทรก (+) จากตัวแก้ไขของคุณ
• ค้นหาบล็อกโพสต์บล็อกและคลิกที่มัน
• เมื่อคุณเลือกบล็อกโพสต์บล็อกแล้ว คุณจะเห็นแถบเครื่องมือต่อไปนี้ในตัวแก้ไขของคุณ

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

2. WordPress Query Loop Block

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

• เช่นเดียวกับเมื่อก่อน ให้คลิกที่ไอคอนตัวแทรก (+) จากตัวแก้ไขของคุณ
• ค้นหา "Query loop" จากแถบค้นหาและคลิกที่มัน
• เมื่อเสร็จแล้ว คุณจะเห็นแถบเครื่องมือต่อไปนี้ จากนั้นเพียงเลือกตัวเลือกมุมมองกริด

• ตอนนี้จะแสดงตัวอย่างโพสต์ของคุณในเลย์เอาต์ต่างๆ เลือกหนึ่งที่คุณต้องการ
• จากนั้นไปที่แถบการตั้งค่า Query loop block จากด้านขวาของตัวแก้ไขของคุณ

• จากที่นี่ คุณสามารถปรับแต่งสีของข้อความและพื้นหลัง ระบุประเภทโพสต์ เรียงลำดับโพสต์ของคุณโดย (ใหม่สุดไปเก่าสุด ใหม่ที่สุด A → Z, Z → A) และรวมหรือยกเว้นโพสต์ที่ติดหนึบ อันที่จริง คุณลักษณะวนรอบการสืบค้นนี้จะช่วยให้คุณสามารถกรองโพสต์ของคุณตามหมวดหมู่ ผู้แต่ง และคำหลักได้

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

วิธีที่ 2: การใช้ปลั๊กอินเพื่อแสดงโพสต์ในรูปแบบกริด

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

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

ขั้นตอนที่ 1: ติดตั้งปลั๊กอิน Gutenberg Post Blocks

• ขั้นแรก ล็อกอินเข้าสู่ไซต์ wordpress ของคุณ ตรงไปที่ Plugins จากแดชบอร์ด และคลิกที่มัน
• หลังจากนั้นเลือก เพิ่มใหม่ จากเมนูแบบเลื่อนลง
• ถัดไป ค้นหาแถบค้นหาจากด้านบนขวา และคุณต้องค้นหาด้วย “ Post Block WPQode ”
• จากนั้นคุณจะเห็นปลั๊กอิน ตอนนี้ เพียงคลิกที่ปุ่ม “ ติดตั้ง ทันที ” และเมื่อเสร็จแล้ว เพียงแค่ เปิดใช้งาน

ขั้นตอนที่ 2: แสดงโพสต์ WordPress โดยใช้ปลั๊กอินบล็อกโพสต์

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

หมายเหตุ: ในการใช้ปลั๊กอินนี้ คุณต้องแน่ใจว่าคุณอยู่ในโหมดตัวแก้ไขบล็อก

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

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

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

ขั้นตอนที่ 3: ตั้งค่าเค้าโครงกริด

จากส่วนบล็อก ให้คลิกที่เมนู Global Control และนี่คือลักษณะการตั้งค่าการควบคุมส่วนกลาง

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

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

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

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

ขั้นตอนที่ 4: ปรับแต่งการตั้งค่าคิวรี

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

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

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

สุดท้าย คุณสามารถตั้งค่าปุ่ม " อ่านเพิ่มเติม ข้อความ" หรือหากต้องการ คุณสามารถใส่คำของคุณเองได้

ขั้นตอนที่ 5: ทำการปรับแต่งอื่น ๆ

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

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

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

ขั้นตอนที่ 5: เผยแพร่โพสต์

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

สรุป

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

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

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