摘要标识

Wordpress文章中如何实现置顶或者推荐小功能?本篇文章从插件和自定义代码安装的方式教大家如何简单实现,从而提升文章点击率。

大家好,我是飞小优,有很多同学问道“如何在置顶文章标题前进行添加推荐/置顶小图标”,其实要实现这个功能很简单,因为WP内置文章的置顶功能,因此你可以通过插件及自定义代码方式实现,详细请看教程。

如何在Wordpress置顶文章标题前添加推荐或置顶标签图标

方式一:插件实现

这里给大家分享两个插件,第一个是Sticky Posts – Switch,插件安装之后可以设置置顶文章的显示位置,可以控制首页、分类页标签页、自定义文章类型页面的置顶文章显示。不过这个插件默认是把所有的置顶文章都显示到最前面,比如B分类有置顶,那么在A分类也会显示B分类的这个置顶文章,如果你觉得这样OK的话,那么这个插件效果是最稳定的,也重简单。

如何在Wordpress置顶文章标题前添加推荐或置顶标签图标

Sticky Posts – Switch插件下载

另外一个插件为Category Sticky Post,这是一个上老牌插件,不过目前依然能用,它可以在文章编辑页面设置置顶文章的显示位置,比如你只想让A分类的置顶文章显示在A分类,那么通过这个插件就可以设置。不过这个插件只支持一级分类,子分类可能没效果。

如何在Wordpress置顶文章标题前添加推荐或置顶标签图标

Category Sticky Post插件下载

方式二:自定义代码实现

代码参考

//添加置顶图标
function add_top_title_icon($title, $id) {
    global $post;
    $title_icon_top = '换成你的图标地址';
    $sticky = get_option('sticky_posts');
    $current_class = isset($post->post_class) ? $post->post_class : '';
    if (is_single() || is_page() || is_admin() || strpos($current_class, 'menu-item') !== false) {
    }
    if (in_array($id, $sticky)) {
        $title = '<img class="top-title-icon" src="' . $title_icon_top . '" alt="置顶文章" />' . $title;
    }
    return $title;
}

add_filter('the_title', 'add_top_title_icon', 10, 2);

然后,设计一个小图标/XXX/xxx.png,然后把图标放到当前使用的主题目录中即可。

写在最后

以上就是关于飞优给大家介绍的如何在置顶文章中添加置顶/推荐小图标,大家赶快去试试吧。

在线资询
微信

扫码了解更多服务

qr

1对1专家沟通

小程序
小程序
返回顶部