为什么在 WordPress 中添加分类图像?
默认情况下,您的 WordPress 网站不提供为分类法(如类别和标签或其他自定义分类法)添加图像的选项。它只显示分类法名称,这看起来会显得单调无聊。如果您的分类页面获得大量搜索流量,您可能希望使它们看起来更具吸引力。通过添加相关图像,文本繁重的页面可以轻松转变为更具吸引力的页面。这样可以使这些页面更加用户友好和吸引人。
轻松在 WordPress 中添加分类图像
要在 WordPress 中添加分类图像,首先需要安装并激活“Categories Images”插件。激活后,转到“帖子 » 类别”页面,您会看到插件为现有类别显示占位符图像。
要选择您自己的类别图标,单击类别下方的“编辑”链接。在编辑类别页面,向下滚动到页面底部,您会找到一个用于上传您自己的分类图像的表单。上传您想为该类别使用的图像,并保存更改。同样的流程可以用于上传其他类别和标签的图像。
显示类别图像图标的方法
选项 1:使用 WPCode 显示类别图像图标(推荐)
这种方法更简单,因为无需找出需要修改的主题文件,可以安全地添加代码。首先,安装并激活 WPCode 插件。激活后,转到 WPCode » + 添加代码段页面,在“添加自定义代码(新代码段)”框中点击“使用代码段”按钮。在代码预览框中,复制并粘贴以下代码:
if( is_category() ) { ?>
<div class="taxonomy-image"><img class="taxonomy-img" src="" alt="" / ></div><?php } else { //do nothing }
然后,选择插入方法为短代码,并将其复制到您的归档页面上即可。
选项 2:手动显示类别图像图标
这一方法需将自定义代码添加到您的 WordPress 主题文件中。连接到您的 WordPress 站点,找到用于显示分类法归档的模版文件,如 archives.php、category.php、tag.php 或 taxonomy.php 文件。下载并用文本编辑器打开。在适当位置粘贴以下代码:
<div class="taxonomy-image"><img class="taxonomy-img" src="" alt="" / ></div><?php } else { //do nothing }
保存后上传,并使用自定义 CSS 来调整图像样式,使其在您的主题中更美观。
为类别图标添加样式
使用以下自定义 CSS 来调整和美化分类图像:
img.taxonomy-img {
float: left;
max-height: 100px;
max-width: 100px;
display: inline-block;
padding: 20px;
}
希望这篇文章能帮助您轻松地在 WordPress 中添加分类图像。您还可以查看其他有用的类别插件或技巧,以优化您的 WordPress 网站。