如何在 WordPress 中個別設計分類
更新日期:2017 年 6 月 22 日 | 評審者:Syed Balkhi | 編輯部
編輯註:我們從 WPressize Me 的合作連結中賺取佣金。佣金不會影響我們編輯的意見或評價。了解更多關於我們的編輯過程。
你想在 WordPress 中對分類進行不同的設計嗎?大多數 WordPress 主題對所有分類存檔頁面使用相同的樣式。然而,如果你經營一個內容豐富的網站,那麼你可以對每個分類進行不同的設計,以最大化它們的潛力。在本文中,我們將向你展示如何輕鬆地在 WordPress 中個別設計分類。
為什麼要在 WordPress 中個別設計分類?
如前所述,大多數 WordPress 主題對每個分類存檔頁面使用相同的模板。這是因為主題開發者不知道你將如何使用網站中的分類以及那些分類的具體內容。然而,如果你經營一個內容豐富的網站,改變分類存檔頁面的佈局可以對用戶如何與該頁面的內容互動產生顯著影響。
例如,如果你運營一個新聞或雜誌網站,你可以在本地新聞分類中顯示本地廣告。你可以展示天氣信息,展示該分類中最受歡迎的故事,等等。話雖如此,讓我們來看看如何輕鬆地在 WordPress 中個別設計每個分類。
在 WordPress 中個別設計分類的方法
有多種方式可以在 WordPress 中進行分類設計。我們將向你展示兩種不同的方法,你可以選擇最適合你的需求和技能水平的一種。
在 WordPress 主題中使用單一分類模板
WordPress 主題遵循標準的模板層級結構。根據模板文件的名稱,WordPress 可以自動選擇正確的模板來顯示頁面。
例如,它會查找 category.php 文件來顯示分類存檔頁面。
WordPress 也允許你為每個分類創建模板。比方說,你想對 ‘Apple’ 這個分類進行不同的設計。你可以通過在你的主題中添加一個新模板文件並命名為 category-apple.php 來完成這一點。
使用 FTP 客戶端連接到你的 WordPress 網站,然後進入 /wp-content/themes/your-current-theme/ 文件夾,創建一個新文件 category-apple.php。不要忘記將 ‘apple’ 替換為你自己的分類名稱。
你可以使用主題的 category.php 文件作為起點。簡單地編輯並複製其中的所有內容。現在,編輯你新創建的 category-apple.php 文件並將代碼粘貼到其中。
之後,你可以開始對你的單一分類模板進行更改。你可以為這個分類創建並使用不同的側邊欄,使其成為全寬頁面,添加歡迎信息,或任何其他你想要的內容。
使用 CSS 設計 WordPress 的個別分類
WordPress 自動為網站各個元素添加 CSS 類別,這些包括 body 類別和 post 類別。
例如,如果你查看分類存檔頁面,然後使用檢查工具,你會注意到 body 標籤中的 category 和 category-name CSS 類別。
你可以使用這個 CSS 類別通過添加自定義 CSS 將每個分類設計得不同。
body.category-apple { background-color:#EEE; background:url("http://example.com/wp-content/uploads/2017/background.jpg") no-repeat fixed; color:#FFFFFF;} .category-apple .site { background:#232323; } .category-apple a { color:#CCCCCC; }
不要忘記在 CSS 類別中將分類名稱改為你自己的分類名稱。
我們希望這篇文章能幫助你了解如何在 WordPress 中個別設計分類。你可能還會想看看我們的 WordPress 最受歡迎的分類技巧和插件列表。
如果你喜歡這篇文章,請訂閱我們的 YouTube 頻道獲取 WordPress 視頻教程。你也可以在 Twitter 和 Facebook 上找到我們。