如何将缩略图添加到WordPress类别和标签

例如，我们可以在“ CSS”类别中添加有关CSS的图像，或在“ HTML”类别中添加HTML5徽标（如下所示）。

如果我们能够在类别或标签旁边显示图像，则有时WordPress网站会看起来更好。

此图像缩略图功能不包括类别，标签和自定义分类法 ，甚至在更高版本中也不例外（可能自定义分类法（可能在WordPress 4.4中除外））。

早在2.9版中，WordPress就添加了为帖子， 页面以及自定义帖子类型 添加图像缩略图 （后来重命名为Featured Image ）的功能。

让我们看看如何用几行代码来完成。

多亏了这个WordPress技巧和Taxonomy Thumbnail插件，我们才能对我们的帖子类别和标签执行此操作。

入门

现在，您应该可以找到“ 设置缩略图 ”按钮。

**插件后，转到发布>类别 。

您可以通过插件>添加新插件或通过FTP安装插件。

首先，在您的WordPress网站中部署此插件。

在这里，您可以选择之前上传的图像作为类别图像，也可以上传图像，对其进行自定义，最后选择它作为类别（或标签）的图像缩略图。

单击此按钮将显示WordPress Media Manager 。

该图像将显示在“ 类别”表中，使您可以查看附加了图像类别的类别。

模板标签

这样，我们可以轻松检索该词的缩略图。

该插件带有一些方便的模板标签，用于检索类似于“发布缩略图”模板标签的图像。

• get_term_thumbnail_id（$ term_taxonomy_id） ：获取分类术语缩览图ID。
• has_term_thumbnail（$ term_taxonomy_id） ：检查分类术语是否具有缩略图。
• get_term_thumbnail（$ term_taxonomy_id，$ size ='post-thumbnail'，$ attr =”） ：检索分类术语缩览图。

该插件还提供了一些其他功能，例如设置和删除缩略图，但是这些功能现在已经足够了。

如上所示，这些功能需要分类法ID（类别，标签或自定义分类法ID），您可以使用term_taxonomy_id函数进行检索。

如何显示缩略图

获取条款列表

首先，我们使用get_terms()函数获取指定分类法的术语列表–在这种情况下，我们将从帖子类别中获取术语。

<?php 
    $taxonomy = 'category';
    $args = array(
        'orderby'           => 'name', 
        'order'             => 'ASC',
        'hide_empty'        => true, 
        'exclude'           => array(), 
        'exclude_tree'      => array(), 
        'include'           => array(),
        'number'            => '', 
        'fields'            => 'all', 
        'slug'              => '',
        'parent'            => '',
        'hierarchical'      => true, 
        'child_of'          => 0,
        'childless'         => false,
        'get'               => '', 
        'name__like'        => '',
        'description__like' => '',
        'pad_counts'        => false, 
        'offset'            => '', 
        'search'            => '', 
        'cache_domain'      => 'core',
    );
    $terms = get_terms($taxonomy, $args);
?>

输出是一个Array，其中包含每个术语的信息，包括term_id ， name ， slug ， term_group ， term_taxonomy_id ， description等。现在，我们需要使用foreach循环在列表中显示术语的name ，如下所示。

<?php 
	if (!empty($terms) && !is_wp_error($terms) ){
		echo '<p>'. $taxonomy .':</p>';
		echo '<ul>';
		foreach ($terms as $term) {
			echo $term->name;
		}
		echo '</ul>';
    }
?>

结果看起来像这样：

现在，我们需要知道如何显示它们。

我们为每个术语附加了相应的图像（徽标或图标）。

在这里，我们有CSS，HTML，JavaScript，jQuery和PHP。

显示缩略图

为了显示图像缩略图，我们将像前面的代码一样扩展foreach循环。

我们添加模板标签get_term_thumbnail()以获得缩略图，并且还添加指向该术语的存档页面的链接。

if ( ! empty( $terms ) && ! is_wp_error( $terms ) ){
    echo '<ul>';
        foreach ( $terms as $term ) {
            echo '<li><a href="/index.php/' . $taxonomy . '/' . $term->slug . '">' . $term->name . get_term_thumbnail( $term->term_taxonomy_id, $size = 'category-thumb', $attr = '' ) . '</a></li>';
    }
    echo '</ul>';
}

结果（添加CSS之后）如下所示：

为此，请在get_terms()函数上使用以下参数：

该插件具有选择检索所有术语或仅检索带缩略图的术语的选项。

$taxonomy = 'category';
$args = array(
    'with_thumbnail' => true, // true = retrieve terms that has thumbnail, false = retrieve all terms
);
$terms = get_terms($taxonomy, $args);

适用于其他分类法

该插件可用于在任何分类法上启用“图像缩略图”，就像在“邮寄和页面”中一样。

如前所述，您不仅可以将此插件应用于类别，还可以应用于其他分类法，例如标签 ， 链接类别和自定义分类法 。

翻译自: https://www.hongkiat.com/blog/add-thumbnails-wordpress-categories-tags/