Wordperss佈景製作教學系列(七)：WordPress佈景分頁導覽製作

在上一次介紹完Single.php之後，其實整體的架構已經差不多，剩下的頁面在製作時就可以參照既有的檔案直接修改，所以在這之前我們需要開始將一些細節先做好，之後的頁面在製作時就會快很多，而首先我們要講到的就是WordPress佈景分頁的導覽製作，所謂分頁導覽是指在首頁如果設定每頁顯示5篇文章，而下方就會有導覽列讓我們切到下個5篇或上個5篇，另外還有在文章的部份，如果太冗長時我們也會將文章分段，這分段的連結也是分頁導覽，往下我們就來看怎麼製作吧。

如果你是突然看這篇的朋友，建議可以往前先回顧這系列的前文。

Wordperss佈景製作教學系列：

• (一)：WordPress佈景基本格局設置
• (二)：WordPress佈景header.php製作
• (三)：WordPress佈景index.php製作
• (四)：WordPress佈景sidebar.php製作
• (五)：WordPress佈景footer.php製作
• (六)：WordPress佈景single.php製作
• (七)：WordPress佈景分頁導覽製作(本篇)

在頁面上加入分頁導覽：

這意思是像每頁顯示2篇文章，那下面可以換頁的導覽，首先在index.php裡加入以下語法，可以加在endif下面，這二行很明顯的一個是往前，一個是往後。

   1: <div class="nav-previous"><?php next_posts_link('&larr; 之前的文章'); ?></div>

   2: <div class="nav-next"><?php previous_posts_link('較新的文章 &rarr;'); ?></div>

然後加一下CSS語法，讓他分左右二邊。

   1: .nav-previous{

   2: float:left;

   3: }

   4: .nav-next{

   5: float:right;

   6: }

然後回到首頁來看，下方就有往舊文或新文的導覽連結囉，如果你是要顯示1.2.3.4的方式，可以利用外掛，WP內建並沒有這函式可以直接用，不過以後阿湯還是會寫到修改教學。

內頁分頁導覽：

當一篇文章很冗長時，你可能就會將文章切八段，讓人閱讀時更方便一些，而內頁要顯示這些分頁連結，則可以找到the_content，在下方加入以下語法：

   1: <div class="link_pages">

   2: <?php wp_link_pages('before=<p>頁次：&after=</p>&next_or_number=number&pagelink=%'); ?>

   3: </div>

然後再加一下CSS，讓他有間隔並置中。

   1: .link_pages{

   2: padding:20px 0;

   3: text-align:center;

   4: }

再到文章裡設定分頁符號，隔開文章。

回到文章內頁來看，就可以看到文章被切段而且有顯示頁數囉。