創建 WordPress 子主題的教程

我們中的許多人都想在主題中定制一些東西。 您是否還想在您正在使用的主題中添加或編輯某些內容？ 如果是的話，那麼你來對地方了，我的朋友。 這篇文章是一個關於創建 WordPress 子主題的簡單而全面的教程。

如果主題有很多自定義選項，那麼這可能有助於滿足您的需求。 但是無論有多少可用的選項，您當前的主題仍然可能無法做到或不是您喜歡的方式。 因此，如果您對代碼和 WordPress 感到滿意，那麼您可以深入研究主題文件並開始編輯它，花費幾分鐘、幾小時將您喜歡的更改添加到主題中，結果卻發現您在下一個主題時丟失了這些更改更新滾動。

因此，為了避免這種情況，我們的英雄稱為兒童主題。 創建子主題允許您對站點進行更改，而無需更改原始主題代碼中的任何內容。 即使您只是進行一些細微的調整，花幾分鐘創建一個子主題也是值得的。

注意：要在您的網站中進行簡單的 CSS 更改，您可以使用 WordPress 4.7 中添加的附加 CSS框，而不是創建子主題。 即使您更新主題，這些通過附加 CSS框所做的更改仍將保留在那裡。 但是，如果您正在尋找其他附加更改，例如編輯 PHP 文件，則必須創建子主題。

所以，我認為這將涵蓋“為什麼要創建兒童主題？” 題。 所以，讓我們繼續創建一個子主題。

如何創建 WordPress 子主題？

在本教程中，我們將展示如何為我們自己的流行主題Spacious創建子主題。

步驟1：

在您的主題目錄中創建一個新文件夾。 您可以使用 cPanel 或通過 FTP 執行此操作。 主題目錄是 wp-content/themes。 所以，讓我們將該文件夾命名為square-child。 您可以隨意命名，但請記住文件夾名稱中不應有任何空格。 將子主題命名為父主題加上末尾添加的-child是一種常見的方法。

第二步：

在寬敞的子文件夾中創建一個名為style.css的文件並填寫如下所示的信息。

/*
Theme Name: Spacious Child Theme
Theme URI: http://themegrill.com/themes/spacious/
Description: Spacious Child Theme
Author: ThemeGrill
Author URI: http://themegrill.com
Template: spacious
Version: 1.0
*/

/* =Theme customization starts here
------------------------------------------------------- */

添加這個並保存文件。

要記住的要點：

• 模板名稱（在本例中為寬敞）應與父主題的文件夾名稱匹配，並確保名稱後沒有空格。
• 可以根據需要添加或更改其他詳細信息。

第三步：

創建一個名為functions.php的文件，就像您在第二步中創建的“style.css”一樣。 並填寫如下信息。

<?php
/**
 * Child theme functions file.
 */
function spacious_child_enqueue_styles() {
	// Parent theme style handle 'spacious_style'.
	$parent_;

	// Enqueue parent and child theme style.css.
	wp_enqueue_style( $parent_style, get_template_directory_uri() . '/style.css' );
	wp_enqueue_style( 'spacious_child_style', get_stylesheet_directory_uri() . '/style.css', array( $parent_style ), wp_get_theme()->( 'Version' ) );
}

add_action( 'wp_enqueue_scripts', 'spacious_child_enqueue_styles' );

在創建子主題時， style.css和functions.php文件是必需的，而模板文件，其他文件是可選的，可以根據需要創建。

最後，要激活子主題，請在儀表板中轉到外觀->主題。 查找您創建的子主題並激活它。 就是這樣。 此外，請確保父主題也存在於已安裝的主題中，以便子主題正常工作。 如果您現在訪問您的站點，它應該看起來與激活父主題時一樣。 但是，您可能需要重置定制器中的某些設置。

修改主題的 CSS

如果要修改主題的 CSS，可以在 style.css 文件的末尾添加 CSS 並保存。 這些 CSS 行將覆蓋父主題 CSS。

例如，假設我們要改變網站標題的字體大小寬敞的主題為36px默認值42px ，也從改變其顏色#444444默認為藍色（ #0000FF ）。 然後你可以添加下面的 CSS 行。

/*
Theme Name: Spacious Child Theme
Theme URI: http://themegrill.com/themes/spacious/
Description: Spacious Child Theme
Author: ThemeGrill
Author URI: http://themegrill.com
Template: spacious
Version: 1.0
*/

/* =Theme customization starts here
------------------------------------------------------- */
#site-title a {
	color: #0000FF;
	font-size: 42px;
}

做出進一步的改變

編輯其他主題文件
您還可以通過調整模板文件對主題文件進行結構更改。 假設您想要一些更改或想要在標題中添加一些額外的代碼。 然後，您可以復制父主題的 header.php 文件，粘貼到子主題中並在那裡進行/添加更改並保存文件。 此 header.php 文件將加載而不是父主題的 header.php 文件。

包起來

希望現在您能夠創建子主題並進行您喜歡的自定義。 想說點什麼？ 在評論中添加它，我會回复你。 享受！