如何在WordPress里添加分類圖示(圖片)

你想在WordPress中顯示分類圖像或類別圖示嗎?

默認情況下,WordPress沒有上傳分類圖像或類別圖示的選項。 它只是在檔案頁上顯示一個類別或分類的名稱。

在這篇文章中,我們將告訴你如何在WordPress中輕鬆地添加分類圖像或類別圖示。 我們還將告訴你如何在你的檔案頁上顯示分類圖像。

為什麼要在WordPress中添加分類圖片?

默認情況下,你的WordPress網站並沒有為你的分類(如類別和標籤)(或任何其他自定義分類)添加圖片的選項。

它只是在任何地方使用分類名稱。

這看起來有點樸素和無聊。

如果你的分類頁面有大量的搜索流量,那麼你可能想讓它們看起來更有吸引力。

使頁面更有趣的最簡單方法是添加圖片。 你可以添加分類圖像或分類圖示,使這些頁面更方便使用者使用和吸引人。

像NerdWallet這樣的網站就是一個很好的例子,他們在頁眉處使用了分類圖示。

既然如此,讓我們來看看如何在WordPress中輕鬆地添加分類圖片。

在WordPress中輕鬆地添加分類圖片

你需要做的第一件事是安裝和激活分類圖像外掛程式。 外掛程式地址:https://wordpress.org/plugins/categories-images/
啟動后,你可以簡單地轉到 帖子>類別 頁面。 你會注意到該外掛程式將為你現有的類別顯示一個佔位元元圖像

要選擇你自己的分類圖示,你需要點擊一個分類下面的編輯連結。

在編輯類別頁面,向下滾動到底部,你會發現一個上傳你自己的分類圖的表格

只需點擊 「上傳/新圖片 」按鈕,上傳你想用於該特定類別的圖片。

不要忘記點擊 「添加類別 」或 「更新」 按鈕來儲存您的變更。

然而,現在這些圖片還不會在你的分類中顯示,為了顯示它,你將需要編輯你的WordPress主題或子主題。

首先,你將需要使用一個FTP用戶端或你的WordPress伺服器檔管理器連接到你的WordPress網站。

一旦連接,你將需要找到負責顯示分類頁面的範本。 這可能是archives.php、category.php、tag.php或taxonomy.php檔。

一旦你找到了這個檔,你需要把它下載到你的電腦上,並在一個文本編輯器中打開,如記事本或文本編輯器

現在把下面的代碼粘貼到你想顯示你的分類法圖像的地方。 通常,你會想把它加在分類法標題或the_archive_title()標籤之前。


<?php if( is_category() ) { ?> 
<div class="taxonomy-image">
<img class="taxonomy-img" src="<?php if (function_exists('z_taxonomy_image_url')) echo z_taxonomy_image_url(); ?>"  alt="" / >
</div>
<?php 
} else {  
//do nothing
} 
?>

添加完代碼后,你需要保存這個檔並使用FTP將其上傳到你的網站。

現在你可以訪問分類頁,看它是否顯示你的分類法圖像。 下面是它在我們的演示頁上的樣子。

如果你会一些CSS,可以调整一下样式

img.taxonomy-img {
    float: left;
    max-height: 100px;
    max-width: 100px;
    display: inline-block;
}

根據您的主題,您可能還需要設置分類標題和描述等周圍元素的樣式。 我們簡單地將分類歸檔標題和描述包裝在元素中,並添加了一個自定義 CSS 類。 然後我們使用下面的 CSS 代碼來調整標題和描述。

.taxonomy-title-description {
    display: inline-block;
    padding: 18px;
}

現在看起來是這樣的

排除分類顯示圖片

現在有些使用者可能只想為特定的分類使用分類圖片。

例如,如果你使用WooCommerce經營一家網店,那麼你可能想排除產品類別。

只需回到WordPress管理區的 「類別圖片 」頁面,勾選你想排除的分類。

不要忘記點擊 「保存更改 」按鈕來存儲你的設置。

分享你的喜愛

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *