如何自定義 WordPress 主題 - 初學者 DIY 指南
已發表: 2020-12-17在為您的網站選擇正確的 WordPress 主題時,這始終是一個挑戰,尤其是如果您是初學者。 在我們之前的一篇文章中,我們已經討論瞭如何選擇 WordPress 主題。 為您的網站選擇 WordPress 主題後,您可能希望根據自己的要求對其進行自定義。 WordPress初學者可能不熟悉主題定制的過程。 如果您想自定義 WordPress 主題但不知道如何操作,請繼續閱讀本文。 在這裡,我們將討論如何以不同的方式自定義 WordPress 主題。
您真的想自定義 WordPress 主題嗎?
在您真正開始自定義 WordPress 主題之前,您應該問問自己是否真的有必要這樣做。
有時您不需要自定義 WordPress 主題。 相反,您需要安裝一個插件。 主題可幫助您設計 WordPress 網站,即它的外觀和顯示內容的方式。 然而,插件可以幫助您為您的網站添加額外的功能。 因此,如果您要進行的更改與功能而不是設計有關,您應該考慮使用 WordPress 插件。 例如,如果您想向您的網站添加小部件、創建自定義字段、註冊自定義帖子類型和分類法,或者添加任何額外的功能,如在線商店或 SEO 增強,您應該使用插件而不是自定義 WordPress 主題。 WordPress 插件目錄有數千個插件。 只需轉到插件目錄,搜索您要使用的插件,然後將它們安裝在您的網站上。
但是,如果您想進行完全以設計為中心的更改,那麼您絕對應該自定義一個 WordPress 主題。 有不同的方法可以做到這一點。 您可以選擇最適合您的方式。
自定義 WordPress 主題的不同方法
現在是時候學習如何自定義 WordPress 主題了。 但在我們深入並開始自定義 WordPress 主題之前,您應該熟悉自定義 WordPress 主題的不同方法。 以下是根據情況提供的選項概述:
- WordPress 有一個內置的定制器,您可以使用它輕鬆定制您的字體、顏色、標題圖像,也許還有佈局,具體取決於您的 WordPress 主題。 主題定制器可在 WordPress 儀表板上使用。
- 如果您的 WordPress 主題有頁面構建器,您還可以使用它來自定義網站的設計。
- 如果您喜歡編輯網站的 CSS 或 PHP 文件,則應考慮在 WordPress 主題中編輯代碼。
#1 – 使用 WordPress 定制器
如果您正在尋找自定義 WordPress 主題的最簡單方法,那麼您絕對應該使用 WordPress 主題定制器。 根據您的 WordPress 主題,您可以對 WordPress 網站進行不同的更改。 為此,您需要轉到自定義頁面。 請按照以下步驟操作:
第 1 步:首先,您需要打開 WordPress 儀表板。 確保您以管理員身份登錄。
第 2 步:在您的 WordPress 儀表板上,單擊外觀>主題。

第 3 步:這將帶您進入主題頁面。 在這裡,您將看到已安裝的所有主題以及突出顯示的活動主題。 單擊活動主題上的自定義。

第 4 步:這將帶您進入 WordPress 定制器頁面,您可以在其中實時定制您的 WordPress 站點。 您將在頁面左側看到可用選項的列表。 然而,頁面的右側將向您顯示您將要進行的更改的實時預覽。

第 5 步:進行更改後,您只需單擊頂部的“發布”按鈕即可保存更改。
注意:某些 WordPress 主題可能具有廣泛的自定義選項。 因此,您可以輕鬆自定義與您的網站設計相關的幾乎所有內容。

請參閱本文以獲取一些有用的信息——如何像專業人士一樣使用 WordPress 主題定制器。

2 – 使用頁面構建器
您還可以使用頁面構建器自定義 WordPress 主題。 它們為您的網頁的佈局和設計提供了很大的靈活性。 許多 WordPress 主題都有一個內置的頁面構建器。 因此,如果您的主題有頁面構建器,您可以使用它來自定義 WordPress 網站的設計和佈局。 如果您的 WordPress 主題沒有頁面構建器,您可以簡單地安裝一個頁面構建器插件,例如Elementor 。

在 Elementor 之類的幫助下,您可以輕鬆設置網站的設計。 Elementor 用戶友好的拖放界面可讓您查看所做的更改。 Elementor 有多種選擇,您可以使用它們完全按照您想要的方式設計您的網站。 您可以簡單地從頁面左側顯示的選項中拖放元素。 您可以查看您的內容的外觀,還可以確保您的每個網頁看起來都是獨一無二的。
3 – 編輯你的主題代碼
要自定義 WordPress 主題,您可以嘗試編輯主題的代碼。 儘管此方法可以讓您完全控制自定義,但您應該只在您能夠輕鬆編輯 CSS 或 PHP 文件時嘗試它。 如果您正在編輯專門為您的網站設計的自己的主題,此方法非常有用。 您只需編輯 WordPress 主題的代碼即可進行更改。
注意:如果您使用的是第三方 WordPress 主題並且想要對其進行編輯,首先您應該創建一個子主題。 這將幫助您避免在更新主題時丟失更改。
在編輯 WordPress 主題的代碼之前,您應該了解需要編輯哪些主題文件,因為每個主題文件都有不同的功能或控件。 通常,可能需要編輯 3 個主要文件——樣式表、函數文件和主題模板文件。
編輯樣式表 (CSS)

每個 WordPress 主題都有一個樣式表文件,稱為styles.css 。 顧名思義,style.css 文件包含設置網站樣式的所有代碼,例如字體、顏色、佈局等。 例如,如果您想在 WordPress 主題中進行與顏色相關的更改,則需要編輯樣式表。 如果你想為你的 WordPress 網站添加新字體,你需要使用樣式表將新添加的字體應用到不同的元素上,例如正文、標題等。有關更多信息,請參閱這篇文章 -如何編輯 WordPress CSS 文件。
編輯函數文件
函數文件(又名 functions.php)是所有 WordPress 主題中都可用的另一個常見文件。 WordPress 主題有許多功能,例如佈局應該有多少個側邊欄,需要為每個圖像生成多少個縮略圖等。每個這樣的功能都註冊在一個名為 functions.php 的文件中。 它作為您的 WordPress 主題的控制器文件來生成您需要的輸出。

如果您想添加新功能代碼或編輯現有功能代碼,這是您需要處理的文件。 有關更多信息,請參閱本文 -如何編輯 functions.php 文件。
注意:在編輯函數文件時,請記住以下幾點 -
- 僅在非常必要時才應編輯函數文件。 如果可能,您可以簡單地編寫一個插件,而不是向函數添加新代碼。 這樣,以後切換到新主題時,可以保留新添加的功能。
- 函數文件是用 PHP 編寫的,因此請確保您非常熟悉它。 不要盲目使用您從 Google 複製的代碼。 在添加之前嘗試更多地了解代碼。
編輯主題模板文件
WordPress 主題中的大多數文件稱為主題模板文件。 它們根據模板層次結構確定 WordPress 將在特定頁面上顯示的內容類型。 如果要更改內容在特定帖子或頁面上的顯示方式,則需要編輯其中一個主題模板文件或創建一個新文件(如果不可用)。
例如,您的 WordPress 主題有一個 archive.php 文件,用於顯示類別和標籤的存檔頁面。 您想要更改標籤的顯示方式。 因此,您需要根據您所做的更改創建一個名為tag.php的新文件,該文件基於 archive.php 文件。
有關一些有用信息,請參閱本文 –了解如何編輯 WordPress 主題 HTML 。
結論
自定義 WordPress 主題意味著更改 WordPress 主題並根據您的要求設計您的網站。 如今,大多數 WordPress 主題都是完全可定制的。 因此,您可以輕鬆自定義 WordPress 主題,按照您想要的方式設計您的網站。 本文解釋了自定義 WordPress 主題的不同方法。 現在你必須決定你想選擇哪種方法。
學分
由 vectorjuice 創建的抽象矢量 – www.freepik.com
