การใช้ Query Loop Block ใน WordPress - OStraining

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

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

ในหน้าแรก เรามีบทความในบล็อก ดังนั้นบทความของเราจึงอยู่ที่หน้าแรก ฉันต้องการชี้ให้เห็นว่าโพสต์อันดับต้น ๆ นี้เป็นโพสต์ที่ติดหนึบ และฉันจะอธิบายว่าทำไมมันถึงสำคัญในภายหลัง จากนั้นเราก็ตั้งหน้าสองหน้า หน้าหนึ่งเกี่ยวกับหนึ่งในผู้เขียนของเรา “ร็อบบี้” และอีกหน้าเกี่ยวกับ “บั๊ก” ผู้เขียนอีกคนหนึ่งของเรา

ดังนั้นเราจึงมีผู้เขียนสองคนสำหรับโพสต์บล็อกเหล่านี้ สิ่งที่เราอยากทำคือแสดงบล็อกทั้งหมดที่ผู้เขียนได้เขียนไว้ในหน้าเหล่านี้ เราสามารถทำได้ด้วย Query Loop Block!

ในส่วนหลังของ WordPress ฉันต้องการจะชี้ให้เห็นอีกครั้งว่ามีโพสต์อยู่แล้วและเขียนโดย Bugs Bunny หรือ Robbie Adair

คุณจะเห็นในแบ็กเอนด์ว่ามีข้อความติดหนึบที่เขียนโดย “Robbie Adair” เช่นกัน

จากนั้นเมื่อเราดูที่หน้า เรามีสองหน้า ดังนั้นเราจึงมีเพจสองหน้าของเรา “เกี่ยวกับบัก” และ “เกี่ยวกับร็อบบี้”

เราจะเริ่มต้นด้วยหน้า "เกี่ยวกับร็อบบี้" เมื่อเราเปิดหน้า ฉันต้องการลงไปที่ด้านล่างของเนื้อหานี้และเพิ่มบล็อกใหม่ ดังนั้นฉันจะเพิ่มว่าฉันต้องการบล็อกใหม่และฉันจะเริ่มพิมพ์ "query" ในการค้นหาแบบบล็อกสำหรับการค้นหาแบบวนซ้ำและจะระบุตำแหน่งของ Query Loop Block ให้ฉัน

คุณจะเห็นว่ามีรูปแบบอยู่ด้านล่าง แต่ฉันแค่จะวางบล็อก Query Loop ที่ด้านล่างของบทความของฉัน

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

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

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

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

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

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

หมายเหตุ : เราสามารถพูดได้ว่าเราไม่ต้องการโพสต์ที่ติดหนึบและตั้งค่าให้ยกเว้น

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

ตอนนี้เราจะแก้ไขหน้า "เกี่ยวกับข้อบกพร่อง" และเพิ่มบล็อกการวนซ้ำของแบบสอบถาม

เราจะเพิ่มบล็อก Query Loop อีกครั้ง คราวนี้เราจะเลือกว่าเราต้องการเริ่มว่าง เมื่อคุณเริ่มว่าง คุณจะเห็นข้อมูลพื้นฐานบางอย่างที่นี่ เราต้องการตัวเลือก "ชื่อและวันที่"

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

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

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

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

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

นั่นคือการดูอย่างรวดเร็วของ Query Loop Block ซึ่งเป็นส่วนเสริมใหม่ที่ยอดเยี่ยมสำหรับ WordPress และฉันหวังว่าคุณจะลองใช้ดูและดูว่าคุณสามารถทำอะไรกับมันได้บ้าง! ฉันคิดว่าคุณจะพอใจกับความเก่งกาจที่มีให้