如何给wordpress文章分类自定义封面图?-FUNION数字营销

大家好，我是FUNION数字营销实战派飞小优，今天跟大家详细介绍下如何给WP的文章分类设置自定义封面图，这是很多企业用户在实际上传文章中遇到的难点。为什么？

背景介绍

因为在日常上传文章中不配图你会觉得前端整体太过单调了，但是有些图片是不需要使用文章封面图的（比如某一固定的栏目分类如百科类只需要有IP图片即可），因此就只需要调用文章大分类的图片了。那如何实现？

实现教程

具体通过手写代码和插件进行实现。

使用插件添加自定义分类图片

使用插件是最简单快捷的方法。推荐使用”Categories Images“插件：点我可获取下载地址

登录WordPress后台，进入”插件”菜单，点击”添加新插件”。
搜索”Categories Images”，安装并激活该插件。
进入”文章” > “分类”页面。
编辑现有分类或创建新分类时，会看到”图片”选项。
上传或选择所需图片，保存更改。

插件会自动在适当位置显示分类图片，无需额外设置。将排除的分类进行勾选即可，如下所示：

上传封面图，如

回到分类后台，分类前面多了封面图，

最后将该分类图输出到指定的文件中如category.php 或者文章列表中，由于笔者是输出到文章列表样式中，如下代码：

 <?php if (function_exists('z_taxonomy_image')) z_taxonomy_image(); ?>

最后查看前端样式如下

手动编码添加分类图片

对于喜欢更多控制和自定义的用户，可以选择手动编码方式：

编辑主题的functions.php文件，添加以下代码：


function add_category_image_field($term) {
    ?>
    <div class="form-field term-group">
        <label for="category-image-id">图片</label>
        <input type="hidden" id="category-image-id" name="category-image-id" class="custom_media_url" value="">
        <div id="category-image-wrapper"></div>
        <p>
            <input type="button" class="button button-secondary ct_tax_media_button" id="ct_tax_media_button" name="ct_tax_media_button" value="添加图片" />
            <input type="button" class="button button-secondary ct_tax_media_remove" id="ct_tax_media_remove" name="ct_tax_media_remove" value="删除图片" />
        </p>
    </div>
    <?php
}
add_action('category_add_form_fields', 'add_category_image_field', 10, 2);

在适当的模板文件中（如category.php），使用以下代码显示分类图片：


<?php
$image_id = get_term_meta($category->term_id, 'category-image-id', true);
if ($image_id) {
    echo wp_get_attachment_image($image_id, 'full');
}
?>