如何為每個分類添加自定義頁首、頁尾或側邊欄

WPressize Me

04/22/2023

如何為每個分類添加自定義頁首、頁尾或側邊欄

最後更新時間:2024年3月22日 | 編輯者:Editorial Staff | 審核者: Syed Balkhi

你是否希望在你的WordPress網站中為每個分類顯示不同的頁首、頁尾或側邊欄?通常,你會在整個網站上看到相同的頁首、頁尾和側邊欄。但有時你可能希望為某些分類顯示不同的信息、顏色或小工具。

在本文中,我們將向你展示如何輕鬆地為每個WordPress分類添加自定義的頁首、頁尾或側邊欄。

為何要為每個分類添加自定義頁首、頁尾或側邊欄?

當你設置WordPress網站時,你可能會自定義頁首、頁尾和側邊欄,這樣訪客可以快速了解你和你的網站,以及找到他們感興趣的內容。

但有時你可能希望在不同分類中顯示不同的頁首、頁尾或側邊欄。例如,你可能希望在每個自定義文章和頁面中顯示不同的側邊欄,或者通過顯示自定義的頁首、頁尾或側邊欄來改變網站在特定分類中的外觀。

接下來,我們將介紹三種方法來輕鬆地為每個分類添加自定義頁首、頁尾或側邊欄:

  • 方法一:使用插件為每個分類添加自定義側邊欄
  • 方法二:使用主題構建器為每個分類添加自定義頁首或頁尾
  • 方法三:使用代碼為每個分類添加自定義頁首、頁尾或側邊欄

方法一:使用插件為每個分類添加自定義側邊欄

如果你對網站設計已經滿意,只希望更改網站的側邊欄,這是最好的方法,也非常適合初學者。

首先,你需要安裝並啟用 Easy Custom Sidebars 插件。更多細節可參考我們的逐步指南,了解如何安裝WordPress插件。

注意:你可能會注意到該插件尚未與最新的WordPress版本測試過。不過,我們自己已經使用該插件,效果良好。如果你找到更好的替代品,請在評論中告訴我們。

激活插件後,請前往 外觀 » 替換側邊欄 頁面創建一個自定義側邊欄。

首先,為新側邊欄輸入一個名稱。在本教程中,我們將其命名為 ‘Blogging’,因為我們希望在 Blogging 分類中顯示它。接下來,選擇要由自定義側邊欄替換的側邊欄。

然後,選擇自定義側邊欄顯示的條件。你會看到不同的頁面、文章、分類和標籤列在屏幕的左側。點擊分類旁的箭頭,然後勾選 Blogging 分類框。點擊‘添加到側邊欄’按鈕。

你會注意到 Blogging 分類現在出現在側邊欄替換部分,自定義側邊欄將顯示在該分類中。可以添加多個分類,側邊欄會被添加到所有所選分類中。點擊‘創建側邊欄’按鈕創建首個自定義側邊欄。

接下來,添加Wordpress小工具到側邊欄的小工具區域。更多細節可參考我們的《如何添加 WordPress 側邊欄小工具》指南。Easy Custom Sidebar允許你創建任意多的自定義側邊欄,並將每個側邊欄分配給WordPress網站的不同分類頁面。

方法二:使用主題構建器為每個分類添加自定義頁首或頁尾

如果你希望對每個頁面的側邊欄、頁首和頁尾進行完全控制,這是最佳方法。

我們推薦使用 SeedProd。SeedProd是最好的WordPress主題和頁面構建插件,允許你輕鬆創建自定義WordPress主題,不需編寫任何代碼,這包括創建頁首、頁尾以及所有其他必需的元素。

你可以參考我們的《如何輕鬆創建自定義WordPress主題》指南來學習如何快速創建WordPress主題。一旦完成這些操作,SeedProd讓你能輕鬆創建自定義頁首和頁尾,並設置規則,使其僅在特定情況下顯示,例如查看特定分類時。

首先,我們將創建一個自定義頁尾。點擊頁面頂部橙色的‘新增主題模板’按鈕,創建新的主題模板,例如頁尾。

開始時,為模板命名。在本教程中,我們稱它為 ‘Footer – Blogging’。然後,從類型下拉菜單中選擇‘頁尾’,並選擇優先級。這決定了如果多個頁尾匹配當前頁面,哪個會顯示擁有最大優先級的頁尾將顯示。默認頁尾的優先級為0,我們將這個頁尾的優先級設置為1,以確保其顯示在匹配頁面上。

然後,設置頁尾顯示的條件。我們希望它顯示在Blogging分類中。確保第一個條件設定為‘包括’,然後選擇‘擁有分類’從中間的下拉菜單中,最後在最後一個字段中填寫 ‘blogging’,點擊‘保存’按鈕保存設置。

還有一種創建自定義頁尾的方法。你可以通過點擊‘複製’鏈接直接複製原始頁尾。我們將在本教程中這樣操作。

這會創建當前頁尾的精確副本,你可以進行自定義。接下來,點擊新項目下的‘編輯條件’鏈接,按照上面的步驟選擇名稱和條件。

現在,開始自定義這個新的頁尾。點擊其名稱,將在SeedProd的拖曳編輯器中打開它。

SeedProd使得添加新塊到頁尾變得簡單。你也可以點擊現有塊來編輯其顏色、文本和其他選項。在本教程中,我們將簡單地將背景顏色更改為綠色。

當你對自定義頁尾感到滿意時,確保點擊‘保存’旁的下拉箭頭,然後點擊‘發布’。這將保存變更並將頁尾實時顯示。

祝賀你!當查看Blogging分類檔案頁面或Blogging分類中的文章時,你的新頁尾將顯示。

現在,你可以按照上述步驟為特定分類創建自定義頁首。

方法三:使用代碼為每個分類添加自定義頁首、頁尾或側邊欄

如果你熟悉代碼,可以使用這種方法在特定分類檔案頁面和文章中顯示自定義頁首、頁尾或側邊欄。這種方法僅涉及PHP代碼,因此你無需使用HTML或CSS。

你需要將代碼片段添加到主題文件中。如果你以前沒做過,請參考我們的《如何在WordPress中復制和粘貼代碼》指南。

注意:如果你是首次添加代碼,我們強烈建議備份網站和/或使用測試環境,以防止任何錯誤影響實時網站。

使用代碼為每個分類添加自定義頁首

若要在某個分類中的文章中添加自定義頁首,例如‘Blogging’,你需要打開主題的single.php文件,並將常規頁首代碼替換為以下代碼:

<?php if (in_category('Blogging')) { get_header('blogging'); } else { get_header(); } ?>

這段代碼告訴WordPress,如果有人查看‘Blogging’分類中的文章,需要顯示名為 header-blogging.php 的文件(如果存在)。如果不存在,或者文章不在‘Blogging’分類中,則顯示默認header文件。

確保將第1行中的‘Blogging’更改為你的分類名稱,將第2行中的‘blogging’更改為自定義頁首的名稱。

如果你希望在多個分類中顯示自定義頁首,或有多個自定義頁首,可以使用以下代碼:

<?php if (in_category(array('Blogging', 'Photography'))) { get_header('blogging'); } elseif (in_category('News')) { get_header('news'); } else { get_header(); } ?>

這將在‘Blogging’或‘Photography’分類中的文章上顯示header-blogging.php自定義頁首,並在‘News’分類的所有文章上顯示header-news.php頁首。其他所有文章上顯示默認的header.php頁首。

我們目前僅在特定分類中的文章上顯示自定義頁首。你可能還希望在查看分類檔案頁面時顯示自定義頁首。

為此,你需要修改主題的category.php文件。如果主題沒有該文件,你可以創建自己的分類模板或編輯主題的archive.php或index.php文件。

打開文件,將常規頁首代碼替換為以下代碼。請注意,第一行與我們之前使用的代碼略有不同:

<?php if (is_category('Blogging')) { get_header('blogging'); } else { get_header(); } ?>

注意:in_category()函數檢查文章是否在某個分類中。is_category()函數檢查你是否正在查看某個分類檔案。

使用代碼為每個分類添加自定義頁尾

顯示特定分類的自定義頁尾類似。要為每個分類獲得單獨的頁尾,你需要編輯主題的single.php頁面模板,並將頁尾代碼替換為以下代碼:

<?php if (in_category('Blogging')) { get_footer('blogging'); } else { get_footer(); } ?>

確保更改代碼以使用你的分類和自定義頁尾的名稱。

你還應修改主題的category.php文件,將頁尾代碼替換為以下代碼。同樣,確保包括你希望使用的分類和自定義頁尾名稱:

<?php if (is_category('Blogging')) { get_footer('blogging'); } else { get_footer(); } ?>

參考‘使用代碼為每個分類添加自定義頁首’部分獲取更多詳情。

使用代碼為每個分類添加自定義側邊欄

你也可以使用相同的方法為特定分類顯示自定義側邊欄。需要編輯主題的single.php模板,然後將側邊欄代碼替換為以下代碼:

<?php if (in_category('Blogging')) { get_sidebar('blogging'); } else { get_sidebar(); } ?>

你需要使用希望使用的分類和自定義側邊欄名稱來編輯代碼片段。

還需修改主題的category.php模板,將其側邊欄代碼替換為以下代碼:

<?php if (is_category('Blogging')) { get_sidebar('blogging'); } else { get_sidebar(); } ?>

如果需要更多詳情,可以查看‘使用代碼為每個分類添加自定義頁首’部分。

專家指導如何自定義你的 WordPress 頁首、頁尾和側邊欄

你是否希望優化你的頁首、頁尾和側邊欄,使它們對讀者更有用?如果是,請參考以下實用教程:

  • 如何在你的 WordPress 側邊欄添加社交媒體圖標
  • 如何在 WordPress 中創建粘性懸浮側邊欄小工具
  • 如何在 WordPress 頁首菜單中添加按鈕
  • 清單:要在你的 WordPress 頁尾添加的內容
  • 最佳 WordPress 頁尾設計範例(包含最佳實踐)

我們希望這篇教程幫助你學習如何輕鬆地為每個 WordPress 分類添加自定義頁首、頁尾或側邊欄。你可能還想了解如何通過 WordPress 博客賺錢,或者查看我們的常見 WordPress 錯誤及其解決方法列表。

如果你喜歡這篇文章,請訂閱我們的 YouTube 頻道,獲取 WordPress 視頻教程。你也可以在 Twitter 和 Facebook 上找到我們。



Related Posts

  • 2024-07-20
  • WordPress 主题

您是否想在 WordPress 中為不同頁面使用多個佈景主題?可以自訂網頁的外觀和布局,為文章、頁面和部分區域建立模板。但是如果您想為網站的某些部分或頁面使用完全不同的佈景主題呢?本文將指導您如何在 WordPress 中為頁面使用多個佈景主題。

閱讀更多
  • 2024-07-19
  • WordPress 主题

您是否想在 WordPress 網站上添加回頂效果?這種效果在頁面較長時非常有用,可以讓用戶輕鬆返回頁面頂部,提升網站的用戶體驗。本文將教您如何使用 jQuery 和插件在 WordPress 中添加平滑回頂效果。

閱讀更多
  • 2024-07-13
  • WordPress 主题

您是否想在 WordPress 中創建一個自定義頁面?自定義頁面允許您使用與網站其餘部分不同的佈局。許多 WordPress 網站使用自定義頁面佈局來建立銷售頁面、登陸頁面、網路研討會頁面等。在這篇文章中,我們將向您展示如何輕鬆地在 WordPress 中創建自定義頁面。

閱讀更多

{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}
>