如何自定義 WordPress 主題

已發表: 2021-07-12

您可能會安裝 WordPress 主題，但它並不適合您。 幸運的是，WordPress 是高度可定制的。 您只需要選擇正確的方法即可。 在本文中，我們將教您幾種不同的方法來安全有效地自定義您的 WordPress 主題。

自定義 wordpress 主題

自定義 WordPress 主題的選項

根據您的情況，如何自定義 WordPress 網站的主題有不同的選項。 以下是選項的快速概覽：

  • 安裝插件為您的主題添加功能
  • 根據您的主題，使用 WordPress 管理屏幕中的定制器來定製字體、顏色和佈局
  • 使用頁面構建器主題的功能來自定義站點的設計
  • 如果您安裝了框架主題，請使用可用的子主題之一來自定義您的網站
  • 如果您有能力並且主題特定於您的站點，則可以直接編輯主題的代碼
  • 如果要編輯第三方方案的代碼，請創建子主題

如何知道是否需要自定義 WordPress 主題

在某些情況下，您實際上不需要自定義主題。 相反，您可以安裝插件。 主題決定了您網站的設計、外觀和顯示內容的方式。 插件只是添加額外的功能。 如果您需要的更改更多地基於功能而不是設計，您可能需要考慮安裝插件而不是自定義主題。 你可以編寫一個插件，從插件目錄下載一個，或者購買一個。

如果你想編輯你的主題中的functions.php文件，問問自己“如果我將來切換主題，我是否想要保留這個功能？” 如果您說是，該代碼應該放在插件中而不是您的主題中。 如果您想添加小部件、註冊自定義帖子類型和分類法、創建自定義字段並添加商店或 SEO 增強等額外功能，您可能會使用插件而不是主題。

如何自定義wordpress主題

如何通過 WordPress 管理屏幕自定義您的 WordPress 主題

另一種選擇是通過 WordPress 管理屏幕自定義您的 WordPress 主題。 如果您要進行的更改相當簡單且以設計為中心，則此方法有效。 定制器提供了多種調整主題的選項。 可用的選擇取決於您的主題。 如果您在外觀菜單中看到編輯器，請確保避免使用它。

通過定制器定制 WordPress 主題

自定義 WordPress 主題的最簡單方法是使用 WordPress 定制器。 您可以通過以下兩種方式之一執行此操作：

  • 當您登錄並查看您的網站時，單擊屏幕頂部管理欄中的“自定義”鏈接。
  • 或者，在管理屏幕中，單擊外觀 > 自定義。

無論哪種方式都會帶您進入定制器。

WordPress 主題編輯器

當您查看 WordPress 網站的管理屏幕時，您可能會看到一個名為“主題編輯器”的選項，您可以通過“外觀”>“主題編輯器”查看。 這允許您查看主題中的文件並直接編輯它們。 然而，這是一個壞主意。 即使您知道如何編寫 CSS 或 PHP，編輯主題中的文件也不是一個好主意。 首先，如果您購買或下載了第三方主題，您所做的任何更改將在下次更新時丟失。 其次，如果您所做的更改破壞了您的網站，則不會對其進行跟踪，也不會更改文件的先前版本。 您可能會永久破壞您的網站。

甚至 WordPress 也知道使用主題編輯器是多麼危險，並在您嘗試訪問它時發出警告。 因此，請遵循 WordPress 的建議，切勿使用主題編輯器。

如果您確實想編輯 WordPress 主題中的代碼，可以使用代碼編輯器進行。 並且永遠不要編輯您的實時網站中的文件，直到您在臨時站點上對其進行了測試。 如果您需要編輯第三方主題，您可以通過子主題來完成。

我可以自定義我的 wordpress 主題嗎

如何使用頁面構建器和框架來自定義您的 WordPress 主題

許多 WordPress 主題都有自定義選項，這意味著您可以使用自定義程序更改設計和佈局。 然而，有些主題實際上是為了擴展和定制，甚至是顯著的。 這些主題實際上被稱為框架。 或者，您可以使用一個插件來幫助您設計具有用戶友好界面的網站，稱為頁面構建器。

使用頁面構建器自定義您的 WordPress 主題

Page Builder 插件的目的是讓您輕鬆設置網站的設計。 該界面允許您提前查看您將獲得的內容。 首先，您安裝一個具有兼容主題的頁面構建器插件，然後使用這些選項來設計您喜歡的網站。 最受歡迎的頁面構建器之一是 Elementor。 但是，有幾種選擇。 頁面構建器的好處之一是您可以使用拖放界面編輯帖子和頁面。 這使您可以創建獨特的網頁並查看您的內容的外觀。 在佈局和設計方面，它們還提供了足夠的靈活性。

使用主題框架自定義您的 WordPress 主題

如果您不想使用頁面構建器，您也可以使用框架來自定義您的 WordPress 主題。 主題框架是一組旨在協同工作的主題。 有一個父主題，即框架，以及各種可用的子主題，您可以使用它們來自定義主主題並使其看起來像您喜歡的樣子。 Divi 是一個主題框架的例子。 它具有自定義選項，允許您進一步調整子主題的設計，類似於頁面構建器中的拖放界面。

如何自定義wp主題

如何編輯 WordPress 主題的代碼

如果您知道如何編輯 CSS 和/或 PHP，則可以編輯主題中的代碼以對其進行自定義。 這讓您擁有最多的控制權，同時也需要最多的技術知識。 如果您正在編輯專為您自己的網站開發的自己的主題，那麼您可以直接對其進行編輯。 但是，如果您正在使用第三方主題，則需要創建子主題以避免在下次更新時丟失任何更改。

如何編輯主題文件

編輯 WordPress 主題的第一步是了解哪些主題文件控制什麼，以及需要編輯哪些。

樣式表

每個 WordPress 主題都有一個樣式表，稱為 style.css。 這包含用於設計網站樣式的所有代碼，包括佈局、字體、配色方案等。 例如，如果您想更改網站主題中的顏色，您可以編輯樣式表。 如果您想添加新字體，您可以使用樣式表將所需字體應用於各種元素，如正文和標題。

但是，在編輯樣式表時要注意。 特異性意味著元素的代碼並不總是來自您認為的位置。 例如，元素將從頁面層次結構中位於它們之上的其他元素繼承樣式，除非您添加特定於較低元素的樣式。

要查看哪些 CSS 影響頁面上的每個元素，您可以使用瀏覽器中的檢查器查看 CSS。 然後，您可以使用它來編寫新的 CSS，以針對要更改的頁面上的單個元素或元素範圍或類。

如果這個關於 CSS 和特殊性的討論對您來說是新的並且讓您感到困惑，我們建議您避免自己編輯主題的 CSS，而是嘗試使用不同的選項來自定義您的 WordPress 主題，或者讓芝加哥 SEO 設計的專家為您提供幫助！

函數文件

大多數主題還有一個函數文件，稱為functions.php。 函數文件完全用 PHP 編寫。 這個文件使你的主題工作中的一堆東西。 您可以在此文件中找到代碼以註冊主題功能，例如特色圖像、小部件等。 您還可以在函數文件中為您的主題添加功能代碼。 但是，您可能需要考慮編寫插件而不是向函數文件添加代碼。

主題模板文件

主題中的大多數文件都是主題模板文件。 這些文件決定了 WordPress 在給定頁面上輸出的內容，並根據模板層次結構進行選擇。 您可以編輯這些文件，或創建一個新文件，以更改在特定帖子類型、頁面或存檔上輸出內容的方式。

例如，如果您的主題有一個 archive.php 文件，用於輸出類別和標籤的存檔頁面，您可以更改標籤的輸出方式。 然後，您創建一個名為“tag.php”的文件，該文件將基於帶有更改的 archive.php。

再一次，在編輯文件時要認真，因為它們可能會破壞您的網站。 始終首先使用臨時站點！

使用子主題自定義第三方主題

如果您在網站上運行第三方主題並且想要編輯其代碼，則需要創建子主題。 如果直接編輯主題然後更新，您將丟失所有更改。

如何創建子主題

  1. 在 wp-content/themes 中，創建一個新文件夾。
  2. 在此文件夾中，創建一個樣式表。 在新樣式表中，告訴 WordPress 這是您現有主題的子主題。
  3. 然後，將要編輯的文件副本添加到子主題。 編輯此文件夾中的文件。
  4. 最後，激活您網站上的子主題。

WordPress 總是使用子主題中的文件來輸出內容，除非在父主題的層次結構中存在更高的文件。 即使同一文件有兩個版本，WordPress 也會使用子主題中的一個。 基本上，子主題中的新文件將始終覆蓋父主題中的文件。

wordpress 主題

如何自定義 WordPress 主題的最佳實踐

這些是在您自定義 WordPress 主題時要遵循的一些最佳實踐。

盡可能在不添加代碼的情況下進行自定義

任何時候您都可以通過定制器或管理屏幕中的任何其他地方進行自定義，這是比編輯代碼更好的選擇。 僅當您熟悉 CSS 和 PHP 並且知道如何安全地操作時才編輯代碼。

使用本地開發站點進行更改

如果您正在編輯主題中的代碼，或創建子主題以進行更改，請始終在本地安裝的 WordPress 上進行開發工作，並安裝您的主題並從您的實時站點複製您的內容。 這樣，您就可以在鏡像站點上實時測試您的更新。 這對您的實時站點沒有影響，而且速度要快得多。

使用版本控制

每當您對 WordPress 主題進行更改時，都應使用版本控制來跟踪更改。 至少，您需要更改主題的版本號並保留兩個版本的副本。 但是為了正確地進行版本控制，您需要使用服務（例如 GitHub）來跟踪您的更改。 如果更改導致任何問題，您可以簡單地將其回滾，而無需進行手動編輯。 如果您是團隊合作，這是特別重要的一步。

使用臨時站點來測試更改

如果您可以訪問臨時站點，請確保在此站點上進行測試，然後再在您的實時站點上激活新主題。 任何本地站點都會與您的實時站點略有不同，因為它位於不同的服務器上並且可能運行在不同版本的 PHP 上。 在臨時服務器上複製您的實時站點，然後上傳並激活您的新主題。 首先測試您的站點以確保它一切正常，然後將更改推送到您的實時站點。

使您的主題具有移動響應性

確保您的新主題響應移動設備，而不僅僅是桌面設備，這一點很重要。 到 2021 年，移動佔網絡流量的一半。 這就是為什麼您的新 WordPress 主題適合移動設備的關鍵，否則您可能會損失多達一半的流量。 您始終可以使用 BrowserStack 之類的工具來查看您的網站在各種設備上的顯示效果。

確保每個人都可以訪問您的自定義

您對網站所做的任何自定義都需要可供所有人訪問，包括殘障或感官障礙的用戶。 考慮任何更改，例如使顏色更亮或文本更小，並確保它們符合 ADA 標準。

堅持 WordPress 編碼標準

每當您編輯 WordPress 主題中的代碼或創建子主題時，您都需要確保您的代碼符合 WordPress 編碼標準。 這些標準旨在確保代碼的一致性和高質量。

如何編輯wordpress主題

使用 SEO Design Chicago 自定義您的 WordPress 主題

WordPress 成為網站建設最佳平台的原因之一是它的可定制性極強。 但是，自定義站點可能很困難。 SEO Design Chicago 的 Web 開發人員是 WordPress 專家，可以為您自定義主題，從而獲得您想要的確切網站。 今天就聯繫我們！

常見問題：

  • 您需要自定義您的 WordPress 主題嗎？
  • 為什麼我不應該使用 WordPress 主題編輯器？
  • 如何在 WordPress 中找到定制器？
  • 如何編輯 WordPress 主題的佈局、字體和顏色？
  • 自定義 WordPress 主題有哪些最佳實踐？