十月
25
个性DIY网站风格五-为日志添加上一篇日志、下一篇日志链接
25
个性DIY网站风格五-为日志添加上一篇日志、下一篇日志链接
有时为了增加网站的内部链接或其它目的，为wordpress的每篇日志添加一个上下文链接是非常有必要的。
下面这个代码也是午夜客昨天晚上从其它优秀的wordpress三栏模板风格中提取出来的。
找到你风格文件夹下的”single.php“文件（有的部分特殊风格不是这个控制的，自己注意。）
打开它，找到”<?php link_pages(‘<p><strong>Pages:</strong>……“类似的代码。
午夜客是准备把这个上一篇下一篇添加到每篇文章的tags上面的。
至于你想添加到别的地方你就自己对着寻找你要插入下面代码的地方就行了。
到到合适的位置后，把下面代码插入就OK了：
<br>
<div class=”navigation”>
<div class=”previous”><?php previous_post_link(‘%link’) ?></div>
<div class=”next”><?php next_post_link(‘%link’) ?></div>
</div>
另外你可以对此进行美化。
午夜客提供一个参考的css代码如下，把它copy到你的wordpress模板风格的style.css文件中即可！
/*– 午夜客文章结尾处上一篇日志、下一篇日志CSS –*/
.navigation { width: 480px; padding: 10px; margin-bottom: 30px; font-size: .8em; line-height: 1.7em; background: #f5f5f5; float: left; }* html .navigation { line-height: normal; }
.previous { padding-left: 27px; margin-bottom: 0; background: url(‘images/icon_previous.gif’) 0 50% no-repeat; float: left; }
.next { padding-right: 27px; margin-bottom: 0; background: url(‘images/icon_next.gif’) 100% 50% no-repeat; float: right; }
.jump { padding: 4px 6px 4px 33px; margin: 0 0 10px 10px; background: #f5f5f5 url(‘images/icon_down.gif’) 6px 50% no-repeat; float: right; clear: both; }
/*– 午夜客文章结尾处上一篇日志、下一篇日志CSS –*/
上面css文件中提到的”icon_down.gif“与”icon_previous.gif“及”icon_next.gif“可以自行找一些漂亮的gif图片或直接右存午夜客blog对应的图像保存到你风格模板的”images“文件夹就行了。
有问题，第一时间来午夜客提问。欢迎大家交流！
转载请注明源自午夜客-Http://Blog.Wyk.Net.Ru
Tags: css, diy, wordpress, 上一篇, 上文, 下一篇, 下文, 日志, 模板, 连接, 链接, 风格
Comments
还没有任何评论。
留下评论