如何在wordpress文章末尾显示上一篇/下一篇文章同时判断是否存在上一篇和下一篇

今天在浏览别人的博客时看到他们的文章页的末尾会显示上一篇/下一篇文章,自己发了一些时间去研究wordpress代码。
在wordpress中,提供两个内置函数来调用上一篇和下一篇文章,代码如下:
previous_post_link('%link');//上一篇
next_post_link('%link');//下一篇
函数中的“%link”会被替换成文章链接。
可以通过下面调用方式:
previous_post_link('上一篇:%link');
next_post_link('上一篇:%link');假设上一篇文章是数据中心,这样的输出结果是上一篇:数据中心。这样直接调用两个代码的话会出现一个问题,当上一篇和下一篇没有文章时,上一篇没有文章时,上一篇: ,还是会显示上一篇三个字但是没有文章名,这样很难看。所以wordpress还提供了判断上一篇和下一篇是否存在,代码如下:
get_previous_post() //判断上一篇是否存在
get_next_post() //判断下一篇是否存在
可以通过如下方式调用:
if(get_previous_post()){}
好了,上面说了这么多,现在我直接把我博客内的代码展示出来:
<?php
if (get_previous_post()) {
previous_post_link('上一篇:%link');
} else {
echo "";
}
?>
<div class="next">
<?php
if (get_next_post()) {
next_post_link('下一篇:%link');
} else {
echo "";
}
?>
</div>
这段代码中定义了一个样式next,目的是为了让下一篇文章显示在右边。这样就实现了上一篇显示在左边,下一篇显示在右边,同时可以是否存在上一篇和一下篇文章。
好了上一篇和一下篇文章显示就介绍到这里,希望本文对大家有所帮助。

weinxin
DC Farm小程序二维码
扫一扫添加博客小程序
Jim

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论:19   其中:访客  11   博主  8

    • avatar 不倒绒 1

      不错的文章

      • avatar 不倒绒 1

        评论不了?

        • 刘靖 刘靖 Admin

          不是已经评论了???@不倒绒

          • avatar v3 3

            我是做.net web开发的,可否换个友链

            • 刘靖 刘靖 Admin

              没问题,最好都是自己原创的@v3

              • avatar v3 3

                友链已奉上

                  • 刘靖 刘靖 Admin

                    @v3 我也添加了,对了建议你也去申请一个gravatar图像吧@v3

                  • avatar wuxinxinggg 3

                    交换友链否。。。博主,有意请回访。。。

                    • avatar wuxinxinggg 3

                      楼主你的command不错。。。能否附上你的主题下载链接。。。。

                        • 刘靖 刘靖 Admin

                          @wuxinxinggg 可以啊没问题,不过我自己也有添加一些代码。你是要原始的还是我的???

                        • avatar 小猪 0

                          支持一下,呵呵
                          最近这个主题貌似比较火呢

                            • 激劉勇靖 激劉勇靖 Admin

                              @小猪 也是我这个主题本身没有这个功能所以自己添加了上一篇和下一篇功能后,共享出我的成果,大家相互学习。

                            • avatar 柏元 1

                              版大解说的很详细,想请教如何抓取上一篇文章、及下一篇文章的图片,然后是摆在两旁的方式,效果有点类似像这个站:http://www.techbang.com/posts/9891-logitech-launch-two-ipad-keyboard-protection-group-as-well-as-k760-pair-of-three-solar-powered-bluetooth-keyboard
                              [img]评论[/img]

                                • 激劉勇靖 激劉勇靖 Admin

                                  @柏元 为什么要把这个位置拿来放文章图片呢??? 这个没有什么意义,如果你要打算放广告这个位置放广告是最佳选择,有人统计过这个位置放广告的收益是最好的。我这篇文章有教你如何放文章内页内页的环绕广告:http://www.datacentersky.com/surrounded-by-advertising.html

                                    • avatar 柏元 1

                                      @激劉勇靖 也对,可惜我不清楚这种环绕广告google adsense是否能摆放,可惜不能够申请百度联盟><

                                      • avatar 柏元 1

                                        @激劉勇靖 另外请教版大,如何实现您文章右上方文字大中小的设定,谢谢^^

                                          • 激劉勇靖 激劉勇靖 Admin

                                            @柏元 定义js函数:

                                            在需要调用这个函数的地方调用,例如我的:

                                              • avatar 柏元 1

                                                @激劉勇靖 謝謝板主,您懂的真的太多了,令人佩服。

                                                • 激劉勇靖 激劉勇靖 Admin

                                                  @柏元 谢谢夸奖,只是用得多了,遇到问题都自己改所以略懂。希望你多多支持,多多关注我的博客。呵呵。