wordpress主題是一組文件，包括圖像、樣式表和代碼，以及定義網(wǎng)站的視覺外觀和功能。

但是，wordpress主題并不總是包含您可能需要的功能。為了克服這個問題，WordPress有一個內(nèi)置的主題編輯器，可讓您從儀表板修改主題文件。

本文將解釋如何使用主題編輯器自定義WordPress主題。我們還將討論其他五種編輯網(wǎng)站的方法以及編輯WordPress主題時的有用提示。

• 什么是WordPress主題編輯器？
• 如何使用WordPress主題編輯器
• 其他自定義WordPress主題的方法
  • 1. 通過文件管理器編輯主題文件
  • 2. 使用基于塊的站點編輯器
  • 3. 安裝頁面構(gòu)建器
  • 4. 利用WordPress插件
  • 5. 使用子主題
• 編輯WordPress主題時的其他提醒
  • 始終創(chuàng)建備份文件
  • 設置本地測試服務器或暫存環(huán)境
  • 使用版本控制

什么是WordPress主題編輯器？

WordPress主題編輯器是WordPress儀表盤中的一個簡單文本編輯器。它允許用戶自定義WordPress主題文件以實現(xiàn)他們想要的外觀和功能。例如，附加一個額外的側(cè)邊欄，使網(wǎng)站適合移動設備，或在標題中嵌入自定義視頻。

如何使用WordPress主題編輯器

WordPress主題編輯器可讓您從任何已安裝的主題打開文件。它在文本編輯器上顯示文件內(nèi)容，因此您可以直接在儀表板上調(diào)整主題代碼。

雖然此工具在舊版WordPress中稱為主題編輯器，但較新的WordPress 5.9使用主題文件編輯器。

通過Appearance?->?Theme File Editor訪問主題代碼編輯器。在右側(cè)，它將顯示主題包含的模板文件列表。單擊任何文件以查看其內(nèi)容并進行更改。

重要的！如果您在WordPress 5.9中使用基于塊的主題，請導航至工具 -> 主題文件編輯器以訪問該編輯器。

要選擇其他主題進行修改，只需導航到屏幕右上角并單擊下拉菜單以查找更多主題選項。

但是，選擇另一個主題不會切換活動主題。轉(zhuǎn)到外觀->主題以查看當前活動的主題或激活不同的主題。

完成自定義主題文件后，單擊“更新文件”按鈕。如果代碼中存在語法錯誤，WordPress 主題編輯器會阻止用戶保存文件。它還將指示錯誤所在的位置，從而更容易修復它。

由于大多數(shù)主題使用CSS、javaScript和PHP文件類型，因此確保您能夠輕松地使用它們至關重要。編輯或粘貼代碼片段時要小心，因為操作不當可能會導致錯誤甚至將您鎖定在網(wǎng)站之外。

主題文件因主題而異。但是，每個WordPress主題都包含以下基本文件：

• 樣式表 (style.css)?– 包含與設計相關的功能，包括字體、顏色和布局。您可以將自定義CSS添加到此文件并更改整個網(wǎng)站的外觀。
• Functions.php?– 確定主題的特性和功能，例如小部件、特色圖像和自定義徽標。
• 模板文件——HTML、模板標簽和 PHP 代碼的組合，用于確定任何給定頁面的內(nèi)容輸出，例如單個文章、404頁面和存檔。

如果您是為客戶工作的開發(fā)人員，最好禁用對主題編輯器的訪問。這樣做可以防止不必要的錯誤，因為客戶端可能沒有意識到編輯主題代碼的潛在風險。

此外，禁用對主題代碼編輯器的訪問可以防止黑客將惡意代碼注入網(wǎng)站。

重要的！在自定義主題文件之前始終創(chuàng)建備份。如果您想了解如何創(chuàng)建WordPress備份，請查看我們的指南。

其他自定義WordPress主題的方法

WordPress主題編輯器并不是唯一可用于自定義網(wǎng)站主題和外觀的工具。在本節(jié)中，我們將討論幾種自定義WordPress主題的方法。

1. 通過文件管理器編輯主題文件

WordPress主題文件存儲在您的虛擬主機帳戶中，并且可以使用文件管理器對其進行修改。以下是使用寶塔面板執(zhí)行此操作的步驟。

1. 轉(zhuǎn)到寶塔儀表盤并單擊文件菜單。
2. 進入WordPress安裝根目錄/www/wwwroot/yourdomain文件夾。

3. 轉(zhuǎn)到wp_content?->themes文件夾。

4. 此文件夾包含您為WordPress網(wǎng)站下載的所有主題。雙擊要編輯的主題的文件夾名稱。
5. 選擇需要修改的主題文件，然后單擊菜單欄上的編輯圖標。

6. 文件管理器將打開文本編輯器，以便您編輯文件。完成后單擊“保存”按鈕。

2. 使用基于區(qū)塊的站點編輯器

WordPress用戶還可以使用基于塊的編輯方法自定義他們的主題。

要使用此編輯器，您需要WordPress 5.9或更高版本以及基于塊的主題，例如Twenty Twenty-2或Wabi。

然后，您可以自定義主頁、文章和頁面的主題模板。通過導航到Appearance?->?Site Editor來訪問編輯器。

編輯器會默認打開主頁模板。通過單擊屏幕左上角的WordPress徽標并選擇模板來查看所有可用模板。

由于這是一個基于區(qū)塊的編輯器，因此可以自定義和重新排列所有現(xiàn)有的WordPress區(qū)塊。我們有使用Gutenberg區(qū)塊編輯器的完整指南，但以下是您需要了解的主要操作：

• 單擊編輯器左上角的加號按鈕以打開區(qū)塊庫。選擇其中一個塊將其插入到內(nèi)容中。
• 單擊屏幕右上角的設置按鈕以打開模板和區(qū)塊設置。每當您選擇一個塊時，該塊的設計工具都會出現(xiàn)在這里。
• 單擊屏幕右上角的黑白圓圈以打開全局樣式面板。此面板可讓您自定義整個網(wǎng)站的顏色、版式和布局元素，而無需使用任何CSS代碼。

3. 安裝頁面構(gòu)建器

許多WordPress主題與Divi、Elementor和Beaver Builder等WordPress頁面構(gòu)建器兼容。這些插件中的大多數(shù)都具有拖放功能，允許您在不編輯代碼的情況下調(diào)整主題。

要使用頁面構(gòu)建器自定義您的網(wǎng)站，請安裝與您的主題兼容的插件并使用提供的選項來編輯頁面設計。

進入Elementor的拖放界面后，通過選擇左側(cè)邊欄上的小部件開始向頁面添加元素。

盡管頁面構(gòu)建器為您的網(wǎng)站提供了靈活性和許多自定義選項，但它們也有缺點。

WordPress 頁面構(gòu)建器將網(wǎng)站的布局轉(zhuǎn)換為特定于插件的短代碼。因此，當您停用頁面構(gòu)建器插件時，短代碼將不起作用，您將失去設計。

4.利用WordPress插件

如果您的站點只需要基本的附加功能，安裝附加插件是一個不錯的選擇。WordPress插件目錄有數(shù)千個選項，從電子商務和安全插件到社交媒體集成和SEO優(yōu)化。

在安裝任何插件之前，請注意它的最后更新時間、用戶評分以及與最新WordPress版本的兼容性。經(jīng)常更新的插件通常具有較少的安全性和兼容性問題，而用戶評分可以表明它們的整體質(zhì)量。

如果您只是想編輯主題的樣式和設計，請使用CSS Hero之類的插件。它生成樣式表的副本并覆蓋原始文件，允許用戶修改網(wǎng)站的設計和樣式，而無需觸及主題的原始文件。

5. 使用子主題

編輯主題文件的缺點之一是更新主題時您將丟失更改。

安裝或創(chuàng)建一個新的子主題來解決這個問題。它是一個新的主題，繼承了父主題的所有特征。

子主題的style.css和functions.php文件存儲在單獨的目錄中，因此您可以創(chuàng)建新文件來自定義子主題目錄中的樣式、布局參數(shù)和腳本。更新父主題時，這些文件不會受到影響。

有幾種方法可以在WordPress中創(chuàng)建子主題。這些范圍從通過文件管理器設置子主題文件夾到安裝像WPS Child Theme Generator這樣的插件。

編輯WordPress主題時的其他提醒

盡管使用主題編輯器編輯主題的原始代碼可以讓您完全控制結(jié)果，但它也可能導致您的網(wǎng)站丟失必要的代碼片段并崩潰。

因此，以下部分將介紹在自定義WordPress主題之前要遵循的一些安全實踐。

始終創(chuàng)建備份文件

在進行重大編輯時，創(chuàng)建 WordPress 網(wǎng)站的備份是必不可少的。如果出現(xiàn)問題，它可以防止您從頭開始修改設置和自定義。

但是，您并不總是需要完整備份。例如，如果您只編輯該文件，則保存一份stylesheet.css文件就足夠了。如果出現(xiàn)問題，請上傳備份文件以覆蓋更改。

設置本地測試服務器或暫存環(huán)境

使用測試環(huán)境檢查和預覽您對WordPress主題所做的編輯。使用本地服務器或臨時站點可防止不需要的錯誤到達實時站點。

為此，您需要使用MAMP或WampServer在本地安裝WordPress。這將為您提供在本地計算機上安裝和測試WordPress的環(huán)境。

另一種方法是使用臨時環(huán)境來復制您的站點。與本地服務器解決方案不同，這是在您的網(wǎng)絡托管帳戶或通過WordPress儀表板完成的。

使用WP Staging之類的插件從您的WordPress儀表板設置網(wǎng)站的克隆。該插件將提供克隆站點的URL——只需登錄并開始編輯主題。

還值得注意的是，WP Staging將登臺網(wǎng)站的文件存儲在您網(wǎng)站的子目錄中。

例如，如果您的WordPress網(wǎng)站安裝在public_html目錄中，則臨時站點將位于public_html/staging_site_name文件夾中。

使用版本控制

版本控制允許用戶跟蹤和撤消WordPress網(wǎng)站中的更改，允許他們在出現(xiàn)問題時恢復網(wǎng)站的先前版本。

這種預防方法非常適合在團隊中工作的人，因為它也是協(xié)作工作的絕佳工具。它使合并更改和測試新想法變得更加容易，而不會影響網(wǎng)站的實時版本。

WordPress版本控制有多種解決方案。其中之一是使用GitHub和GitLab等Git存儲庫來存儲和跟蹤代碼更改。

另一種選擇是安裝一個像WP Rollback這樣的插件，它可以讓你將你的網(wǎng)站回滾到任何以前的工作狀態(tài)。

小結(jié)

WordPress為其用戶提供了許多自定義選項和工具來修改網(wǎng)站的代碼，包括主題代碼編輯器。它提供了一種從儀表板訪問主題源代碼的簡單方法，允許您調(diào)整其網(wǎng)頁設計并創(chuàng)建新功能。

但是，我們建議您僅在具備編碼知識的情況下才使用主題編輯器，因為更改可能會覆蓋之前的調(diào)整并可能破壞您的網(wǎng)站。

因此，請確保實施某些預防措施以避免不可逆轉(zhuǎn)的問題：

• 創(chuàng)建備份文件
• 使用本地測試服務器或登臺環(huán)境
• 使用版本控制還原更改

或者，使用風險較小的方法來編輯網(wǎng)站的主題，例如安裝插件、使用塊編輯器或創(chuàng)建子主題。