使用子主題配置器在 WordPress 中創建子主題

已發表: 2022-11-07

子主題是從父主題繼承其功能的 WordPress 主題。 當您想要更改現有主題而不失去更新父主題的能力時,通常會使用子主題。 創建子主題最簡單的方法是使用像 Child Theme Configurator 這樣的插件。 該插件將允許您輕鬆創建子主題並對其進行更改,而無需編輯任何代碼。 安裝並激活插件後,您需要選擇一個父主題作為子主題的起點。 然後您可以開始對子主題進行更改,例如添加您自己的 CSS 或修改模板文件。 完成更改後,您只需激活子主題,您的更改就會在您的網站上生效。

本文將介紹您必須使用 Child Theme Configurator 插件的步驟。 在這種情況下,插件將通過將其附加到父主題的名稱來創建子主題的目錄名稱。 我們相信免費擴展對初學者來說已經足夠了,但也有高級擴展可用。 使用 Child Theme Configurator 插件,您可以快速輕鬆地為您的網站創建新的子主題。 該插件允許您以兩種方式保存子主題的樣式表。 您的子主題的目錄必須填充一個 style.css 文件,該文件可以使用主要樣式表選項創建。 如果你有Genesis這樣的主題框架,你可以選擇忽略父主題樣式表

您可以從您的父母更改您孩子的菜單、小部件和其他自定義設置。 當您選擇所有必要的自定義時,您將能夠創建一個新的子主題。 您可以通過單擊“文件”選項卡查看所有可修改的模板。 您可以通過兩個選項卡從父主題中識別樣式:查詢/選擇器和屬性/值。 在手動子主題中,主要問題是找到 CSS 屬性和選擇器。 使用 Child Theme Configurator 插件可以輕鬆解決此問題。 使用 @import 查詢導入任何 Web 字體,例如 Google 字體,就像將它們拖放到 Web Fonts 選項卡中一樣簡單。

在父/子選項卡下,您可以刪除、複製或分析子主題。 如果您使用此插件在您孩子的名字中有一個有效的子主題,您將只能看到這些選項。 在 WordPress 管理儀表板中,您可以在外觀下找到新創建的子主題。

如何在 WordPress 中使用子主題?

圖片來源:wp

如果要在 WordPress 中使用子主題,首先需要安裝子主題。 然後,您可以通過轉到 WordPress 管理面板中的外觀 > 主題頁面來激活它。

因為 WordPress 子主題可以使用父主題或框架中的強大功能進行自定義,所以它們非常適合創建可自定義性。 主題可以從另一個主題複製並修改,而無需修改其父主題的代碼,因為所有功能和外觀都是從其父主題複製的。 什麼是 WordPress 子主題,為什麼我應該將其視為我的默認主題? 如果您的子主題是 zip 文件,您必須首先單擊“上傳主題”按鈕。 父主題的安裝將取決於 WordPress.org 主題目錄中可用的主題。 如果您不希望腳本自動安裝,這將通知您必須手動安裝父主題。 一旦您安裝了父主題和子主題,您就可以激活子主題。 無需激活父主題即可使用子主題。 我們關於在 WordPress 主題中編輯哪些文件的指南也可以在這裡找到。

當您使用子主題時,WordPress 會為您處理所有管理細節,包括創建永久鏈接結構、上傳適當的版權聲明以及創建必要的文件和文件夾。 對於任何想要在不重寫任何代碼的情況下更改其網站外觀的網站所有者來說,這是一個絕佳的選擇。 修改您網站的外觀和感覺需要以下步驟:您必須下載並安裝父主題並激活它,然後是子主題。 在 WordPress 主題存儲庫中,有大量免費和高級兒童主題可供選擇。 如果您沒有找到所需的內容,WordPress 主題創建工具可以幫助您創建自己的主題。 使用子主題允許您自定義您的 WordPress 網站,而無需重寫任何代碼。 WordPress 主題 GitHub 是各種免費和高級兒童主題的所在地。 如果找不到所需的內容,您可以隨時使用 WordPress 主題創建工具創建自己的主題。

為什麼使用兒童主題?

使用這兩個文本,一個子主題可以讓您加快 WordPress 網站的開發,同時還可以對其進行自定義。 如果您使用的是父主題,您可以隨時刪除對主題文件所做的任何更改。 如果您需要自定義功能或想要覆蓋主題模板,您應該使用子主題。

我可以刪除子主題配置器嗎?

是的,創建子主題後,您可以刪除主題編輯器插件。

你可以卸載主題嗎?

為了開始,您必須首先導航到外觀。 在主題頁面上,您可以刪除主題。 現在,當 WordPress 處於活動狀態時,主題詳細信息將在彈出窗口中可見。 要從計算機中刪除項目,請按彈出窗口右下方的刪除按鈕。 然後將要求您確認是否要刪除該主題。

什麼是兒童主題插件?

簡而言之,子主題配置器插件是一種快速簡單的方法來分析任何主題的常見問題,創建子主題,並在定制器的能力之外對其進行自定義。 使用此工具,您可以組合現有父佈局中的各種子主題。

如何將代碼添加到子主題?

圖片來源:droplr

您可以通過幾種不同的方式將代碼添加到子主題。 一種方法是在子主題的目錄中創建一個新文件並在那裡添加您的代碼。 另一種方法是直接將代碼添加到子主題中的現有文件中,例如functions.php 文件。

如果您想將自己的代碼添加到主題中,您應該使用子主題。 WordPress 子主題是一種安全便捷的更改方式,無需更改父主題的文件。 Zakra 兒童主題有一個 zip 文件,您可以直接下載。 在 zakra-child 文件夾中創建一個名為 style.css 的文件,其中將包含如下所示的信息。 這是在添加文件後保存文件所必需的。 還需要確保父主題安裝在子主題中。 將代碼添加到模板文件就像調整模板文件一樣簡單。 如果要對 header.php 文件進行更改或添加代碼,必須先複製父主題的父主題的 header.php 文件,然後將其粘貼到子主題中。

如何將代碼片段添加到 WordPress 主題

WordPress 主題的代碼片段可能很難添加,但如果您使用 WordPress.com 的 WPMU DEV 之類的代碼編輯器,則不會。 下載並安裝 WPMU DEV 後,您可以訪問 FTP 客戶端中的主題文件夾,從中可以找到主題。 通過右鍵單擊主題文件並選擇“在 DEV 中打開”,您可以進入 WPMU。
您現在可以在編輯後將代碼片段添加到您的 WPMU DEV 主題文件中。 在添加代碼片段之前,需要先打開 WPMU DEV 文件。 要添加代碼片段,只需單擊“添加代碼片段”按鈕。 添加代碼片段窗口現已添加。 該片段可以添加到此窗口,您可以在添加代碼後保存它們。

WordPress中的主題和子主題有什麼區別?

圖片來源:pinimg

從本質上講,子主題是一種與父主題相同的主題,父主題是一種包括功能和样式的主題。 子主題是更新現有主題的好方法。

它是父主題的副本,但沒有顯示它所需的所有文件。 根據您的需要和興趣,您可以更改子主題的 style.html、function.php 或 functions.html 文件。 它使開發人員和設計人員能夠自定義主題並保留原始模板。 創建子主題是為了適應對父主題的微小更改,同時保留父主題的原始模板。 擁有一個子主題可以節省您的時間並讓您快速學習新事物,因為它缺少很多文件但只包含兩個。 此外,它使調試更容易,因為您不必搜索信息。 有兩種類型的主題可以工作:父主題和由父主題確定的子主題。 子主題中有兩個文件style.html和function.html,而不是整個文件列表。 儘管開發人員已經刪除了您的父主題,但您仍然可以使用開源主題,只要您不使用其中任何一個即可。

子主題:如何包含父主題文件

父主題文件包含在與子主題相同的目錄中至關重要,無論它是子主題還是父主題的子主題。 如果這沒有發生,子主題將不會被激活。

子主題配置器插件

Child Theme Configurator 是一個 WordPress 插件,可讓您輕鬆創建、編輯和管理 WordPress 站點的子主題。 使用此插件,您可以輕鬆自定義子主題的 CSS、HTML 和 PHP 代碼,而無需編輯父主題的代碼。 此插件還允許您在發布之前預覽子主題的更改。

更改 WordPress 主題的最佳方式是通過子主題選項。 您可以更改子主題中的自定義 CSS 樣式,以保留原始主題以及將來可以更新的主題。 我們將在本教程中向您展示如何使用 Child Theme Configurator 插件通過幾個簡單的步驟創建這些模板。

如何在多站點網絡上安裝 WordPress 子主題

如果您使用的是 WordPress 多站點網絡,您應該為每個站點安裝子主題。 將子主題文件夾複製到站點有兩種選擇:FTP 或構建一個 zip 文件,您可以通過單擊外觀上傳該文件。

子主題配置器教程

子主題配置器教程是學習如何為您的 WordPress 網站設置子主題的好方法。 通過遵循教程,您可以確保正確配置和設置您的子主題以與您的特定 WordPress 網站一起使用。 此外,教程可以幫助您了解子主題配置器的各個方面以及如何充分利用它。

此子主題不加載配置器樣式表

此子主題不加載配置器樣式表。 這可能是因為配置器樣式表未包含在子主題中,或者因為子主題未正確加載配置器樣式表。 嘗試檢查子主題的文檔或聯繫子主題作者尋求幫助。

一旦檢測到呈現的主題,分析器就會配置您的子主題。 子主題配置器允許您從已安裝的主題(甚至現有主題)中進行選擇。 您的主題的結果現在應該保存在您的主題目錄中。 當您激活子主題時,您的 WordPress 網站將自動採用自定義樣式,因此請立即執行此操作。 在 IntelliWidget 中,可以組合一組不同的插件來創建一個既實用又靈活的小部件管理器。 使用子主題配置器,您可以根據 CSS 選擇器和屬性搜索樣式。 您可以通過單擊查詢/選擇器選項卡來編輯特定的 CSS 選擇器。

Hook Highlighter 的內部程序流程為管理員提供了 WordPress 程序流程的清晰圖片。 單擊或按住鼠標從列表中進行選擇。 Property/Value 讓您可以找到某個屬性的特定值,然後在 Property/Value 選項卡中為特定 CSS 選擇器編輯該值。 通過在 Web Fonts 選項卡上的 textarea 中鍵入 @import 規則,您可以添加其他樣式表和 Web 字體。 選擇您要復制的模板,它將被添加到子主題的目錄中。 主題編輯器可用於編輯主題。 通過選中這些框,您可以從子主題中刪除圖像。

媒體庫中的圖像是最佳選擇。 此處無法複製functions.php 文件。 子主題負責自動選擇對父主題的更改。 任何看似隨意的評論都是不允許的。 子主題必須啟用網絡才能預覽和激活網絡站點。 有一些商業主題不能正確加載父模板或使用樣式表或 PHP 文件自動加載子主題。 您的子主題通常位於您的主題文件夾中(請參閱 [wordpress]/wp-content/themes/child-theme)。

如果您想防止將來發生這種情況,請始終使用實時預覽(主題定制器)功能測試子主題。 要將許多選項複製到子主題,請轉到父/子選項卡並選擇複製父主題菜單、小部件和其他選項。 要編輯樣式,請開始在文本框中輸入內容。 它包括不與任何 At-rule 綁定的樣式,使其成為查詢組。 文件選項卡允許您複製父主題模板文件。 如果要添加新模板或目錄,則需要通過 FTP 或 SSH 上傳它們。 您可以使用“屬性/值”選項卡全局更改特定值。

通過從查詢/選擇器選項卡中拖動原始 CSS 文本區域,您可以添加查詢和選擇器。 如何構建跨瀏覽器漸變? 子主題配置器僅支持雙色漸變過渡,沒有中間停止。 如何使主題具有響應性? 在短期內,響應式父主題是最好的解決方案。 您可以通過單擊此處了解有關創建響應式主題的更多信息:製作主題響應式。 安裝說明可以在插件存儲庫中找到:。

從 WordPress 管理菜單中選擇已安裝的插件。 在列表中,查找 Child Theme Configurator 並單擊它。 您可以通過單擊工具鏈接訪問這些工具。 多站點網站的用戶可以使用網絡管理主題作為子主題。

如何解決 WordPress 中的子主題錯誤

一個主題在沒有子主題的情況下運行良好的情況並不少見,但有時您可能需要一個。 兒童主題對於想要在不影響父主題的情況下添加新功能的 WordPress 網站特別有用。 如果您在使用子主題時遇到困難,可能是因為您沒有遵循本文中概述的步驟。 解決任何問題; 這裡有幾點建議: 為確保您使用的是子主題,請檢查它是否已啟用。 通過返回您的 WordPress 儀表板,您可以訪問外觀部分。 它應該是子主題,應該與主題的其餘部分分開。 您可以通過單擊主題名稱旁邊的激活按鈕以通常的方式開始您的網站。 如果您的子主題的文件結構不正確,您應該仔細檢查是否正確。 如果您的子主題與父主題不屬於同一目錄,您可能需要更改 my_theme_enqueue_styles 函數的優先級以在父主題之後運行。 您可以通過使用 add_action 的第三個參數來完成此操作。 將子主題樣式排入隊列後,您將能夠按預期使用 CSS。 如果您孩子的主題使用了正確的關鍵字,您應該仔細檢查它。 如果您遇到問題,該主題可能無法正常工作。 子主題的 index.html 文件包含 style> 標籤,您可以使用它來確定這一點。 如果您在帳戶中看不到它們,則需要手動添加。 檢查您的子主題中的文件是否正確。 如果您的子主題無法正常工作,很可能是由於文件不匹配。 為此,打開子主題的 index.php 文件並查找 head> 和 body> 標記。 如果您仍然遇到問題,您可能需要重新安裝您的子主題。 WordPress 主題目錄可用於下載和安裝您孩子的主題。

WordPress兒童主題插件

WordPress 子主題插件是創建自定義 WordPress 網站而無需編輯主主題代碼的好方法。 通過創建子主題,您可以在不影響主主題的情況下對 CSS、模板和功能進行更改。 這使您可以在不丟失自定義設置的情況下更新主題。

WordPress 子主題包含另一個稱為父主題的所有功能。 子主題在設計上更加靈活,可以讓您做出更令人滿意的決定。 此外,即使您更新了系統,他們仍將繼續保留對您的設計和代碼的任何和所有更改。 在本教程中,我將引導您完成使用插件創建子主題的步驟。 使用 Child Theme Configurator 插件,您可以為您的 WordPress 網站創建一個新的子主題。 WordPress修改後,您可以使用插件保存子主題。 您還可以選擇該插件的 Pro 版本,讓您對自己的網站可以做的事情有更多的權力。

如果該功能成功,您將在頁面頂部看到您的新子主題。 因為您的新 WordPress 子主題已經存在,所以您無需擔心。 您有權瀏覽某些文件並按照您認為合適的方式操作代碼。 該插件的開發人員創建了大量教程來幫助您瀏覽插件。

為什麼使用兒童主題?

兒童主題與 WordPress 主題的不同之處在於它們是為兒童設計的。 WordPress 主題是您網站的基礎,允許訪問者查看您創建的內容。 WordPress 主題是定義站點外觀和感覺的文件集合。 將子主題添加到您的 WordPress 主題是向其添加內容的好方法。 建議在保留其設計和編碼的同時修改子主題。 子主題和 WordPress 主題之間的區別在於 WordPress 主題是您網站的基礎,而子主題是包含在現有 WordPress 主題中的擴展。 兒童主題與 WordPress 主題不同,因為 WordPress 主題是您網站的基礎。