WordPress企业主题定制/开发/优化

为 WordPress分类 添加图标

首页 » WORDPRESS教程 » 为 WordPress分类 添加图标

WordPress 默认没有添加分类图标的选项。通过 get_the_category() 函数,可以实现类似芒果首页的分类图标效果。

实现此功能的核心问题是,在主循环中能根据分类自动调用不同图标。而利用 get_the_category() 函数获取分类名称的代码为:

<?php foreach((get_the_category()) as $cat){echo $cat->category_nicename;}?>

这样就得到了因分类而异的代码。基于此,只需在模板中嵌入图标调用路径即可:

<img src="<?php bloginfo('template_url');?>/image/icon_<?php foreach((get_the_category()) as $cat){echo $cat->category_nicename;}?>.gif" />

当然,需要为每个分类定制不同图标,并存为 “icon_分类名称.gif” 的形式至指定目录。

为分类图标加上链接和描述文字后,完整代码如下:

<a href="<?php bloginfo('url'); ?>/category/<?php foreach((get_the_category()) as $cat){echo $cat->category_nicename;}?>" title="<?php foreach((get_the_category()) as $cat){echo $cat->cat_name;}?>">
<img src="<?php bloginfo('template_url');?>/image/icon_<?php foreach((get_the_category()) as $cat){echo $cat->category_nicename;}?>.gif" />
</a>

如果嫌修改代码过于麻烦,也可以使用 Category Icons 插件,该插件可以为分类指定不同图标,提供了详细的后台设置面板,操作更为简便,容易上手。

相关项目

  • WordPress外贸企业主题

  • 最近更新

  • 热门标签