如何自定義 WordPress 主題
已發表: 2020-07-24WordPress 內置了多種主題。 在某些情況下,標準主題非常適合您網站的外觀,但在其他情況下,您可能需要更個性化的外觀。 換句話說,您想要自定義您的網站。
自定義 WordPress 主題的選項會根據您想要更改的內容和您的技術知識而有所不同。 在本文中,我們將重點介紹您可以對網站進行更改的不同方式,以使其外觀和功能符合您的要求。 關鍵是為您找到正確的選擇。
您的 WordPress 主題控制什麼?
當您考慮自定義時,了解您的 WordPress 主題控件是一個很好的起點。 主題會影響您的網站及其內容的顯示方式。 這包括字體、顏色、網站佈局、小部件位置以及帖子或檔案的樣式等功能,以及其他基於樣式的詳細信息。
確定為什麼要自定義 WordPress 主題
在你開始改變你的主題之前,重要的是要確定這種願望背後的原因。 如果您正在尋找對網站外觀的簡單修改,那麼可以通過 WordPress 提供的功能來完成。
如果缺少它的功能,那麼您正在尋找的是正確的插件。 插件是擴展您網站功能的軟件。 WordPress 有大量可用的插件數據庫,因此瀏覽這些選項是個好主意。 您可以使用正確的插件添加的一些功能特性包括社交媒體集成、搜索引擎優化 (SEO) 和添加更多小部件。
您可以通過訪問 WordPress 儀表板並查找“插件”類別來找到插件。 在那裡,您可以搜索適合您需求的那些。
自定義主題之前應採取的預防措施
您已經花費了大量時間來構建您的網站,因此您最不想做的就是在嘗試進行更改時損壞它。 如果您通過 WordPress 提供的功能進行更改,則不應有任何顧慮,但仍需謹慎行事。 建議您一次進行一項更改,以便在您不喜歡該效果時可以輕鬆恢復到原始狀態。
如果您使用我們在本文中進一步討論的更高級的選項,建議您使用站點的本地開發版本。 通過這樣做,您將保護它,並且您將能夠在完全實施之前調整您的更改。 您還應該使用臨時站點,以便在正式啟動更改之前測試更改的功能。
當您在高級級別自定義主題時,您正在製作它的另一個版本。 這就是適當的版本控制發揮作用的地方。無論您是簡單地為每個版本編號還是使用服務來幫助您跟踪它們,您都需要能夠確保哪些內容適用於您的站點。 如果您修改主題並發現故障,應該很容易恢復到原始主題。
如何使用 WordPress 自定義功能
對於顏色、字體和小部件佈局等簡單的主題更改,您應該查看 WordPress 的主題自定義功能。 登錄網站後,您可以訪問儀表板和“自定義”鏈接。 在該類別下,您將看到使用 WordPress 定制器修改網站外觀的選項。 在那裡,您將了解您正在使用的主題的自定義可能性。
有些主題比其他主題有更多的選擇,但最近,WordPress 已經包含了具有多種可能調整的主題。 建議您先嘗試這條路線。 雖然這是一個相當簡單的修復,但它可以為您提供您正在尋找的設計。
在尋找更改主題的方法時,您可能還會在“外觀”類別下遇到所謂的“主題編輯器”。 此選項使您可以直接訪問主題中的文件,以便您可以編輯它們。 這聽起來正是您所需要的,但有兩個重要原因建議您不要管它。
首先,如果您使用的是第三方主題,您所做的任何更改都將在下次更新時丟失。 您網站的主題和其他方面會不時更新,以確保您的網站保持安全並與 WordPress 兼容。 不建議您選擇退出更新,因此丟失更改是不可避免的。
其次,即使你精通網頁設計並且熟悉 CSS 或 PHP,也可能會出錯。 如果您使用主題編輯器,文件更改可能會徹底破壞您的網站。 由於您直接對主題進行了更改,原始版本將不再存在,您將無法恢復到未修改的站點。
如果你想從根本上編輯你的主題,代碼編輯器是你最好的選擇。 對於第三方主題,建議使用子主題。 您將進一步了解有關這些選項的更多信息。
如何使用頁面構建器自定義您的主題
這是另一個易於使用的選項,可幫助您自定義 WordPress 主題。 頁面構建器是根據您使用的主題安裝的插件。 該插件需要與您的主題兼容,因此請務必進行研究,以使事情順利進行。
當您使用頁面構建器插件時,您會看到拖放功能,可以輕鬆獲得真正自定義的外觀。 在移動東西時,您將實時了解您的網站及其內容在完成後的外觀。 頁面構建器是一個不錯的選擇,因為它們提供了更大的靈活性,但仍然對用戶友好。
如何使用框架來定制你的主題
框架是頁面構建器的替代品,但通常同樣易於使用。 使用框架,您將擁有一些已分組的主題。 在這個組中,有一個主題被稱為框架。 該組中的其他主題稱為子主題。

通過更改與框架關聯的子主題,您可以自定義整體主題的外觀。 如果您想修改子主題,有一些程序可以讓您這樣做。 就像頁面構建器選項一樣,這些框架主題也有一個拖放界面。
如何使用編碼來定制你的主題
在代碼級別自定義您的 WordPress 主題是您可以使用的最高級選項。 它也是讓您最大程度地控製成品的方法。 當然,除非您擅長編輯 CSS 或 PHP,否則您不應該嘗試這樣做。 如果你不是,最好堅持上面討論的選項。
如果您的網站正在使用您創建的主題,那麼您可以更改文件並在您的網站上重新加載。 如果您使用第三方主題,事情會稍微複雜一些。 這是創建子主題的地方。 但首先,我們從基礎開始。
任何 WordPress 主題的基礎都是它的樣式表,它被表示為 style.css。 在那裡您可以找到與字體、顯示、佈局等相關的所有代碼。 要更改特定元素,您必須在樣式表中找到它的相關代碼。
當您在尋找要更改的代碼時,您必須非常勤奮地進行搜索。 一些元素實際上從層次結構中高於它們的其他元素中獲取樣式。 要有效地自定義主題,您需要確保修改正確的代碼。
要查找元素的 CSS 源代碼,請使用瀏覽器的檢查器。 例如,谷歌瀏覽器有一個 DevTools 功能會很有幫助。
如果您對自定義小部件和特色圖像等功能更感興趣,那麼您正在尋找函數文件。 這採用functions.php 的格式。 通過修改此文件,您將能夠更改主題的整體功能。
但是,在進行這些更改之前,您應該考慮是否要將這些更改僅應用於您當前的主題或整個網站。 如果您認為無論您使用哪個主題都希望擁有該功能,那麼建議您創建一個插件。 這樣,您始終可以使用該功能。
您可以修改的另一個文件是主題模板。 WordPress 主題使用模板來根據模板層次結構確定內容如何放置在給定頁面上。 要更改頁面和內容的顯示方式,您可以調整現有的 PHP 文件以創建自己的文件。 這可能很棘手,因此請確保使用本地或臨時站點以避免損壞您的網站。
我們要解決的最後一件事是當您需要自定義第三方主題時使用子主題。 通常,這是一個四步過程。
- 您必須在 wp-content/themes 中創建一個新文件夾。
- 在該文件夾中創建一個樣式表並通知 WordPress 它是您當前使用的主題的子主題。
- 將您希望編輯的主題文件的副本放在該樣式表中並執行您的編輯。
- 在您的網站上激活新的子主題。
激活子主題後,您應該會看到所需的更改。 這是因為 WordPress 通常使用來自子主題的信息,除非父主題中有另一個文件位於層次結構中的較高位置。 此外,如果有兩個版本,WordPress 將優先考慮子主題。 這意味著您新上傳的子主題將覆蓋父主題的文件。
然而,如前所述,修改主題代碼應該是最後的手段。 即使您採取了本文開頭所述的必要預防措施,事情仍然可能出錯。 您應該始終先嘗試其他可用的選項。
自定義 WordPress 主題時要考慮的其他因素
當您自定義 WordPress 主題時,您需要考慮的不僅僅是它適合您的原因。 另外兩個考慮因素是主題的響應能力和確保所有用戶仍然可以訪問它。
響應能力
這是指您的網站根據用於訪問它的設備更改其設計和功能的難易程度。 當您自定義 WordPress 主題時,您必須確保您沒有對網站的響應能力產生負面影響。
由於越來越多的人使用平板電腦或手機訪問在線信息,因此關注響應能力至關重要。 如果您的網站沒有響應,它將影響您的網絡流量以及您的搜索引擎排名。 如果您失去用戶,對您的主題進行更改將無濟於事。
可訪問性
您的網站不僅需要具有響應性,還需要讓殘障人士或對感官元素敏感的人可以訪問。 這意味著您應該避免顏色太亮、字體太小或這些人難以駕馭的樣式。
如果您不確定如何確定您網站的可訪問性,一個好的可訪問性檢查器是一個不錯的方法。 如果需要,您可以在線找到一些有用的工具。
結論
自定義您的 WordPress 主題可能很簡單,也可能很複雜。 您採取的路線取決於您想要做出的改變以及您的技能。 在進行自定義之前,請確保選擇最合適的選項並採取必要的預防措施來保護您的網站。 為您想要實現的目標選擇正確的工具也很重要。
雖然個性化設計是個好主意,但不要以犧牲轉化率和搜索引擎排名為代價。 您應該始終檢查您所做的更改是否不會影響您網站的運行方式。