如何在您的子主題中創建小部件

如果您想在基本更改之外自定義您的 WordPress 網站，您需要學習如何在您的子主題中創建小部件。 WordPress 小部件是可以添加到網站側邊欄或其他小部件就緒區域的小塊內容。 這些區域通常位於您網站的頁腳或頁眉中。 小部件可以包含從文本和圖像到視頻和音頻播放器的任何內容。 您甚至可以找到將側邊欄變成社交媒體源的插件。 在本文中，我們將向您展示如何在您的子主題中創建一個小部件並解釋使用它的好處。

我製作了一個兒童主題，我想在頁腳上方添加一個贊助徽標區域。 我認為這樣做的方法是使用小部件？ 如何創建新的小部件或利用現有的頁腳小部件之一，以便它顯示在我想要的位置？ 通過外觀。 如果您想要完全控制側邊欄或想要更改其設置，則需要執行第 1 步。 在技​​術上可以完成您的要求，但需要定制開發。 您可以查看 https://theme.co/x/member/custom-development 了解更多信息。

如何在 WordPress 中創建自定義小部件？

您可以從外觀菜單中找到並選擇小部件。 您應該在小部件可用列表中看到 Hostinger 示例小部件。 通過拖動小部件，您可以將其上傳到頁面右側的側邊欄。 進行更改後，您可以訪問您的網站。

WordPress 小部件是添加到特定小部件區域的一小部分內容集合。 有多種類型的小部件可讓您在任何頁面上顯示各種類型的信息，具體取決於您放置它們的位置。 一些小部件可作為標準功能使用，而其他小部件可作為插件或主題使用。 如果您要創建基本小部件，則必須將上面列出的所有四種方法都包含在您的類中。 要在儀表板中使用小部件，您還必須使用 register_widget() 函數註冊它。 在研究我們為本文提供的示例之前，我們將回顧代碼的每個部分的目的，並解釋為什麼每個部分都很重要。 Custom_Widget 的四個方法中的每一個都是唯一的。

小部件是使用 custom_widget 參數通過 __construct() 方法創建的。 通過最後使用 register_widget() ，可以註冊相同的小部件。 因為每個部分都必須使用 if*...* 語句添加到小部件選項中，所以我們確保它僅在包含時才顯示。 widget() 方法提供了一種顯示多段文本的方法，我們使用了 nl2br() 函數來做到這一點。 sanitize_text_field() 函數刪除任何不必要的空格、製表符或換行符。 最後一個在選擇字段中也有一個默認值設置為默認值，這意味著鏈接目標默認設置為 -blank。 您可以選擇標題、文本、鏈接以及鏈接是否應出現在新選項卡中。

填寫完選項後，按保存按鈕。 如果您為小部件選擇不同的主題，它將以不同的方式輸出。 在我們的例子中，Lekker WordPress 有一個與下圖類似的小部件。

如何創建子主題

要創建子主題，您需要為子主題創建一個新文件夾並添加一個樣式表。 子主題將繼承父主題的樣式和功能，但您可以在子主題的樣式表中添加自定義 CSS 規則以覆蓋父主題的樣式。 您還可以將自定義函數添加到子主題的 functions.php 文件中以覆蓋父主題的函數。

只要不繼承父主題的功能，您就可以向子主題添加新功能。 子主題和父主題之間沒有聯繫； 子主題與父主題分開。 使用子主題，您可以使您的網站保持最新並輕鬆維護它。 它還將幫助您減少覆蓋和丟失網站外觀的可能性。 重要的是要注意子主題包含與父主題相同的所有元素。 我們在此類別中包含所有模板文件、函數和資產，例如 JavaScript 和圖像。 可以更改子主題的 style.css 文件以滿足孩子的需要。

為您的孩子創建WordPress 主題的最簡單方法之一是使用插件。 如果您的父主題顯示錯誤消息，請從下拉菜單中選擇它並雙擊分析。 接下來，系統會要求您輸入子主題的目錄。 文件夾名稱將出現在構成您網站的文件中。 如果該術語對您的網站來說是唯一的，您可以隨意命名。 如果您打算使用您的父主題作為新主題的基礎，您可能需要包含簡短描述和唯一名稱。 如果您想對您的網站進行更改，請確保在此之前它已啟動並運行。

您可以通過手動創建WordPress 子主題在特定時間點進行所有您想要的更改。 第 1 步是為您孩子的主題創建一個文件夾。 來自父主題和子主題的樣式表。 是時候重命名 style.css 文件了。 第四步是將 style.css 文件包含在子主題的目錄中。 如果您轉到外觀，您將能夠手動配置您的子主題。 使用子主題可確保您不必直接編輯父主題。

您可以使用子主題輕鬆對您的網站進行重大更改，因為它易於調整。 您還必須找到可靠的託管服務提供商。 DreamHost 的共享主機包將使您以可承受的價格提高網站的性能。

創建兒童主題時要記住的 3 件事

創建子主題需要您創建一個文件夾來存儲主題。 在該文件夾中設置樣式表和函數。 然後，在子主題文件夾中，複製父主題的文件。 去睡覺吧。
應該從幾個方面考慮兒童主題。 請記住在第一步中包含父主題的文件名。 例如，如果您的父主題是 WPBakery Page Builder，則您的子主題應命名為 WPBakery Page BuilderChild。 第二件事是保存父主題的文件，除了樣式表和functions.php 文件。 確保主題的文件是最新的並且它們位於正確的位置。
如果您正在為插件創建子主題，您需要將插件的文件保存在子主題文件夾中。 WPBakery Page Builder 插件子主題應包括 WPBakery Page Builder 插件的文件夾以及 WPBakery Page Builder 插件的子主題文件夾。

WordPress兒童主題

WordPress 子主題是繼承另一個主題（稱為父主題）功能的主題。 子主題是修改現有主題的推薦方式。 當子主題被激活時，它將覆蓋父主題的樣式表、模板文件和函數。

使用 WordPress 平台，您可以完全自定義網站，而無需了解 HTML、CSS 或 PHP。 缺點是開發人員更新主題後對主題所做的任何更改都將被刪除。 除了使用子主題，您可以使用一個允許您對網站進行更改而無需重新修改原始文件的主題。 現有主題的文件可以修改或添加為子主題。 此主題只會更改您要更改的部分，並將使用父主題中的相同部分。 子主題最重要的三個部分是文件夾、樣式表和functions.html 文件。 子主題必須具有三個組件：它自己的文件夾、樣式表和它的 functions.php 文件。

與所有主題一樣，子主題位於 WordPress 安裝的 WP-content/themes 中。 您需要做的就是輸入主題的名稱和模板。 重要的是要記住，只有您打算使用您的主題，而不是我。 functions.php 文件是使您能夠更改和添加功能和特性到 WordPress 網站的代碼庫。 創建文件就像創建樣式表一樣簡單。 如果您將來不打算使用 PHP 來修改您的主題，您可以不使用它。 如果您使用的是父主題，您可能已經知道您的網站應該是什麼樣子。

要獲得此狀態，您必須複製並粘貼父主題的樣式表。 您可以使用 CSS 或 @import 規則來做到這一點。 如果其他一切都按計劃進行，您孩子的主題應該與其父主題完全相同。 我們現在可以開始定制我們的主題並改變周圍的事物以達到預期的結果。 自定義可以通過多種方式執行，我們將介紹其中的很多方式。 自定義樣式可以添加到子主題，但不能添加到父主題。 按照以下步驟，您可以對您的網站進行任意數量的更改。

確保子主題遵循與父主題相同的文件夾結構。 如果您想修改父主題中名為 page templates 的文件夾中的文件，您將在子主題的目錄中創建一個名為 page templates 的文件夾。 我們只需從父主題重命名 custom-full-width.php 即可創建我們的自定義頁面模板。 例如，在 footer-custom.php 中，我們在 footer 元素中創建了一個全角類。 唯一剩下的就是在我們的樣式表中輸入一些代碼。 結果，您可以看到我們的全角頁面。 我們很好，直到我們需要打磨它。

主題掛鉤允許您自定義子主題，而無需修改核心文件。 主題掛鉤是出現在主題文件中的小圖標，允許您添加內容、功能和其他項目。 鉤子有兩種：動作鉤子和過濾器鉤子。 過濾器鉤子修改在鉤子位置找到的函數，而動作鉤子將自定義功能添加到現有函數。 在 WordPress 中構建子主題很簡單：您只需要一行代碼。 出於這個原因，我們打算針對處理二十五主題中的頁腳信用的函數。 應刪除子主題中 functions.html 文件中修改後的 footer.php 文件。

子主題中的鉤子可以以多種方式使用。 如果我們使用子主題，我們可以完全自定義網站，而無需更改其底層文件。 如果您想添加主題或框架，您無需從頭開始編寫，您的更改不會被更新； 如果出現問題，主題將永遠存在。

3 個兒童主題有利的場合

在某些情況下，兒童主題會是有益的。 父主題不包括所有必要的功能。 父主題發生了變化，但這些沒有出現在子主題上。 它與最新的 WordPress 更新不兼容。

如何在 WordPress 中逐步創建子主題

子主題是從另一個 WordPress 主題（稱為父主題）繼承其功能的 WordPress 主題。 當您想要自定義或更改現有 WordPress 主題的樣式而不失去更新該主題的能力時，通常會使用子主題。 為了創建子主題，您需要對如何使用 PHP 進行編碼有一個基本的了解。 創建子主題後，您可以在子主題的目錄中添加自己的自定義項。
1. 為您的子主題創建一個新目錄。
2. 為您的子主題創建樣式表。
3. 在您的子主題中包含樣式表。
4.激活子主題。

如何在 WordPress 中創建子主題

您可以通過創建新文件夾將主題附加到名為 child 的文件夾中。 然後，您將在同一文件夾中擁有一個子樣式表。 要完成任務，請創建一個函數。 您應該將 child.php 文件包含在與 parent.php 文件相同的文件夾中。 在開始使用新的子主題之前，您需要復制 WordPress 核心文件。 子主題繼承其父母的文件和設置，因為這是他們的責任。 因此，如果您想使用任何父主題的功能或設置，您必須將它們複製到您的子主題中。

自定義 WordPress 小部件

自定義 WordPress 小部件是一種 WordPress 插件，可讓您將自定義小部件添加到 WordPress 網站。 自定義 WordPress 小部件通常由第三方開發人員創建，可以在 WordPress.org 插件存儲庫中找到。

除了包含文本小部件之外，WordPress 還能做什麼？ 本教程將引導您完成創建自定義 WordPress 小部件的步驟。 如果您是編程新手，本教程可能不適合您。 我們建議您查看我們的 WordPress 初學者開發系列以了解更多信息。 必須使用構造函數來指定小部件的 id、標題、類名和描述。 使用 widget() 方法，您可以生成小部件的實際內容。 對於我們的示例，我們將使用 get_bloginfo() 來顯示小部件的標題。

否則，您只需使用WordPress 文本小部件來創建頁面。 整個 widget() 方法必須嵌套在 jpen_Example_Widget 實例中。 form() 方法用於將設置字段添加到將顯示在 WordPress 管理區域中的小部件。 這是許多具有很多選項的小部件的名稱。 對於我們的示例小部件，我們只想讓用戶可以為其添加自定義標題。 我創建了一個教程來向您展示如何將任何 HTML5 模板轉換為 WordPress 主題。 要列出所有類別，請按字母順序對其進行排序，然後將它們排列在兩個列表中。

來自博客文章 HTML5 模板的第二個小部件將是類別列表側邊欄小部件。 使用 WP_Widget 類來開發自定義側邊欄小部件至關重要。 您需要磨練自己的知識才能創建最強大的自定義小部件。 如果您將注意力集中在所有五個功能上，您將能夠根據任何想法創建 WordPress 小部件。

如何向 WordPress 小部件添加自定義樣式？

外觀部分可以在這裡找到。 通過在小部件頁面上單擊來選擇要添加自定義樣式的小部件。 之後，您必須向下滾動到“阻止面板”下的“高級”選項卡。 可以通過單擊添加自定義 CSS 類。 通過單擊更新按鈕，您可以保存更改。

如何更改 WordPress 小部件的外觀？

在 WordPress 管理屏幕中，轉到外觀 > 自定義。 您可以通過單擊主題定制器中的小部件菜單訪問小部件定制屏幕。 要查找已註冊的小部件，請單擊小部件區域中的向下箭頭。