如何在 WordPress 中使用短代码显示 WooCommerce 产品类别缩略图？

2024-03-22 19:02:11

## 在 WordPress 中使用短代码显示 WooCommerce 产品类别缩略图

### 问题陈述

你是否希望在你的 WooCommerce 类别页面上显示类别缩略图，以提高视觉吸引力和改善用户体验？本文将提供一个循序渐进的指南，教你如何使用短代码在任意 WordPress 主题中轻松实现这一功能。

### 解决方法

1. 添加短代码函数

首先，在你的主题的 functions.php 文件中添加以下代码：

add_shortcode('cat_img', 'cat_img_shortcode');

function cat_img_shortcode() {
    $category = get_queried_object();
    $thumbnail_id = get_term_meta($category->term_id, 'thumbnail_id', true);
    $image = wp_get_attachment_image_src($thumbnail_id, 'full');

    if ($image) {
        return '<img src="' . $image[0] . '" alt="' . $category->name . '" />';
    }
}

2. 使用短代码

在你想显示缩略图的地方，将以下短代码添加到你的页面或文章：

[cat_img]

### 代码示例

以下是一个使用 PHP 代码获取缩略图的示例：

<?php
// 获取当前类别对象
$category = get_queried_object();

// 获取缩略图 ID
$thumbnail_id = get_term_meta($category->term_id, 'thumbnail_id', true);

// 获取缩略图 URL
$image = wp_get_attachment_image_src($thumbnail_id, 'full');

if ($image) {
    // 输出缩略图 HTML
    echo '<img src="' . $image[0] . '" alt="' . $category->name . '" />';
}
?>