Home > Wordpress > เวิร์ดเพรสธีม บทที่ 5_5:Posts Nav Link

เวิร์ดเพรสธีม บทที่ 5_5:Posts Nav Link

ในส่วนล่างของเวิร์ดเพรสส่วนใหญ่จะมีลิงค์ไปยังหน้าก่อนหน้าและหน้าถัดไป เราสามารถเรียกให้ลิงค์พวกนี้มาแสดงได้โดยการใช้คำสั่ง posts_nav_link() ในตอนนี้จะมีเพียงแค่ขั้นตอนเดียวเท่านั้นครับ

ขั้นตอนที่ 1: (และมีเพียงแค่ขั้นตอนเดียว)
แทรกโค้ดด้านล่างนี้ไว้ระหว่าง <?php endwhile; ?> และ <?php else : ?>

<div class=”navigation”>
<?php posts_nav_link(); ?>
</div>

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

<div class=?navigation?> – เริ่มต้นส่วนที่เป็น div ที่เอาไว้ครอบลิงค์ไปยังหน้าก่อนหน้าและหน้าถัดไป
<?php – เริ่มต้นส่วนที่เป็นโค้ดภาษา php
posts_nav_link() – เรียกลิงค์ไปยังหน้าก่อนหน้าและหน้าถัดไปขึ้นมาแสดง
; – สิ้นสุดคำสั่ง
?> – สิ้นสุดส่วนที่เป็นโค้ดภาษา php
</div> – สิ้นสุดส่วนที่เป็น div

ทำการบันทึกไฟล์ และรีเฟรชเว็บเบราเซอร์ จะได้ผลลัพธ์ออกมาดังภาพข้างล่างนี้

ถ้าบล็อคของคุณมีบทความไม่ถึงสิบบทความ ลิงค์นี้จะไม่ปรากฏขึ้น แต่ถ้าอยากให้มันขึ้นมาให้คุณล็อกอินเข้าไปยังส่วนบริหารจัดการเว็บบล็อค ไปที่ Options > Reading จากนั้นใส่ค่าตัวเลขที่น้อยกว่าจำนวนบทความที่มีอยู่ในบล็อค เช่น ถ้าคุณมี 6 บทความ ให้ใส่ค่าเป็น 5

การปรับแต่งค่า posts_nav_link():

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

<?php posts_nav_link(?ระหว่าง?,’ก่อน?,’หลัง?); ?>

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

ตัวอย่างลิงค์ที่ได้ทำการปรับแต่งแล้ว

Related Articles


About the author

Webmaster ของเว็บนี้และ www.toysmile.com กับ www.wondercutie.com ความสามารถ : web design, graphic design, CSS, PHP programming, wordpress, magento ตอนนี้กำลังสนใจ : การออกแบบ ตัวการ์ตูน คาแรคเตอร์ ^^

Website : http://www.divland.com

Facebook : http://www.facebook.com/divland

Twiter : http://twitter.com/divland


  1. February 15th, 2009 at 22:43 | #1

    ตามอ่านมาทุกตอนเลยครับ

    ขอบคุณสำหรับบทความดีๆ

    ปล.อยากให้มีแนะนำ plugin ที่น่าจะมีติดไว้กับ blog ด้วยอ่ะครับ :)

  2. February 17th, 2009 at 21:08 | #2

    ต้องลอง ทำดูบ้างแล้ว ขอบคุณครับ

  3. December 6th, 2009 at 17:36 | #3

    ความรู้แบบนี้ชอบจริงๆ

  4. December 6th, 2009 at 17:37 | #4

    Thank you for good information

  5. February 21st, 2010 at 02:11 | #5

    ขอบคุณสำหรับความรู้ดีๆครับ

  6. September 8th, 2010 at 08:35 | #6

    เดี๋ยวจะไปทำใส่ blog ของผมมั่ง แหล่มเลย

  7. September 23rd, 2010 at 00:55 | #7

    ขอบคุณคับ เดี๋ยวลองเอาไปทำใส่เวปดูบ้างคับ :d

  1. No trackbacks yet.