个人工具
名字空间
变换
操作

WordPress:Next and Previous Links

来自站长百科
跳转到: 导航, 搜索


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

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

目录

文章导航连接

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

« Previous PageNext Page »

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

<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('&#8734;','Go 
Back In Time','Go Forward in Time'); ?></p></div>

显示结果如下:

Go Back in TimeGo Forward in Time

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

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

显示结果如下:

« « Go Back in TimeGo Forward in Time » »

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

上一个和下一个文章

另外一组浏览整个站点的导航控制了上一篇下一篇连接,尤其是可以在你的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(); ?>

显示结果如下:

上一页: A Story for One and All    下一页: A Story for Only One

这些标签的参数如下:

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

让我们开始看实例。

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

<?php previous_post('&laquo; &laquo; %', '', 'yes'); ?>
| <?php next_post('% &raquo; &raquo; ', '', 'yes'); ?>
« « A Story for One and All    |    A Story for One » »

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

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

显示结果如下:

« « Toward the Past: A Story for One and All       Toward the Future: A Story for One » »

一个有用的插件叫做"Better Nearby Posts Links",允许你修整上一个或下一个文章的标题为你想要的任何长度。如果你有长标题的话,这将非常有用,不用打乱站点的布局。

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

This article is [[WordPress::Category:Copyedits|marked]] as in need of editing. You can help Codex by editing it.

留言