wordpress添加分类小图标

wordpress添加分类小图标 (https://www.wpzt.net/) WordPress入门 第1张

WordPress是一款广受欢迎的内容管理系统,它可以让用户轻松地创建和管理自己的博客或网站。其中一个重要的功能就是分类,它可以帮助用户更好地组织自己的内容。为了让分类更加直观、易于辨识,我们可以添加分类小图标。

在WordPress中,添加分类小图标非常简单。首先,我们需要找到一个合适的图标。可以在网上搜索免费的图标库,或者自己制作一个。制作图标时,可以使用专业的图标设计软件,也可以使用在线工具如Canva等。

完成图标后,我们需要将它上传到WordPress。在WordPress的管理面板中,选择“外观”->“编辑”,找到主题的functions.php文件,在文件末尾添加以下代码:

function wpb_cus***_new_menu_icon() {

echo ‘

‘;

}

add_action( ‘admin_head’, ‘wpb_cus***_new_menu_icon’ );

其中,menu-icon-books是分类的唯一标识符,可以在WordPress的分类管理页面中找到。”\f330″是图标的Unicode值,可以在网上搜索对应的Unicode值。

添加完代码后,保存文件并刷新WordPress管理面板。现在,我们就可以看到分类小图标了。如果没有生效,可以尝试清除浏览器缓存或者重新登录WordPress。

除了在WordPress的后台中添加分类小图标,我们还可以在前台中显示它们。为此,我们需要在主题的functions.php文件中添加以下代码:

function wpb_list_child_pages() {

global $post;

if ( is_page() && $post->post_parent ) {

$childpages = wp_list_pages( ‘sort_column=menu_order&title_li=&child_of=’ . $post->post_parent . ‘&echo=0’ );

} else {

$childpages = wp_list_pages( ‘sort_column=menu_order&title_li=&child_of=’ . $post->ID . ‘&echo=0’ );

}

if ( $childpages ) {

$string = ‘

    ‘ . $childpages . ‘

‘;

return $string;

}

}

add_shortcode(‘wpb_childpages’, ‘wpb_list_child_pages’);

这段代码将使WordPress生成一个名为“wpb_childpages”的短代码。我们可以在文章或页面中使用这个短代码来显示当前页面的子页面。

为了让子页面显示分类小图标,我们需要在主题的style.css文件中添加以下代码:

ul.sub-menu li a:before {

font-f**ily: “FontAwesome”;

content: “\f10d”;

**rgin-right: 5px;

}

其中,”\f10d”是图标的Unicode值,可以根据自己的需要进行修改。

现在,我们就可以在前台中看到分类小图标了。它们将帮助我们更好地组织和展示自己的内容,为用户提供更好的阅读体验。

© 版权声明
THE END
喜欢就支持一下吧
点赞13 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    暂无评论内容