為什麼要在主題中將頁面別名添加到 Body Class？
如果你希望對網站的特定頁面進行客製化並希望正確識別頁面，那麼將頁面別名添加到主題的 body class 中會非常有用。默認情況下，你的 WordPress 網站只會顯示文章 ID 類別，這在識別正確頁面時可能會比較困難。頁面別名顯示了博客文章的 URL，讓頁面客製化變得更加容易。除此之外，你還可以使用頁面別名 body class 對頁面進行不同的客製化。例如，你可以更改特定文章的字體和顏色，或在特定登錄頁面上突出顯示呼籲行動按鈕。
如何在 WordPress 主題中添加頁面別名
要在 WordPress 主題的 body class 中添加頁面的 URL，你可以在主題的 functions.php 文件中輸入以下代碼：
function add_slug_body_class( $classes ) {
global $post;
if ( isset( $post ) ) {
$classes[] = $post->post_type . '-' . $post->post_name;
}
return $classes;
}
add_filter( 'body_class', 'add_slug_body_class' );你可以通過進入 WordPress 主題編輯器（代碼編輯器）來訪問你的主題的 functions.php 文件。然而，直接編輯主題文件非常危險，因為添加代碼時的任何錯誤都可能導致網站崩潰並阻止你登錄到 WordPress 儀表板。一種更簡單的方法是在主題的 body class 中添加代碼是使用像 WPCode 這樣的 WordPress 插件。
使用 WPCode，你可以輕鬆地在幾分鐘內為網站添加代碼，且不會出錯。此外，它還確保如果你未來更新或更改主題，代碼不會被刪除。
首先，你需要在網站上安裝並激活免費的 WPCode 插件。關於逐步說明，你可以參考我們的 WordPress 插件安裝指南。一旦插件被啟用，一個名為“Code Snippets”的新菜單項目將被添加到你的 WordPress 管理菜單中。點擊它將帶你到管理所有代碼段的頁面。
要添加第一個自定義代碼段，點擊“添加新”按鈕。這將帶你到“添加代碼段”頁面，在這裡你可以選擇一個預製代碼段或添加你的自定義代碼。要添加你的自定義代碼，導航到“添加你的自定義代碼（新代碼段）”選項並點擊“使用代碼段”按鈕。
現在，為你的代碼段命名並將代碼輸入到“代碼預覽”框中。你還需要從右側的下拉列表中選擇“PHP 代碼段”作為代碼類型。
接下來，向下滾動到“插入”部分。在這裡，你可以選擇“自動插入”方法，以自動在特定的 WordPress 位置（如管理、前台等）插入和執行代碼。如果你不確定，保持默認的“在任何地方運行”選項。
或者，你可以選擇“短代碼”方法。使用此方法，代碼段不會自動插入。你會得到一個短代碼，可以手動插入到網站的任何位置。當你準備好時，將開關從“非活躍”切換到“活躍”，並點擊右上角的“保存代碼段”按鈕。
關於更多細節，你可以參考我們的如何在 WordPress 中添加自定義代碼指南。你現在將開始看到一個新的 body class 被輸出，如：page-{slug}。使用該類別來覆蓋默認樣式並為特定頁面定制元素。例如，假設你想在 slug 為“education”的頁面上設置側邊欄小部件的樣式，你可以添加這樣的 CSS：
#sidebar .widgets{background: #fff; color: #000;}
.page-education #sidebar .widgets{background: #000; color: #fff;}我們希望本文能幫助你了解如何在 WordPress 主題中添加頁面別名到 body class。你還可能想看看我們的 WordPress body class 指南以及如何選擇最佳設計軟件。如果你喜歡這篇文章，請訂閱我們的 YouTube 頻道觀看 WordPress 教學視頻。你也可以在 Twitter 和 Facebook 上找到我們。
