如何在WordPress里添加分类图标(图片)

你想在WordPress中显示分类图像或类别图标吗?

默认情况下,WordPress没有上传分类图像或类别图标的选项。它只是在档案页上显示一个类别或分类的名称。

在这篇文章中,我们将告诉你如何在WordPress中轻松地添加分类图像或类别图标。我们还将告诉你如何在你的档案页上显示分类图像。

为什么要在WordPress中添加分类图片?

默认情况下,你的WordPress网站并没有为你的分类(如类别和标签)(或任何其他自定义分类)添加图片的选项。

它只是在任何地方使用分类名称。

plain taxonomy archive

这看起来有点朴素和无聊。

如果你的分类页面有大量的搜索流量,那么你可能想让它们看起来更有吸引力。

使页面更有趣的最简单方法是添加图片。你可以添加分类图像或分类图标,使这些页面更方便用户使用和吸引人。

像NerdWallet这样的网站就是一个很好的例子,他们在页眉处使用了分类图标。

category icons wordpress

既然如此,让我们来看看如何在WordPress中轻松地添加分类图片。

在WordPress中轻松地添加分类图片

你需要做的第一件事是安装和激活分类图像插件。插件地址:https://wordpress.org/plugins/categories-images/
激活后,你可以简单地转到 帖子>类别 页面。你会注意到该插件将为你现有的类别显示一个占位符图像。

default image

要选择你自己的分类图标,你需要点击一个分类下面的编辑链接。

在编辑类别页面,向下滚动到底部,你会发现一个上传你自己的分类图的表格。

upload new image

只需点击 “上传/新图片 “按钮,上传你想用于该特定类别的图片。

不要忘记点击 “添加类别 “或 “更新 “按钮来保存您的更改。

category with thumbnail images

然而,现在这些图片还不会在你的分类中显示,为了显示它,你将需要编辑你的WordPress主题或子主题。

首先,你将需要使用一个FTP客户端或你的WordPress服务器文件管理器连接到你的WordPress网站。

一旦连接,你将需要找到负责显示分类页面的模板。这可能是archives.php、category.php、tag.php或taxonomy.php文件。

一旦你找到了这个文件,你需要把它下载到你的电脑上,并在一个文本编辑器中打开,如记事本或文本编辑器

现在把下面的代码粘贴到你想显示你的分类法图像的地方。通常,你会想把它加在分类法标题或the_archive_title()标签之前。


<?php if( is_category() ) { ?> 
<div class="taxonomy-image">
<img class="taxonomy-img" src="<?php if (function_exists('z_taxonomy_image_url')) echo z_taxonomy_image_url(); ?>"  alt="" / >
</div>
<?php 
} else {  
//do nothing
} 
?>

添加完代码后,你需要保存这个文件并使用FTP将其上传到你的网站。

现在你可以访问分类页,看它是否显示你的分类法图像。下面是它在我们的演示页上的样子。

taxonomy with image

如果你会一些CSS,可以调整一下样式

img.taxonomy-img {
    float: left;
    max-height: 100px;
    max-width: 100px;
    display: inline-block;
}

根据您的主题,您可能还需要设置分类标题和描述等周围元素的样式。 我们简单地将分类归档标题和描述包装在 <div> 元素中,并添加了一个自定义 CSS 类。然后我们使用下面的 CSS 代码来调整标题和描述。

.taxonomy-title-description {
    display: inline-block;
    padding: 18px;
}

现在看起来是这样的

after custom css

排除分类显示图片

现在有些用户可能只想为特定的分类使用分类图片。

例如,如果你使用WooCommerce经营一家网店,那么你可能想排除产品类别。

只需回到WordPress管理区的 “类别图片 “页面,勾选你想排除的分类。

exclude categories

不要忘记点击 “保存更改 “按钮来存储你的设置。

分享你的喜爱

2 评论

  1. 你好,想问一下astar主题,在哪个php文件下添加的啊,archives.php、category.php、tag.php或taxonomy.php文件都试了没有出来呢。

留下评论

您的电子邮箱地址不会被公开。 必填项已用 * 标注