WordPress: Next and Previous Links:修订间差异
(新页面: __FORCETOC__ The '''Next''' and '''Previous''' post links guide your visitor through your WordPress site. When it comes to creating [[WordPress:Good_Navigation_Links|strong site-wide na...) |
|||
(未显示2个用户的4个中间版本) | |||
第1行: | 第1行: | ||
__FORCETOC__ | __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|« Previous Page]] — [[#WordPress:The posts_nav_link|Next Page »]]</div> | |||
通常可以在这样一段代码或者层中找到: | |||
<pre><div class="navigation"><p><?php posts_nav_link(); ?></p></div></pre | |||
标签的参数如下 | |||
<pre><?php posts_nav_link('separator','prelabel','nextlabel'); ?></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('&#8734;','Go | <pre><div class="navigation"><p><?php posts_nav_link('&#8734;','Go | ||
Back In Time','Go Forward in Time'); ?></p></div></pre> | 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]] ∞ [[#WordPress:The posts_nav_link|Go Forward in Time]]</div> | |||
不要停下,让我们再加入更多的[[WordPress:Fun_Character_Entities|文字实体]]来真正的抓住访问者的注意力,这样他们就会了解到你的站点上有比看到的东西更多的内容。 | |||
<pre><div class="navigation"><p><?php posts_nav_link('&#8734;','&laquo; &laquo; Go | <pre><div class="navigation"><p><?php posts_nav_link('&#8734;','&laquo; &laquo; Go | ||
Back In Time','Go Forward in Time &raquo; &raquo;'); ?></p></div></pre> | Back In Time','Go Forward in Time &raquo; &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: | <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]] ∞ [[#WordPress:The posts_nav_link|Go Forward in Time » »]]</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;"> | <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> | </div> | ||
默认的标签是: | |||
<?php previous_post(); ?> <?php next_post(); ?> | <?php previous_post(); ?> <?php next_post(); ?> | ||
显示结果如下: | |||
<div style="border:1px solid blue; width:80%; padding:10px">[[WordPress: | <div style="border:1px solid blue; width:80%; padding:10px">[[#WordPress:The Next and Previous Posts|上一页: A Story for One and All]] [[#WordPress:The Next and Previous Posts|下一页: A Story for Only One]]</div> | ||
这些标签的参数如下: | |||
;format : | ;format : 使用的文本按照'%'组合,以保证permalink能在文章上显示出来。默认的是permalink。 | ||
;text : | ;text : 在permalink前显示的文本. 默认的是"下一篇" 和 "上一篇". | ||
;title : | ;title : 这个可以改变为"on"或者是"off",文章的标题文本可以用于连接。默认情况下, 是"yes". 如果设置成"no", 则只有在''text''和''format'' 参数中设置的文本才会被显示。 | ||
让我们开始看实例。 | |||
下面的例子显示出带有 [[WordPress:Fun_Character_Entities|箭头]]的下一个和上一个文章题目,来强调使用者可以选择的方向。有会发现我们没有设置''text''参数,所以它显示为空白。 | |||
<pre><?php previous_post('&laquo; &laquo; %', '', 'yes'); ?> | <pre><?php previous_post('&laquo; &laquo; %', '', 'yes'); ?> | ||
| <?php next_post('% &raquo; &raquo; ', '', 'yes'); ?></pre> | | <?php next_post('% &raquo; &raquo; ', '', 'yes'); ?></pre> | ||
<div style="border:1px solid blue; width:80%; margin:20px; padding:20px">[[WordPress: | <div style="border:1px solid blue; width:80%; margin:20px; padding:20px">[[#WordPress:The Next and Previous Posts|« « A Story for One and All]] | [[#WordPress:The Next and Previous Posts|A Story for One » »]]</div> | ||
使用如下CSS样式,你还可以使用这两个标签实现更多的功能: | |||
<pre><div class="navigation"> | <pre><div class="navigation"> | ||
第93行: | 第89行: | ||
</div> <!-- end navigation --></pre> | </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|« « Toward the Past: A Story for One and All]] [[#WordPress:The Next and Previous Posts|Toward the Future: A Story for One » »]]</div> | |||
一个有用的插件叫做"[http://www.italyisfalling.com/wordpress-plugins-better-nearby-posts-links/ Better Nearby Posts Links]",允许你修整上一个或下一个文章的标题为你想要的任何长度。如果你有长标题的话,这将非常有用,不用打乱站点的布局。 | |||
这只是一个关于如何使用这些标签,如何使用它们做些有趣的事,当然你可以做更多的事,通过添加边线、背景图片、有趣的字体和颜色-这都取决于你,玩的开心! | |||
{{Copyedit}} | {{Copyedit}} |
2008年4月16日 (三) 09:19的最新版本
下一个 和 上一个文章连接可以指导访问者浏览整个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.