如何自定义WordPress文章、页面、标签和分类的固定链接 – ~SolagirL~“上一页”和“下一页”导航链接
&上一页&和&下一页&链接能够为网站访问者快速导航。如果我们要为整个网站建立一个导航系统，这样的链接标签可以说是一种非常实用的导航工具。
有两组标签能帮助WordPress博客访问者指导方向：能够显示&上一页&和&下一页&链接的posts_nav_link()以及能够分别显示&上一篇&和&下一篇&链接的previous_post() 与next_post()组合。本文的主题就是研究这两组标签的工作方式。
注意：本文中的&上一篇&和&下一篇&是就博客中日志本身的排列顺序而言，而不仅仅是时间排列顺序中的&上一篇&和&下一篇&。WordPress默认将日志按时间顺序排列（最新日志显示在列表最上方，越往下表示发表时间越久远），这时的&下一篇&表示比当前日志时间稍早的一篇日志。而如果日志排列标准发生改变（例如模板中的使用手册），那么&上一篇&和&下一篇&链接所指向的日志也可能会随之变化。由于文章中介绍的都是简单代码，本文会同时用到这两种排列标准。但需要记住的是，&上一页（篇）&和&下一页（篇）&链接功能不依赖于时间顺序。
posts_nav_link标签
第一组网站导航链接主要针对多页型、非永久链接型网页，例如类别页、存档页、搜索页以及索引页。 负责这类链接的是模板标签&&。在中为页面底部生成两个链接，显示根据时间排列的&上一页&和&下一页&链接。
默认情况下posts_nav_link的显示效果是：
posts_nav_link通常出现在段落代码或div标签中：
&div class=&navigation&&&p&&?php posts_nav_link();&?&&/p&&/div&
posts_nav_link接受的参数包括：
&?php posts_nav_link('separator','prelabel','nextlabel');&?&
每个参数都能生成一个字符串或HTML文本或CSS标签。下面我们来看看怎样才能让这些日志导航链接更有趣些。
为了保证操作的简便性，我们可以用CSS改变标签样式。我们还可以在标签参数中改变标签内容。
接下来我们需要加粗文本字体，同时利用font-variant: small-caps加深&上一页&和&下一页&链接的视觉效果，然后将无穷大符号作为分隔符，最后为标签添加一些描述：
&div class=&navigation&&&p&&?php posts_nav_link('∞','Go
Forward In Time','Go Back in Time');&?&&/p&&/div&
此时网页上的显示结果是：
我们还可以继续添加一些字符实体，进一步吸引访问者的注意，让他们了解到，网站上还有很多其它内容。
&div class=&navigation&&&p&&?php posts_nav_link('∞','&& Go Forward
In Time','Go Back in Time &&');&?&&/p&&/div&
最终显示结果是：
这里我们只介绍了一些最简单的操作，大家可以发挥自己的想象力，利用网页设计技术按自己的方式创建不同的&上一页&和&下一页&链接样式，甚至可以给它们添加边框、背景图、更换字体...
&上一篇&和&下一篇&
另一组网站导航链接&&&上一篇&和&下一篇&通常出现在单页型、永久链接型日志（如我们在博客上发表的单篇日志）的页面最下方。访问者可以通过这类链接进入当前日志之前或之后（按时间顺序）发表的日志。
负责这类链接的是模板标签 和。
警告：与无法在WordPress 2.0.4上运行，请用 and 来代替。
备注：previous_post与next_post可以在WP 2.3中正常运行。
previous_post与next_post的默认用法是：
&?php previous_post();&?&
&?php next_post();&?&
相应的页面显示结果是：
previous_post与next_post接收的参数包括：
文字与符号%相结合，表示能够链接到当前日志的文本。默认值即日志链接。
显示在日志链接前的文字。默认值为&next post（上一篇）&和&previous post（下一篇）&。
该参数决定是否将日志标题作为链接文本。默认值为&yes&。如果参数值为&no&，链接文本即text参数与format参数设定的内容。
下面我们来了解怎样使用previous_post与next_post。
下面的代码示例能够生成一对带有箭头标记的&上一篇&和&下一篇&链接，箭头为用户指示浏览方向。代码没有设置text参数，因此text为空。
&?php previous_post('& &&%', '', 'yes');&?&
| &?php next_post('% & & ', '', 'yes');&?&
用CSS代码包装这两个模板标签，能达到更好效果：
&div class=&navigation&&
&div class=&alignleft&&
&?php previous_post('& &&%',
'Toward The Past: ', 'yes');&?&
&div class=&alignright&&
&?php next_post('% & & ',
'Toward The Future: ', 'yes');&?&
&/div& &!-- end navigation --&
在页面上的显示效果是：
一个名为的插件能够让用户自定义&上一篇&和&下一篇&链接文本的长度。字数过多的日志标题会影响网页的设计效果，这时就可以用插件来解决问题。
这部分内容是对previous_post与next_post用法的介绍和简单扩展，我们还可以进一步使用这两个标签，比如为链接文本添加边框、背景图、字体和颜色等&&尽情发挥自己的创意吧。
&上一个页面&和&下一个页面&
and 不适用于WordPress。用可以解决这一问题。
但我们也可以在主题的页面模板中加入以下代码来显示&上一个页面&和&下一个页面&：
$pagelist = get_pages('sort_column=menu_order&sort_order=asc');
$pages = array();
foreach ($pagelist as $page) {
$pages[] += $page-&ID;
$current = array_search($post-&ID, $pages);
$prevID = $pages[$current-1];
$nextID = $pages[$current+1];
&div class=&navigation&&
&?php if (!empty($prevID)) {&?&
&div class=&alignleft&&
&a href=&&?php echo get_permalink($prevID);&?&&
title=&&?php echo get_the_title($prevID);&?&&&Previous&/a&
if (!empty($nextID)) {&?&
&div class=&alignright&&
&a href=&&?php echo get_permalink($nextID);&?&&
title=&&?php echo get_the_title($nextID);&?&&&Next&/a&
&?php }&?&
&/div&&!-- .navigation --&
随机推荐文章/ WordPress入门 之 设置导航菜单
一个疯狂的 WordPress 爱好者，喜欢折腾 WordPress 主题，分享 WordPress 资源。如果你也喜欢 WordPress，欢迎和我一起交流！
(C) 2012- · 桂ICP备号-1 · 基于 WordPress · 由 倡萌 运维 · 托管于二次元同好交流新大陆
扫码下载App
温馨提示！由于新浪微博认证机制调整，您的新浪微博帐号绑定已过期，请重新绑定！&&|&&
LOFTER精选
网易考拉推荐
用微信&&“扫一扫”
将文章分享到朋友圈。
用易信&&“扫一扫”
将文章分享到朋友圈。
怎么实现多页面发表文章把header.php中的wp_list_pagees换成wp_list_categories，那么导航条上的栏目就会变成你文章的分类。你所看到的”页面有“音乐”、“电影”、“相册”、“游戏”“ 其实就是他博客的几个分类，只不过显示到了导航条上。很多WP博客的归档模板（archive.php）是以区别与主页的文章显示模式（例如：标题斜体，文章显示摘要），你只要将其修改成与索引页（index.php）相同的显示模式就可以了。至于自定义菜单就是你可以把分类、页面、自定义链接等等按照你的喜好顺序自助排列在导航栏中，在主题→菜单选项中可以设置，如果你的模板不支持自定义菜单你可以搜下”wordpress自定义菜单“并添加到博客中。
阅读(531)|
用微信&&“扫一扫”
将文章分享到朋友圈。
用易信&&“扫一扫”
将文章分享到朋友圈。
历史上的今天
在LOFTER的更多文章
loftPermalink:'',
id:'fks_',
blogTitle:'wordpress如何实现把文章发表到页面',
blogAbstract:'怎么实现多页面发表文章把header.php中的wp_list_pagees换成wp_list_categories，那么导航条上的栏目就会变成你文章的分类。你所看到的”页面有“音乐”、“电影”、“相册”、“游戏”“ 其实就是他博客的几个分类，只不过显示到了导航条上。很多WP博客的归档模板（archive.php）是以区别与主页的文章显示模式（例如：标题斜体，文章显示摘要），你只要将其修改成与索引页（index.php）相同的显示模式就可以了。至于自定义菜单就是你可以把分类、页面、自定义链接等等按照你的喜好顺序自助排列在导航栏中，在主题→菜单选项中可以设置，如果你的模板不支持自定义菜单你可以搜下”wordpress自定义菜单“并添加到博客中。',
blogTag:'',
blogUrl:'blog/static/',
isPublished:1,
istop:false,
modifyTime:0,
publishTime:7,
permalink:'blog/static/',
commentCount:4,
mainCommentCount:3,
recommendCount:0,
bsrk:-100,
publisherId:0,
recomBlogHome:false,
currentRecomBlog:false,
attachmentsFileIds:[],
groupInfo:{},
friendstatus:'none',
followstatus:'unFollow',
pubSucc:'',
visitorProvince:'',
visitorCity:'',
visitorNewUser:false,
postAddInfo:{},
mset:'000',
remindgoodnightblog:false,
isBlackVisitor:false,
isShowYodaoAd:true,
hostIntro:'',
hmcon:'1',
selfRecomBlogCount:'0',
lofter_single:''
{list a as x}
{if x.moveFrom=='wap'}
{elseif x.moveFrom=='iphone'}
{elseif x.moveFrom=='android'}
{elseif x.moveFrom=='mobile'}
${a.selfIntro|escape}{if great260}${suplement}{/if}
{list a as x}
推荐过这篇日志的人：
{list a as x}
{if !!b&&b.length>0}
他们还推荐了：
{list b as y}
转载记录：
{list d as x}
{list a as x}
{list a as x}
{list a as x}
{list a as x}
{if x_index>4}{break}{/if}
${fn2(x.publishTime,'yyyy-MM-dd HH:mm:ss')}
{list a as x}
{if !!(blogDetail.preBlogPermalink)}
{if !!(blogDetail.nextBlogPermalink)}
{list a as x}
{if defined('newslist')&&newslist.length>0}
{list newslist as x}
{if x_index>7}{break}{/if}
{list a as x}
{var first_option =}
{list x.voteDetailList as voteToOption}
{if voteToOption==1}
{if first_option==false},{/if}&&“${b[voteToOption_index]}”&&
{if (x.role!="-1") },“我是${c[x.role]}”&&{/if}
&&&&&&&&${fn1(x.voteTime)}
{if x.userName==''}{/if}
网易公司版权所有&&
{list x.l as y}
{if defined('wl')}
{list wl as x}{/list}