编辑“WordPress:Next and Previous Links”

__FORCETOC__

'''下一个''' 和 '''上一个'''文章连接可以指导访问者浏览整个WordPress站点。当开始建立[[WordPress:Good_Navigation_Links|全站导航]]的时候，一些可以引导访问者浏览全站的强有力的工具就是连接标签。

有两组标签可以引导访问者浏览WordPress站点：<tt>posts_nav_link()</tt>，可以显示'''下一个''' 和 '''上一个'''的连接，还有<tt>上一篇()</tt> 和<tt>下一篇()</tt>的组合，每个显示的是'''下一个''' 和 '''上一个'''连接的其中一个。本文就是关于这两组标签如何工作的。

= 文章导航连接 =
这些站点导航连接中的第一组被设置成只能在non-single/non-permalink的网页上使用，如分类、文档、搜索和索引。它是模板标签[[WordPress:Template_Tags/posts_nav_link|文章导航连接()]]。这种标签在页面底部的[[WordPress:The_Loop|WordPress 循环]]中创建了两个连接，按时间顺序显示'''下一个''' 和 '''上一个'''页面。
默认情况下，<tt>posts_nav_link</tt>是这样的：

<div style="border:1px solid blue; width:50%; margin:20px; padding:20px">[[#WordPress:The posts_nav_link|&laquo; Previous Page]]  &#8212; [[#WordPress:The posts_nav_link|Next Page &raquo;]]</div>

通常可以在这样一段代码或者层中找到：

<pre><div class="navigation"><p><?php posts_nav_link(); ?></p></div></pre

标签的参数如下

<pre><?php posts_nav_link('separator','prelabel','nextlabel'); ?></pre>

这些参数中的任何一个都可以用来生成''字符串''、文本、HTML或者CSS标签。让我们看看可以做些什么让这个文章导航连接更有趣吧。

我们可以只[[WordPress:Blog_Design_and_Layout|使用CSS]]改变标签结果的外观，来让问题简单化。让我们更深入一些，同时改变标签参数的内容吧。

接下来，使用<tt>font-variant: small-caps</tt>把文本变成黑体，这样看起来生动一些，

<pre><div class="navigation"><p><?php posts_nav_link('&amp;#8734;','Go 
Back In Time','Go Forward in Time'); ?></p></div></pre>

显示结果如下：
<div style="border:1px solid blue; width:50%; margin:20px; padding:20px; font-size:120%; font-variant:small-caps; font-weight: bold">[[#WordPress:The posts_nav_link|Go Back in Time]]  &#8734; [[#WordPress:The posts_nav_link|Go Forward in Time]]</div>

不要停下，让我们再加入更多的[[WordPress:Fun_Character_Entities|文字实体]]来真正的抓住访问者的注意力，这样他们就会了解到你的站点上有比看到的东西更多的内容。

<pre><div class="navigation"><p><?php posts_nav_link('&amp;#8734;','&amp;laquo; &amp;laquo; Go 
Back In Time','Go Forward in Time &amp;raquo; &amp;raquo;'); ?></p></div></pre>

显示结果如下：

<div style="border:1px solid blue; width:50%; margin:20px; padding:20px; font-size:120%; font-variant:small-caps; font-weight: bold">[[#WordPress:The posts_nav_link|&laquo; &laquo; Go Back in Time]]  &#8734; [[#WordPress:The posts_nav_link|Go Forward in Time &raquo; &raquo;]]</div>

我们才刚刚接触到表面，你可以使用你的想象力和网页设计技能创造任何你想要的效果，加入边线、背景图片、各种样式的文本等等

= 上一个和下一个文章=
另外一组浏览整个站点的导航控制了'''上一篇''' 和'''下一篇'''连接，尤其是可以在你的single/permalink文章底部找到，如你在站点上发布的单一的文章或者文档。这些可以按照时间顺序指导使用者跳转到上一篇或下一篇文章。

模板标签是[[WordPress:Template_Tags/previous_post|previous_post()]] 和[[WordPress:Template_Tags/next_post|next_post()]]

<div style="border:1px solid red; padding:10px;">
'''警告 : 在2.0.4版本中无法使用. 使用替代连接--> [http://codex.wordpress.org/Template_Tags/previous_post_link previous_post_link] and [http://codex.wordpress.org/Template_Tags/next_post_link next_post_link].'''

注意 : previous_post 和 next_post 可能可以在 WP2.3版本中使用.
</div>

默认的标签是：

 <?php previous_post(); ?>    <?php next_post(); ?>

显示结果如下：

<div style="border:1px solid blue; width:80%; padding:10px">[[#WordPress:The Next and Previous Posts|上一页: A Story for One and All]]&nbsp;&nbsp;&nbsp;&nbsp;[[#WordPress:The Next and Previous Posts|下一页: A Story for Only One]]</div>

这些标签的参数如下：

;format : 使用的文本按照'%'组合，以保证permalink能在文章上显示出来。默认的是permalink。
;text : 在permalink前显示的文本. 默认的是"下一篇" 和 "上一篇".
;title : 这个可以改变为"on"或者是"off"，文章的标题文本可以用于连接。默认情况下, 是"yes".  如果设置成"no", 则只有在''text''和''format'' 参数中设置的文本才会被显示。

让我们开始看实例。

下面的例子显示出带有 [[WordPress:Fun_Character_Entities|箭头]]的下一个和上一个文章题目，来强调使用者可以选择的方向。有会发现我们没有设置''text''参数，所以它显示为空白。

<pre><?php previous_post('&amp;laquo; &amp;laquo; %', '', 'yes'); ?>
| <?php next_post('% &amp;raquo; &amp;raquo; ', '', 'yes'); ?></pre>

<div style="border:1px solid blue; width:80%; margin:20px; padding:20px">[[#WordPress:The Next and Previous Posts|&laquo; &laquo; A Story for One and All]]&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;[[#WordPress:The Next and Previous Posts|A Story for One &raquo; &raquo;]]</div>

使用如下CSS样式，你还可以使用这两个标签实现更多的功能：

<pre><div class="navigation">
<div class="alignleft">
<?php previous_post('&amp;laquo; &amp;laquo; %',
 'Toward The Past: ', 'yes'); ?>
</div>
<div class="alignright">
<?php next_post('% &amp;raquo; &amp;raquo; ',
 'Toward The Future: ', 'yes'); ?>
</div>
</div> <!-- end navigation --></pre>

显示结果如下：

<div style="border:1px solid blue; width:90%; margin:20px; padding:20px; font-size:120%; font-variant:small-caps; font-weight: bold">[[#WordPress:The Next and Previous Posts|&laquo; &laquo; Toward the Past: A Story for One and All]]&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[[#WordPress:The Next and Previous Posts|Toward the Future: A Story for One &raquo; &raquo;]]</div>

一个有用的插件叫做"[http://www.italyisfalling.com/wordpress-plugins-better-nearby-posts-links/ Better Nearby Posts Links]"，允许你修整上一个或下一个文章的标题为你想要的任何长度。如果你有长标题的话，这将非常有用，不用打乱站点的布局。

这只是一个关于如何使用这些标签，如何使用它们做些有趣的事，当然你可以做更多的事，通过添加边线、背景图片、有趣的字体和颜色-这都取决于你，玩的开心！

{{Copyedit}}