logo of Shuibaco

“上一篇”“下一篇”导航链接

2011. / 403字 / 763阅 / 0评

关于加入“上一篇”和“下一篇”的链接,我真是纠结了无数久。本来其实带着的,看见有相关代码,但是也许跟新版 wp 不搭,所以没有显示出来,只好手动又修改了一下。照例是两篇文章,英文原版 Next and Previous Links,中文翻译“上一页”和“下一页”导航链接。还是推荐看英文原版。

接下来以主题 Oulipo 为例说明一下添加方法。为了实现在文章标题上方显示“上一篇”和“下一篇”导航链接效果,只需在 single.phppage.php 找到 <div id="entry_content">,在后面加入以下代码:

<div class="navigation">
    <div class="alignleft"><?php previous_post(' &laquo; %', '', 'yes'); ?></div>
    <div class="alignright"><?php next_post('% &raquo', '', 'yes'); ?></div>
</div>

可是!!!事情远没有那么简单。大概是 Oulipe 主题的特殊性,所以还需要将文章标题的样式进行修改,否则会和导航链接“搞在一起”,很不美观!到 style.css 下,找到 h2.title,添加一行 padding-top: 1em; 即可。

终于搞定啦,不容易啊。效果如下(标题上方的两个方块~):

“上一篇”“下一篇”导航链接
978°
分享按钮
Comments
Write a Comment
点击加载Disqus