เวิร์ดเพรสธีม บทที่6_2:Archive,Link

ในบทนี้ผมจะสอนวิธีการนำรายการ Archive ที่แยกตามเดือน และ Link ไปยังเว็บไซท์อื่น เช่น blogroll มาแสดง บทนี้ถือว่าง่ายมาก ๆ ครับ เพราะไม่ค่อยต่างจากบทความก่อนเท่าไหร่นัก ส่วนบทต่อไปเป็นเรื่องเกี่ยวกับปฏิทินและ search form ฟังดูน่าสนใจไหมครับ เพราะฉะนั้นอย่าพลาด ๆ

ขั้นตอนที่ 1: ใส่ archive ลิงค์

นำโค้ดข้างล่างนี้ไปใส่ไว้ใน sidebar ตรงข้างล่างรายการ Categories

<li><h2><?php _e(’Archives’); ?></h2>
<ul>
<?php wp_get_archives(’type=monthly’); ?>
</ul>
</li>

อย่าลืมกด tab เพื่อจัดระเบียบมันด้วยนะครับ

บันทึกไฟล์ แล้วรีเฟรชเบราเซอร์เพื่อดูผล

เกิดอะไรขึ้น?

คำสั่งที่เราใช้คือ wp_get_arhives() ซึ่งเป็นฟังก์ชั่นของเวิร์ดเพรสเค้า ใส่แอทริบิวท์ type และค่าของแอทริบิวท์คือ monthly เข้าไปเพื่อเรียกรายการ archive จัดเรียงตามเดือน (รายการ archive ที่ว่านี้จะเป็นลิงค์ไปยังรายการบทความในแต่ละเดือนครับ)

• <li> – เปิดแท็ก list item
• <h2> – เปิดแท็กหัวข้อรอง
• <?php _e(’Archives’); ?> - ข้อความที่ใส่เป็นหัวข้อ
• </h2> – ปิดแท็กหัวข้อรอง
• <ul> – เปิดแท็ก unordered list ไว้ใต้หัวข้อรองและต้องอยู่ข้างใน list item
• <?php wp_get_archives(’type=monthly’); ?> – เรียกรายการลิงค์ไปยัง archive ที่จัด เรียง/จัดแบ่ง ตามเดือน ส่วนลิงค์ที่ได้มาแต่ละลิงค์จะอยู่ใน <li>และ</li> สามารถตรวจดูได้ครับ โดยไปที่ View > Page
• </ul> – ปิดแท็ก unordered list ที่อยู่ใต้หัวข้อรอง
• </li> – ปิดแท็ก list item

ขั้นตอนที่ 2: เพิ่มลิงค์ blogroll

นำโค้ดข้างล่างนี้ไปใส่ไว้ใต้รายการ Archives ที่เราได้ทำไว้ในขั้นตอนที่หนึ่ง

<?php get_links_list(); ?>

บันทึกไฟล์แล้วรีเฟรชเบราเซอร์เพื่อดูผล

blogroll ของผมก็คงไม่ต่างจากของคุณเท่าไหร่นะครับ source code ที่ฟังก์ชั่น <?php get_links_list(); ?> จัดการให้เราเป็นดังนี้ครับ

มันอาจจะดูไม่ค่อยมีระเบียบสักเท่าไหร่เพราะฟังก์ชั่น get_links_list() มันทำให้เราหมดซึ่งก็เหมือนกับฟังก์ชัน wp_list_pages() ที่ได้เรียนไปในบทความที่แล้ว ถึงแม้มันจะไม่เป็นระเบียบแต่มันก็ถูกต้องตามกฏข้อที่หนึ่งทุกประการ นั่นคือ ปิดแท็กตามลำดับที่คุณได้เปิดมันไว้ ผมได้ใช้สีเขียว และสีแดงวงกลมแท็กเปิด/ปิดไว้ให้ดูเพื่อชี้ให้เห็นว่ามันเปิด/ปิดแท็กตามลำดับ

จบแล้วสำหรับบทความนี้ บทความต่อไปเป็นเรื่องของปฏิทินและ search form

Related Articles

• เวิร์ดเพรสธีม บทที่6_1:Page-Link (9)
• เวิร์ดเพรสธีม บทที่ 6:Sidebar (7)
• เวิร์ดเพรสธีม บทที่ 5_5:Posts Nav Link (5)
• เวิร์ดเพรสธีม บทที่ 5_4:Else, Post ID (4)
• เวิร์ดเพรสธีม บทที่ 5_3:Postmetadata (8)