什么是子主題,為什么如此重要?在本文中,我們將為您提供這些問題的答案,并逐步向您展示如何使用插件或代碼創建和自定義自己的子主題。
如果您想更改網站的主題,您可能已經看到有人告訴您使用子主題。
但是什么是子主題,為什么子主題如此重要?
在這篇文章中,我們將通過介紹子主題以及它們如何使您受益,為您解答這些問題。
然后,我們將逐步向您展示如何使用插件或代碼創建和自定義自己的子主題。
讓我們開始吧!
文章目錄
什么是子主題?
子主題不是獨立主題。它是現有父主題的“兒子”,因此而得名。
您將在父主題旁邊安裝它,它使您可以安全地更改父主題,而無需編輯父主題本身。
子主題將從父主題中提取大部分/所有設計設置。但是,在對子主題進行更改的情況下,該更改將覆蓋父主題中的設置。
子主題的優勢
此時,您可能想知道為什么不能僅直接對父主題進行更改?
這樣做不是一個好主意的主要原因是主題更新。
如果要保持網站的安全和運行良好,則需要在發布時及時應用更新,包括主題更新。
如果您通過直接編輯主題(不包含子主題)來自定義網站,則意味著每次更新主題時,您將覆蓋所有更改。
這意味著您要么:
使用子主題,您可以對子主題進行所有更改。然后,您將能夠更新父主題,而不會丟失任何工作。
除了幫助您安全更新之外,使用子主題通常也可以方便地進行自定義。因為它可以將所有更改集中在一個位置,所以很容易跟蹤所有編輯并根據需要進行調整。
這也使得反轉很容易。例如,如果要停止使用編輯并返回到父主題,則只需禁用子主題即可。
默認情況下,某些現成的主題甚至使用此父/子主題的方法。例如,如果要使用 ,則需要父主題(基本框架)和子主題來控制設計。
何時使用子主題
除了下面將列出的一些例外情況之外,如果您打算對現有的主題進行自己的編輯,則應始終使用子主題。
通常,每當您自定義主題時,最好使用子主題。
但是,該規則有一些例外,即可能有比使用子主題更好的選擇。
首先,如果您只想進行一些小的CSS修改,那么只為進行一些調整而創建子主題可能是過大的選擇。
相反,您可以使用 定制器中內置的其他CSS功能添加自定義CSS。或者,您可以使用免費插件,例如Tom 的 CSS 。
其次,如果要進行獨立于主題的更改,則子主題可能不是最佳選擇。
例如,如果要注冊自定義分類法或自定義文章類型,則可能不想使用子主題的.php文件(因為即使切換主題也要保留這些功能)。相反,您應該只使用插件(如代碼片段)或您自己的自定義插件將插件完全添加到主題之外。
如何創建子主題
既然您知道子主題為何如此重要,那么讓我們開始了解如何為網站創建子主題。
如果您的主題還沒有子主題,則可以通過兩種方式為任何主題創建子主題:
使用免費的子主題生成器插件。手動創建自己的子主題。
我們將向您展示如何執行這兩種方法。
如何使用子主題插件
子主題生成器插件可讓您創建子主題,而無需離開儀表板。
這里最受歡迎的選項是免費的 插件,該插件在超過300,000個站點上安裝。
不僅可以幫助您創建基本的子主題文件,而且還可以掃描您正在使用的任何主題,并根據需要排隊主題和字體樣式表。
如果要在已經添加了內容的網站上創建子主題,它還包括其他有用的功能。例如,它可以將現有的小工具和“定制程序”選項復制到子主題。
但是,如果您打算在實時網站上使用該插件,我們建議您先進行完整備份,然后再繼續。或者,最好在暫存站點上進行所有設置。
一旦準備好備份,就可以從安裝并激活免費的 插件開始。然后,轉到工具→子主題以創建您的子主題。
在“選擇父主題”下拉列表中,選擇要為其創建子主題的主題。然后,單擊分析:
然后,插件將分析您的父主題是否存在任何依賴關系。
完成此操作后,您將看到一些其他選項來配置如何創建子主題。如果不確定特定設置的含義,可以將其保留為默認設置:
完成選擇之后,請點擊底部的按鈕以創建新的子主題。
就是這樣!然后,該插件將為您創建子主題。但是,它不會激活子主題。
要激活它:
激活了子主題之后,“子主題配置器”插件還將包括一些其他有用的工具來幫助您管理子主題。例如,如果轉到插件設置的“文件”選項卡,則可以查看父主題和子主題中的所有關聯文件。
然后,您可以將文件從父主題復制到子主題。
例如,如果要對.php進行一些編輯,則可以將該文件復制到子主題中,以便可以安全地對其進行編輯:
您還將找到許多其他工具來幫助您使用CSS。
我們稍后將介紹為什么這些工具很有用。
如何手動創建子主題
在本節中,我們假設您對PHP和CSS有所了解。如果您不滿意此處的說明,我們建議您堅持使用上一節中提供的免費插件。
要手動創建子主題,您需要創建兩個文件(這些是子主題的最低要求):
.css
首先,創建一個名為.css的文件并添加以下代碼:
確保用您的實際信息替換冒號后面的所有內容:
除了行之外,您輸入的內容并不重要,因此不要過分強調。只要確保正確輸入 父主題的文件夾名稱即可。
如果將來要添加自己的自定義樣式,可以將其添加到樣板代碼下面的此樣式表中。
.php
接下來,您需要為您的子主題創建.php文件。同樣,這是讓您從父主題中引入完整CSS樣式表的原因。
在.php文件中,添加以下代碼:
cripts() {
wp_enqueue_style( 'parent', get_template_directory_uri().'/style.css' );
}
add_action( 'wp_enqueue_scripts', 'child_enqueue__parent_scripts');
將文件上傳到網站
擁有.css文件和.php文件后,您需要將它們作為新主題上傳到網站。
為此,請使用FTP連接到您的網站。
然后,瀏覽到站點的主題目錄(wp-/),并為您的子主題創建一個新文件夾。
例如,如果父主題的文件夾是-,則可以命名子主題文件夾--來幫助您記住它。
然后,將您的.css和.php文件上傳到該文件夾??中:
上傳兩個文件后,您可以轉到外觀→主題并激活您的子主題,就像其他任何主題一樣。
如何安裝子主題
我們在上面的特定方法中談到了其中的一些內容,但讓我們再次探討如何安裝子主題。
如果您是從主題開發者那里下載預制的子主題,而不是自己創建,則這也將非常有用。
您可以像安裝其他任何主題一樣安裝子主題:
在安裝過程中,將檢測到您正在上傳子主題,并檢查以確保父主題存在:
上傳文件后,請確保激活它。
請記住,為了讓您的子主題的工作,你需要同時安裝父主題和子主題。然后激活子主題,同時保留父主題(不能刪除)。
它應該是這樣的:
子主題是激活的主題父主題仍已安裝,但未激活
如何自定義子主題
與自定義常規主題一樣,您可以使用多種選項來“自定義”子主題。
準確地說,您并不是在真正自定義子主題,而是在使用子主題自定義現有主題(父主題)。
首先,我們將向您展示一些使用代碼自定義子主題的方法。然后,我們將分享一種使用 定制主題的更簡單方法。
使用代碼自定義子主題
如果要使用代碼自定義子主題,則需要具有CSS,HTML和PHP的良好使用知識。
您可以執行以下操作:
添加自定義CSS
要使用CSS自定義子主題,可以將CSS直接添加到子主題的.css文件中。
在文件頂部現有代碼下方添加CSS。
只要您使用相同的選擇器,添加到子主題的任何CSS都會覆蓋父主題。
覆蓋現有模板
如果要覆蓋父主題的模板,則可以:
例如,如果要編輯.php,則應首先將.php文件從父主題復制到子主題(請確保保留相同的目錄結構如何創建和自定義WordPress子主題,如果適用)。
然后,您可以在子主題的.php版本中編輯代碼。
注意:只要名稱相同,就會使用子主題中的模板。因此,您實際上是在“覆蓋”父主題中的現有模板。
如果您使用上面提到的 插件,它可以幫助您將文件復制到您的主題,而無需離開儀表板。
添加新模板
除了復制和編輯父主題的現有模板之外,您還可以在子主題中創建新的自定義模板。
例如,如果要為添加的自定義文章類型創建模板,則可以將該模板添加到子主題中。
拓展閱讀:使用的子主題功能修改你的主題
使用 自定義子主題
注:如果您的父主題是使用 可視化編輯器的,并且你使用的是收費版的 Pro,那可以通過它的 功能來自定義子主題,否則,你可以跳過這個部分的內容,繼續往下看。
如果您不熟悉, 可讓您使用可視化的拖放界面自定義部分或全部主題。
使用 Pro和 ,您可以為網站的以下網站創建自定義模板:
這些模板可與您的子主題和父主題一起使用。
使用 ,您無需直接使用代碼。無需添加自定義CSS或復制PHP模板文件-您只需拖放即可完成所有操作。
例如,假設您要自定義子主題的頁眉。無需將.php文件復制到子主題然后編輯PHP,只需使用的可視化拖放界面設計一個新的頁眉即可。然后,您可以將該頁眉應用于網站上的任何地方,也可以僅應用于網站的特定部分。
如果您不了解CSS,HTML和PHP,則這種無需代碼的方法使您仍然可以自定義子主題。即使這樣做,與嘗試直接在模板文件中使用PHP相比,這種可視化方法仍可以節省大量時間。
使用 創建新模板時,將可以選擇模板的類型。例如,頁眉/。
然后,您可以從空白開始,也可以選擇 Pro的預制模板之一:
從那里,您可以使用拖放和側邊欄選項來控制頁眉的外觀:
完成后,您可以精確選擇要使用此頁眉模板的位置:
要了解更多信息,請查看 可以做的所有事情。
如何刪除子主題
如果您想停止使用子主題,可以像常規主題一樣停用它:
請記住 – 如果您停用子主題并返回到父主題,那么通過子主題添加的所有更改將不再存在。
相反,您將回到父主題的設計。
立即開始使用子主題
子主題可幫助您安全地更改主題。
您的子主題將從其父主題繼承所有樣式,但是您對子主題所做的任何更改都將覆蓋父主題。這意味著您可以安全地更新父主題,而不會丟失對子主題所做的更改。
要開始使用子主題,您可以:
從那里,您可以使用CSS、HTML和PHP自定義子主題。或者,您可以跳過代碼,并使用 使用可視化的拖放界面自定義主題。
您還對使用子主題還有任何疑問嗎?在評論部分讓我們知道,我們將盡力提供幫助!
注:本文內容出自 ,由 大學 翻譯整理。
繼續閱讀:
聲明:本站所有文章,如無特殊說明或標注,均為本站原創發布。任何個人或組織,在未征得本站同意時,禁止復制、盜用、采集、發布本站內容到任何網站、書籍等各類媒體平臺。如若本站內容侵犯了原著者的合法權益,可聯系我們進行處理。
免責聲明:本文系轉載自其它媒體,版權歸原作者所有;旨在傳遞信息,不代表本站的觀點、立場和對其真實性負責。如需轉載,請聯系原作者。如果來源標注有誤或侵犯了您的合法權益等其他原因不想在本站發布,來信即刪。