dark

WordPress兒童主題 – 入門指南

2019年8月7日

在本文中，我將討論WordPress子主題：它們是什麼，它們的優點（和缺點），以及如何開始使用WordPress子主題開發，以及您應該檢查的其他資源！

什麼是WordPress兒童主題？

簡單來說，子主題是一個WordPress主題，它借用了不同主題的模板文件和其他相關功能。因此，讓我們說，如果我們要創建一個自定義主題，借用WordPress默認主題Twenty Seventeen的功能和模板，我們的新主題將被稱為Twenty Seventeen的子主題，而後者又將被稱為父主題為我們的孩子主題。

因此，由於大多數功能和模板文件都以父主題為基礎，因此子主題通常只有一個style.css文件，該文件指定從父主題派生的功能以及父主題的哪些方面將在子主題中進行更改或修改。

厭倦了緩慢的WordPress主機和subpar支持？我們在Kinsta做不同的事情。查看我們的託管計劃

因此，子主題背後的主要動機是定製或調整給定的父主題以使其適合我們的需要，同時，不使用實際的主題文件，因為如果父主題被更新，我們可能會失去我們的變化

使用WordPress兒童主題的優點

使用WordPress子主題的優點很多，例如：

  1. 輕鬆擴展和自定義：很明顯，子主題擴展了其父主題的功能。您已經以父主題的形式在您的服務中擁有一個現成的模板，您需要做的就是為您的子主題創建一個單獨的style.css文件，並根據您的需要添加自定義調整。
  2. 無憂無慮的更新：一次又一次，隨著WordPress的發展，主題和插件需要經常更新。如果您對主要主題進行自定義調整和更改，則可能會在更新主題時丟失所有更改。因此，建議對子主題進行此類更改，以便即使您需要更新父主題，也不必擔心會丟失更改。
  3. 節省時間和精力：當創建WordPress子主題時，您已經在以父主題的形式使用現成的基礎。這不僅可以節省時間和精力，還可以節省重要的資源和資金，因為開發不會太複雜。
  4. 故障安全機制：WordPress兒童主題幾乎不受一般編碼遺漏的影響。即使您最終忘記添加特定的代碼，WordPress也會自動從相關的父主題中尋找和實現給定的代碼，並且您的設計不會被破壞。另一方面，在獨立主題中，除非經過調整，否則這種遺漏可能會使主題無法使用。

使用WordPress兒童主題的缺點

雖然與WordPress子主題相關的缺點並不多，但以下是一些值得注意的警告：

  1. 挑選理想的父母主題：並非所有主題都是好父母！例如，某些WordPress主題可能無法定期更新，因此往往缺乏最新功能。同樣，並非所有WordPress主題都是在考慮子主題的情況下創建的，因此可能會成為父主題的不良候選者。您需要選擇完美的父主題，以便正確擴展它並使其成為您孩子主題的基礎。
  2. 定製工作：子主題主要是尋求擴展和定製現有模板設計。因此，如果您已經圍繞父主題創建了一個網站，則在移動到子主題時，您可能需要重新考慮元素的自定義，例如菜單，主題選項，側邊欄，標題等。

如何在WordPress中創建子主題

那麼，您已經決定為自己喜歡的WordPress父主題創建一個子主題？那麼，讓我們開始吧！

首先，您需要在WordPress主題目錄中為您的子主題創建一個文件夾（命名並不重要）。此後，在文件夾中創建一個style.css文件，其中包含以下詳細信息：

/ *

主題名稱：您的子主題的名稱

主題URI：http：//www.example.com（您孩子主題的URL）

描述：您孩子主題的簡要描述

作者：你的名字

模板：您的父主題目錄名稱

版本：1.0.0等等等等

* /

在此，在模板部分下，您需要指定相關父主題的目錄名稱。此外，如果省略該行，WordPress會將您的子主題視為一個適當的主題。

在這個交匯點，我們有一個帶有空白style.css文件的子主題。現在，要繼承父主題的樣式表屬性，請添加以下行：

@import url（「.. parent_theme_directory / style.css」）;

將'parent_theme_directory'部分替換為相關父主題所在的文件夾的名稱。

掙扎著停機和WordPress問題？ Kinsta是託管解決方案，旨在為您節省時間！看看我們的功能

如果需要，您還可以使用此方法導入多個樣式表。

現在，您的子主題已準備好從其父主題繼承樣式表元素。如果需要，您還可以將這些文件夾從父主題目錄複製到子主題的文件夾（不是必需的，但可取），所有地址都相對於父主題目錄：

/圖片

/ INC

/包括

/rtl.css（從右到左語言支持，並非所有主題都可能具有此功能）。

就這樣。您現在可以開始將自定義樣式表設置添加到子主題的style.css文件中。此外，您還可以將模板文件從父主題複製到子主題以進行編輯，如果需要添加新功能，請確保將functions.php文件從父主題文件夾複製到子主題目錄。

激活子主題後，WordPress將從子主題本身載入樣式表設置和模板文件，如果缺少任何內容，它將從相關的父主題載入相應的實體。

建議閱讀

如果您希望更深入地探索WordPress子主題，我建議您查看這些文章和資源：

  1. WordPress Codex
  2. 兒童主題基礎知識（WP Tuts +）
  3. 創建WordPress子主題（ManageWP）

子主題不僅提供了擴展您喜愛的WordPress主題功能的有效媒介，而且在學習和掌握WordPress主題開發方面也是一個很好的啟動點。

您如何看待WordPress兒童主題？你有沒有開發過或正在嘗試開始使用它？使用下面的評論與我們分享您的經驗！

231股

  • 總計：231
  • 0
  • 221
  • 3
  • 0
  • 0
  • 7
  • 0
  • 0

.essb_links .essb_links_list li a {margin-top：0px; } @media only screen and（min-width：64em）{.container – narrow.pb – 60，.knowledgebase .user-content {position：relative; } .widget-share {position：absolute;左：-200px;頂部：0px;身高：100％;寬度：200px; box-sizing：border-box; } .widget-share-aligner {width：200px; padding-right：62px; box-sizing：border-box; } .widget-share-inner {padding-bottom：62px; } .knowledgebase .user-content .widget-share-inner {padding-top：0; } .widget-share .amount {display：flex; align-items：center;證明內容：flex-end;寬度：100％;保證金右：11像素; font-size：14px;字體重量：500;邊距：10px的; } .widget-share .amount svg {margin-right：8px;保證金左：10px的; } .essb_links .essb_links_list {flex-direction：column; align-items：flex-end; } .essb_links .essb_links_list li {display：block; margin-bottom：5px！important; } .widget-share__total {margin-bottom：0px！important; } .widget-share__total .heading – small {color：＃999999;字體大小：14px的; font-weight：300; } .essb-total-value {margin-right：4px; } .essb_links {margin：0px;填充：0像素; } .essb_counter_right {display：none！important; } .essb_links.essb_template_circles-retina .essb_link_hackernews a，.essb_links.essb_template_circles-retina .essb_link_reddit a，.essb_links.essb_template_circles-retina .essb_link_mail a，.essb_links.essb_template_circles-retina .essb_link_mwp a，.essb_links.essb_template_circles-retina .essb_link_buffer a ，.essb_links.essb_template_circles-retina .essb_link_linkedin a，.essb_links.essb_template_circles-retina .essb_link_facebook a，.essb_links.essb_template_circles-retina .essb_link_twitter a {color：＃43414e！important;背景：＃f3f3f6！important; } .essb_links.essb_template_circles-retina li a：focus，.essb_links.essb_template_circles-retina li a：hover {border-color：#fff！important;背景：＃43414e！important; {.binter-color：＃f3f3f6！important;背景：＃f3f3f6; } .essb_links .essb_icon：在{font-size：15px！important;之前頂：8像素;左：9px; } .essb_links .essb_icon {width：32px;高度：32PX; } .essb_links.essb_counter_modern_right .essb_counter_right {background：＃f3f3f6！important; } @media only screen and（max-width：63.999em）{。widget-share-aligner {position：relative！important;頂部：0！重要; } .essb_links .essb_links_list li {margin-right：8px！important; }}

相關文章