วิธีแสดงรายการของเพจย่อยสำหรับเพจระดับบนใน WordPress

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


หากต้องการดูตัวอย่างของรายการหน้าย่อยในหน้าหลักดูหน้าจอด้านล่างที่เรามีจากหน้าวิธีการทำงานของ OptinMonster คุณสามารถดูสิ่งนี้ได้ในหน้าพิมพ์เขียวของ WPBeginner.

เพจระดับบนที่มีรายการหน้าย่อย

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

วิดีโอสอน

สมัครสมาชิก WPBeginner

หากคุณไม่ชอบวิดีโอหรือต้องการคำแนะนำเพิ่มเติมให้อ่านต่อ.

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

การสร้างเพจย่อยโดยการกำหนดเพจหลักใน WordPress

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

การแสดงเพจระดับรองบนเพจระดับบนใน WordPress

หากต้องการแสดงรายการเพจย่อยภายใต้เพจระดับบนคุณต้องเพิ่มรหัสต่อไปนี้ในปลั๊กอินเฉพาะไซต์หรือในไฟล์ function.php ของธีม:

ฟังก์ชั่น wpb_list_child_pages () {

โพสต์ทั่วโลก $;

ถ้า (is_page () && $ โพสต์->post_parent)

$ childpages = wp_list_pages (‘sort_column = menu_order&title_li =&child_of = ‘ $ โพสต์->post_parent ‘&echo = 0 ‘);
อื่น
$ childpages = wp_list_pages (‘sort_column = menu_order&title_li =&child_of = ‘ $ โพสต์->ID ‘&echo = 0 ‘);

ถ้า ($ childpages) {

$ string = ‘

    ‘ $ childpages ‘

‘;
}

คืนค่า $ string;

}

add_shortcode (‘wpb_childpages’, ‘wpb_list_child_pages’);

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

ในการแสดงหน้าย่อยให้เพิ่มรหัสย่อต่อไปนี้ในหน้าหรือวิดเจ็ตข้อความในแถบด้านข้าง:

[wpb_childpages]

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

แสดงหน้าย่อยโดยไม่ต้องใช้รหัสย่อใด ๆ

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

วิธีที่ดีกว่าคือแก้ไขไฟล์เทมเพลตหน้าในธีมของคุณเพื่อให้สามารถแสดงหน้าย่อยได้โดยอัตโนมัติ คุณต้องแก้ไขเทมเพลตหน้าหลักหรือสร้างเทมเพลตหน้ากำหนดเองในธีมของคุณ.

ในไฟล์เทมเพลตหน้าของคุณคุณต้องเพิ่มบรรทัดของรหัสนี้ที่คุณต้องการแสดงหน้าย่อย.

<?php wpb_list_child_pages (); ?>

นั่นคือทั้งหมดที่ ชุดรูปแบบของคุณจะตรวจจับหน้าย่อยโดยอัตโนมัติและแสดง.

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

เราหวังว่าบทความนี้จะช่วยให้คุณแสดงรายการหน้าย่อยใน WordPress แจ้งให้เราทราบหากคุณมีคำถามหรือข้อเสนอแนะโดยออกความคิดเห็นด้านล่าง.

ที่มา: Thomas Griffin

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me