imkopkap

สร้าง Page list ให้กับ Page อย่างง่าย

ใช้เวลา 10 นาที 20/08/2014

หลายคนอาจจะเคยคิดหาวิธีที่จะโชว์ Page list ซึ่งเป็น sub ระหว่าง page และ page นั่นเอง และหลายคนก็อาจจะอยากลองทำรูป เพิ่มรูป Thumbnail  ให้กับ Page แล้วนำมาแสดงผล

 

pagelist-demo
http://www.wpbeginner.com/

 

สิ่งที่ควรทำอันแรกในการทำ page แบบนี้นั่นก็คือการดาวน์โหลด plugin ที่ชื่อว่า Page-list มาเก็บไว้เสียก่อน แล้วทำการ Activate มันซะเพื่อให้มันแสดงผล เจ้า Page-list จะใช้ shortcode ในการแสดงผลตัวแรกก็คือ [pagelist]

 

http://www.wpbeginner.com/
http://www.wpbeginner.com/

 

เมื่อเรากำหนด shortcode ที่มีคำว่า [pagelist] เข้าไปแล้วในหน้า Edit post เมื่อเรา preview ดูก็จะพบกับดังตัวอย่างรูปภาพแสดงให้เราเห็นว่า มันสามารถทำ sub ให้กับ page ได้ หรือถ้าเราอยากจะทำใน widget ก็ทำได้เช่นกันครับ ให้เราเพิ่มโค้ดตัวนี้เข้าไปในไฟล์ functions.php

add_filter('widget_text','do_shortcode');

 

การทำ Child Pages

ต่อมาคือ [subpage]  เจ้าตัวนี้ก็จะเป็นการทำ sub page ให้เช่นกัน

 

http://www.wpbeginner.com/
http://www.wpbeginner.com

 

การทำ Sibling Pages

เจ้าตัวนี้จะเหมือนการทำ Child Pages แต่จะแสดงผลแตกต่างกันที่ความหนา ดังตัวอย่างรูปภาพ

 

http://www.wpbeginner.com/
http://www.wpbeginner.com

 

การทำ Page List , รูปภาพ Thumbnail และ Except

Page-list สามารถทำแบบนี้ได้โดยเราจะใช้ shortcode ที่ชื่อว่า [page_ext] เพียงเท่านี้ก็จะสามารถโชว์ page list รูป Thumbnail และ Excerpt  ได้

[pagelist_ext show_image="1" image_width="50"]
http://www.wpbeginner.com/
http://www.wpbeginner.com/

 

และ shortcode ตัวนี้ยังสามารถที่จะกำหนดค่า parameter อื่นๆ อีกได้เช่น

[pagelist_ext limit_content="100"]

เป็นการกำหนด limit ให้กับข้อความของเรานั่นเอง

[pagelist_ext show_content="0"]

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

 

สำหรับใครที่อยากจะรู้เพิ่มเติมมากกว่าเกี่ยวกับการใช้ shortcode สามารถเข้าไปอ่านได้ที่ Page-list นะครับ หากมีอะรเพิ่มเติมติดต่อสอบได้ใน Fanpage นะครับ

บันทึกแนะนำ