Posts tagged theme wordpress

เวิร์ดเพรสธีม บทที่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 เพื่อจัดระเบียบมันด้วยนะครับ


Read more…

Related Articles

เวิร์ดเพรสธีม บทที่6_1:Page-Link

มาถึงตอนนี้ผมคิดว่าคุณคงจะคุ้นเคยกับโครงสร้างของ sidebar บ้างแล้วนะครับ ในบทนี้ผมจะสอนให้คุณใส่รายการ Page-Link ไว้ใน sidebar เมื่อทำ sidebar เสร็จแล้วผมจะสอนวิธีการทำให้ sidebar ที่เราสร้างกันมา เป็น widget

นำโค้ดข้างล่างนี้ใส่ไว้บนส่วน Categories (ที่ทำไว้ในบทที่แล้ว) ดังรูป

<?php wp_list_pages(); ?>

ทีนี้ก็บันทึกไฟล์ และรีเฟรชเว็บเบราเซอร์ดูความเปลี่ยนแปลงที่เกิดขึ้น
Read more…

Related Articles

เวิร์ดเพรสธีม บทที่ 6:Sidebar

เคยลองดู sidebar บ้างหรือยังครับ ในตอนแรกมันอาจจะดูยุ่งยากนิดนึง แต่ถ้าเข้าใจโครงสร้างมันแล้ว คุณจะรู้สึกว่าการสร้าง sidebar และใส่รูปแบบการแสดงผลให้มันง่ายนิดเดียว! จริงๆ นะ

ก่อนที่จะไปเริ่มทำ sidebar ไฟล์ index ต้องเหมือนตามนี้นะครับ

ขั้นตอนที่ 1: นำกล่อง div ตามโค้ดข้างล่างนี้ไปไว้ระหว่างแท็กปิด container และ แท็ก</body>

<div class=?sidebar?>

</div>


Read more…

Related Articles

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

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

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

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

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

Related Articles