WordPress標簽如何添加Logo，詳細步驟指南

來自：素雅營銷研究院

方知筆記

2025年07月03日 16:29

在WordPress網(wǎng)站中，為標簽（Tags）添加Logo可以提升頁面的視覺吸引力和品牌識別度。本文將詳細介紹如何在WordPress中為標簽添加Logo，涵蓋插件方法和手動代碼實現(xiàn)兩種方式。

方法一：使用插件添加標簽Logo

安裝并激活插件

推薦使用插件如 “Taxonomy Images” 或 “Category and Tag Images”，這些插件專門用于為分類、標簽等添加圖片。
在WordPress后臺，進入 插件 > 安裝插件，搜索插件名稱并安裝激活。

為標簽上傳Logo

激活插件后，進入 文章 > 標簽，編輯或新建一個標簽。
在標簽編輯頁面，你會看到新增的圖片上傳選項，點擊上傳或選擇Logo圖片。
保存標簽后，Logo將自動關(guān)聯(lián)到該標簽。

在前端顯示標簽Logo

插件通常提供短代碼或主題函數(shù)調(diào)用標簽Logo。例如，使用 [taxonomy_image] 短代碼或在主題文件中調(diào)用 get_taxonomy_image() 函數(shù)。

方法二：手動通過代碼添加標簽Logo

如果你熟悉WordPress開發(fā)，可以通過以下步驟手動實現(xiàn)：

在主題的 functions.php 中添加代碼

// 為標簽添加圖片上傳功能
function add_tag_image_support() {
add_action('post_tag_add_form_fields', 'add_tag_image_field');
add_action('post_tag_edit_form_fields', 'edit_tag_image_field');
add_action('created_post_tag', 'save_tag_image');
add_action('edited_post_tag', 'save_tag_image');
}
add_action('admin_init', 'add_tag_image_support');

// 添加標簽圖片字段
function add_tag_image_field($taxonomy) {
echo '<div class="form-field term-image-wrap">
<label for="tag-image">標簽Logo</label>
<input type="text" name="tag_image" id="tag-image" value="" />
<button class="upload_image_button button">上傳圖片</button>
<p>為標簽上傳一個Logo圖片</p>
</div>';
}

// 保存標簽圖片
function save_tag_image($term_id) {
if (isset($_POST['tag_image'])) {
update_term_meta($term_id, 'tag_image', sanitize_text_field($_POST['tag_image']));
}
}

在前端調(diào)用標簽Logo

在主題的標簽?zāi)０逦募ㄈ?tag.php 或 archive.php）中，添加以下代碼顯示Logo：

$tag_image = get_term_meta(get_queried_object_id(), 'tag_image', true);
if ($tag_image) {
echo '<img src="' . esc_url($tag_image) . '" alt="' . single_tag_title('', false) . ' Logo">';
}