WordPress:Next and Previous Links
下一个 和 上一个文章连接可以指导访问者浏览整个WordPress站点。当开始建立全站导航的时候,一些可以引导访问者浏览全站的强有力的工具就是连接标签。
有两组标签可以引导访问者浏览WordPress站点:posts_nav_link(),可以显示下一个 和 上一个的连接,还有上一篇() 和下一篇()的组合,每个显示的是下一个 和 上一个连接的其中一个。本文就是关于这两组标签如何工作的。
文章导航连接[ ]
这些站点导航连接中的第一组被设置成只能在non-single/non-permalink的网页上使用,如分类、文档、搜索和索引。它是模板标签文章导航连接()。这种标签在页面底部的WordPress 循环中创建了两个连接,按时间顺序显示下一个 和 上一个页面。 默认情况下,posts_nav_link是这样的:
通常可以在这样一段代码或者层中找到:
<div class="navigation"><p><?php posts_nav_link(); ?></p></div></pre 标签的参数如下 <pre><?php posts_nav_link('separator','prelabel','nextlabel'); ?>
这些参数中的任何一个都可以用来生成字符串、文本、HTML或者CSS标签。让我们看看可以做些什么让这个文章导航连接更有趣吧。
我们可以只使用CSS改变标签结果的外观,来让问题简单化。让我们更深入一些,同时改变标签参数的内容吧。
接下来,使用font-variant: small-caps把文本变成黑体,这样看起来生动一些,
<div class="navigation"><p><?php posts_nav_link('∞','Go Back In Time','Go Forward in Time'); ?></p></div>
显示结果如下:
不要停下,让我们再加入更多的文字实体来真正的抓住访问者的注意力,这样他们就会了解到你的站点上有比看到的东西更多的内容。
<div class="navigation"><p><?php posts_nav_link('∞','« « Go Back In Time','Go Forward in Time » »'); ?></p></div>
显示结果如下:
我们才刚刚接触到表面,你可以使用你的想象力和网页设计技能创造任何你想要的效果,加入边线、背景图片、各种样式的文本等等
上一个和下一个文章[ ]
另外一组浏览整个站点的导航控制了上一篇 和下一篇连接,尤其是可以在你的single/permalink文章底部找到,如你在站点上发布的单一的文章或者文档。这些可以按照时间顺序指导使用者跳转到上一篇或下一篇文章。
模板标签是previous_post() 和next_post()
警告 : 在2.0.4版本中无法使用. 使用替代连接--> previous_post_link and next_post_link.
注意 : previous_post 和 next_post 可能可以在 WP2.3版本中使用.
默认的标签是:
<?php previous_post(); ?> <?php next_post(); ?>
显示结果如下:
这些标签的参数如下:
- format
- 使用的文本按照'%'组合,以保证permalink能在文章上显示出来。默认的是permalink。
- text
- 在permalink前显示的文本. 默认的是"下一篇" 和 "上一篇".
- title
- 这个可以改变为"on"或者是"off",文章的标题文本可以用于连接。默认情况下, 是"yes". 如果设置成"no", 则只有在text和format 参数中设置的文本才会被显示。
让我们开始看实例。
下面的例子显示出带有 箭头的下一个和上一个文章题目,来强调使用者可以选择的方向。有会发现我们没有设置text参数,所以它显示为空白。
<?php previous_post('« « %', '', 'yes'); ?> | <?php next_post('% » » ', '', 'yes'); ?>
使用如下CSS样式,你还可以使用这两个标签实现更多的功能:
<div class="navigation"> <div class="alignleft"> <?php previous_post('« « %', 'Toward The Past: ', 'yes'); ?> </div> <div class="alignright"> <?php next_post('% » » ', 'Toward The Future: ', 'yes'); ?> </div> </div> <!-- end navigation -->
显示结果如下:
一个有用的插件叫做"Better Nearby Posts Links",允许你修整上一个或下一个文章的标题为你想要的任何长度。如果你有长标题的话,这将非常有用,不用打乱站点的布局。
这只是一个关于如何使用这些标签,如何使用它们做些有趣的事,当然你可以做更多的事,通过添加边线、背景图片、有趣的字体和颜色-这都取决于你,玩的开心!
This article is [[WordPress::Category:Copyedits|marked]] as in need of editing. You can help Codex by editing it.