wordpress上一篇,下一篇,同分类,空白解决

因为现在写文章都是关注一个话题的,所以一般地几篇文章下来,都是围绕一个中心话题来展开的。例如就像大家最近看到了几篇文章一样,英文网赚中介绍了广告联盟amazon.com,然后又谈到了Wordpress插件应用。

一般我都会在文章末尾中告诉下一篇文章的内容是什么,但是这里有一个问题就是,像免费资源部落这样的CMS主题型的Wordpress,一般下一篇的内容可能是另外一个分类的,所以直接给出来下一篇链接,可能是与本分类无关的。

于是我就想到在每篇文章末尾加上上一篇、下一篇链接,并且要求显示的本篇文章所在分类的上一篇、下一篇文章,这样当我在文章当中提示下一篇文章时,读者应该很容易找到相关内容了。

这次制作了这个Wordpress文章中添加上一篇、下一篇链接专题研究,你可以从文章当中了解到如何在文章内页当中上一篇、下一篇链接,显示特定的分类下的上一篇、下一篇,以及利用add_filter随心所欲地在文章开头或者结尾添加内容。

本篇文章适合那些WordPress新手,当然你如果是一个Wordpress折腾户,下面的免费教程一定不要错过:

WordPress文章中添加上一篇、下一篇链接专题研究

一、 一般的添加上一篇、下一篇链接方法

1、这个方法几乎在所有的Wordpress主题中都可以看得到。一般是在Single.php文件中文章内容下方添加以下代码即可,如果你没有这个功能,可以自己添加。如下:

  • <?php previous_post_link('上一篇: %link') ?>
    <?php next_post_link('下一篇: %link') ?>

2、这样添加的话,有一个非常大的问题就是如果是第一篇文章,或者是最后一篇文章,会出现上一篇,或者下一篇空白,如下图:

Wordpress显示空白

二、填补空白添加上一篇、下一篇链接方法

1、解决上面的问题,自然是添加一个判断输出了else,当出现没有上一篇或者下一篇时,就显示一句话,如下:

  • <?php if (get_previous_post()) { previous_post_link('上一篇: %link');} else {echo "没有了,已经是最后文章";} ?>
    <?php if (get_next_post()) { next_post_link('下一篇: %link');} else {echo "没有了,已经是最新文章";} ?>

三、显示同分类下的上一篇、下一篇链接方法

1、要想很好的理解这一原理,先来学习一下Wordpress的上一篇、下一篇的函数格式:

  • <?php previous_post_link($format, $link, $in_same_cat = false, $excluded_categories = ''); ?>
  • <?php next_post_link($format, $in_same_cat = false, $excluded_categories = ''); ?>

2、相关说明如下:

$format:格式化被显示的字符串,缺省值是”‘« %link”,第二个函数缺省值是”%link »”。

$link:被显示的字符串,缺省值是上一篇或下一篇的”$title”,也可以设置为其它你想显示的字符串。

$in_same_cat :表示是显式同一类别下的文章还是不区分类别的文章,缺省值false表示不区分类别,只以发帖的时间先后来确定。

$excluded_categories:表示在显示上一篇或下一篇时是否排除掉某分类,缺省不排除,如果排除,把分类ID列在此处,以英文逗号分隔。

3、于是相信大家都看出来了,实现同分类下的上一篇、下一篇链接,只要在上面的基础上添加一个判断:true,当同分类下存在文章时就显示出来。如下图:

  • <?php if (get_previous_post()) { previous_post_link('上一篇: %link','%title',true);} else { echo "没有了,已经是最后文章";} ?>
    <?php if (get_next_post()) { next_post_link('上一篇: %link','%title',true);} else { echo "没有了,已经是最新文章";} ?>

4、但是这里也有一个问题就是当指定了同分类下的上一篇、下一篇时,会依然显示空白,而不是输出代码中的“已经是最后文章”,所以我们还需要给特定的分类下指定ID就行了。代码如下:

  • <?php
    $categories = get_the_category();
    $categoryIDS = array();
    foreach ($categories as $category) {
    array_push($categoryIDS, $category->term_id);
    }
    $categoryIDS = implode(",", $categoryIDS);
    ?>
    <?php if (get_previous_post($categoryIDS)) { previous_post_link('上一篇: %link','%title',true);} else { echo "没有了,已经是最后文章";} ?>
    <?php if (get_next_post($categoryIDS)) { next_post_link('上一篇: %link','%title',true);} else { echo "没有了,已经是最新文章";} ?>

四、添加同分类下的上一篇、下一篇链接代码

1、一般地如果你想在文章前面添加上一篇、下一篇,就找到Single.php文件中的<?php if (have_posts()) : while (have_posts()) : the_post(); ?>,紧临其后添加,如下图:

Wordpress添加代码

2、利用add_filter添加。先来学习一个add_filter吧:

  • <?php add_filter( $tag, $function_to_add, $priority, $accepted_args ); ?>

3、参数说明如下:

  • $tag:$function_to_add 要HOOK的过滤器名称,默认是无。
  • $function_to_add:当过虑器应用时调用的函数名称,默认是无。
  • $priority:权重,多个add_filter存在时可以在这里决定优先级,默认是:10.
  • $accepted_args:函数可以接受的文档数目。默认是:1.

4、搞定了上面的,那么直接上函数,自己定义一个函数名称,然后利用add_filter执行,这里有一个好处就是当你的Wordpress存在多个add_filter时,你可以用优先级来决定优先关系。这样你添加的上一篇、下一篇链接可以保证在紧临文章后面。

5、将以下代码添加到你的Function.php文件中就行了。如下:

  • function freehao123in(){
  • <?php
    $categories = get_the_category();
    $categoryIDS = array();
    foreach ($categories as $category) {
    array_push($categoryIDS, $category->term_id);
    }
    $categoryIDS = implode(",", $categoryIDS);
    ?>
    <?php if (get_previous_post($categoryIDS)) { previous_post_link('上一篇: %link','%title',true);} else { echo "没有了,已经是最后文章";} ?>
    <?php if (get_next_post($categoryIDS)) { next_post_link('上一篇: %link','%title',true);} else { echo "没有了,已经是最新文章";} ?>
  • }
  • add_filter("the_content", "freehao123in",2);

5、最后的效果请看下图(我利用add_filter解决了与缩略图插件、投票插件的冲突关系,保证了上一篇、下一篇在紧临文章后面):

Wordpress文章中添加上一篇、下一篇效果演示

五、上一篇、下一篇链接小结

1、如果你只要想要为你的Wordpress的文章内页添加一个上一篇、下一篇,只要按照普通的实现方法就行了。不用管后面的复杂应用。

2、上面主要是解决了像我这样的特殊情况,如果你也安装了关联文章插件、投票插件等在文章末尾显示,那么一定要用到add_filter了。

3、PS:20120719更新,这里还提供一个由fenglibin.com博主介绍的“在WordPress的文章页面获取上一页及下一页的链接URL地址,实现通过键盘的前进后退键进行翻页”的方法,有兴趣的朋友可以尝试一下:https://www.fenglibin.com/get_pre_and_next_page_url_in_wordpress.html

文章出自:免费资源部落 https://www.freehao123.com/ 版权所有。本站文章除注明出处外,皆为作者原创文章,可自由引用,但请注明来源。 禁止全文转载。

猜你喜欢

转载自ohjie.iteye.com/blog/2309650