創建和自定義 WordPress 子主題

WordPress子主題如何工作

子主題存儲在與父主題不同的目錄中。 每次都有自己的 style.css 和 functions.php 文件。 雖然您必須在子主題目錄中至少有兩個文件，但為了使其正常工作，您也可以添加其他文件。 這兩個最小的文件可以幫助您更改樣式、編碼和腳本以及佈局參數。 當用戶訪問您的網站時，WordPress 會加載子主題，然後使用部分父主題填充缺失的樣式和功能。 這使您可以充分利用子主題並對其進行自定義，而不會犧牲父主題的核心功能。

如何創建子主題

您可以通過多種方式創建子主題。 您可以使用 FTP 客戶端或文件目錄手動執行此操作，也可以使用插件或在線生成器創建子主題。

手動

為了手動創建子主題，您需要使用 FTP 客戶端或文件管理器。 另外，請注意，這裡我們將創建一個基於 27 歲主題的 style.css 文件。

• 通過 FTP 客戶端或文件管理器，訪問您的public_html > wp-content >主題文件夾
• 在這裡，您應該創建一個新文件夾。 約定說您應該使用父主題的名稱命名此文件夾，但添加 -child 作為後綴。 在這裡，新文件夾的名稱將是二十七孩子。
• 在文件夾中創建一個 style.css 文件並將以下代碼添加到其中：

 /* Theme Name: Twenty Twenty Child Theme URL: http://yourdomain.com Description: Twenty Twenty Child Theme Author: Your Name Author URL: http://yourdomain.com Template: twentytwenty Version: 1.0.0 Text Domain: twentytwenty-child */

• 根據需要調整值。 請特別注意 Template 行，因為它告訴 WordPress 您的子主題與哪個父主題相關。 完成後，保存更改並關閉。
• 使用文本編輯器創建另一個名為 functions.php 的文件，但不要從父主題複製代碼。 將此代碼複製並粘貼到空白文件中：

 <?php add_action( 'wp_enqueue_scripts', 'enqueue_parent_styles' ); function enqueue_parent_styles() { wp_enqueue_style( 'parent-style', get_template_directory_uri().'/style.css' ); } ?>

• 保存並關閉此文件後，訪問您的網站並轉到外觀>主題。 激活子主題，您會發現它看起來就像它的父主題。

使用子主題插件

使用子主題插件可能更容易、更直觀。 例如，您可以使用以下一些插件來使用子主題生成器、子主題配置器或子主題嚮導。 請記住，使用插件也需要一些知識。 例如，您可能需要在不訪問管理區域的情況下禁用插件，因為有時您可能沒有此訪問權限。 做到這一點需要一些技巧。 然而，總的來說，插件通常很容易使用，所以不要害怕使用它們。

使用在線生成器

使用在線兒童主題生成器使這個過程更加容易。 您只需要訪問 https://childtheme-generator.com 並按照步驟操作即可。 創建和下載主題時，轉到外觀>主題並上傳並激活您的子主題。

如何自定義子主題

為了自定義您的子主題，您需要知道如何檢查網頁上的元素並了解基本的 CSS 規則。 為了個性化您的子主題，從活動的子主題中，轉到自定義>附加 CSS。

更改背景顏色

正確的背景在網站的外觀中起著重要作用。 雖然您可以在 WordPress 中添加背景圖片，但這裡我們只討論更改子主題的背景顏色。 為此，請添加以下 CSS 規則：

更改側邊欄顏色

這是您應該插入以更改側邊欄顏色的 CSS 規則：

要更改 WordPress 子主題的字體類型、大小和顏色，請插入以下代碼。 請注意，p 標記代表段落文本。