如何個性化 WordPress 主題以使其適合您的品牌

已發表: 2017-07-14

WordPress 主題有不同的形式和大小,但主題定制技術保持相似。 如果您知道如何自定義一個主題,那麼處理另一個主題會容易得多。

在本文中,我們將介紹醫療網站的 Cloe Brooks WordPress 主題,並向您展示如何自定義其設計、佈局並基本上使其成為您自己的主題。

空主題與演示內容

安裝主題後,您有兩個選擇,要么從頭開始構建頁面和佈局,要么安裝預先構建的虛擬數據,為您填充頁面並使您的網站從一開始就變得漂亮。

每種方式都有其優點和缺點,例如,如果您選擇導入演示數據,您可能需要在之後清理您的站點,並刪除不必要的頁面、帖子、類別等。但是,使用全新安裝可能為時已晚消耗重新創建原始頁面佈局和設置。

我們建議您使用演示內容選項,並安裝完整站點的演示數據。 用您自己的文本和圖像替換文本和圖像並刪除其餘數據會容易得多,而不是從頭開始構建所有內容。 畢竟,刪除內容比創建更容易。

網站標誌和網站圖標

安裝演示內容後,我們可以開始個性化我們的網站。 最直接的方法是上傳您的徽標和網站圖標。

這兩個組件將您的網站與其他網站分開並使其與眾不同。

如果您還沒有徽標,請不要擔心。 您可以改用站點標題。 網站標題和標語仍然可以為您的網站帶來專業的外觀,並且比製作不良的圖像徽標更可取。

網站圖標是您可以在此處設置的另一個品牌標識元素。 它顯示在瀏覽器選項卡的開頭。 要上傳網站圖標,請使用 512 像素寬的 .png 圖像。

要上傳徽標,請轉到外觀 > 主題選項 > 自定義,然後在“主徽標”部分選擇您的徽標圖像。 如果您的徽標看起來太大或太小,您可以通過調整“徽標高度”值來更改此設置。

配色方案

配色方案是任何設計不可或缺的一部分,更改它的能力使您可以在很大程度上自由地個性化您的網站。

默認情況下,Cloe Brooks 主題具有溫暖和藍色柔和色彩的組合。 這些色調非常適合醫療網站。 但是,如果它們與您品牌的顏色不匹配,或者您只是希望配色方案略有不同,您可以在主題選項面板中進行調整。

轉到外觀 > 字體和顏色,然後選擇配色方案。 您可以看到Cloe Brooks 帶有兩種默認配色方案,淺色和深色。 如果您想快速更改站點的外觀並希望它保留設計人員的原始顏色選擇,它們將非常有用。

但是,您也可以更改原始顏色,並完全重新設計配色方案。 可能最耗時的解決方案是更改主題的強調色。 通過這種方式,您可以立即看到站點調色板的顯著變化。 對於更徹底的更改,您還可以調整其他站點元素的顏色,例如輸入字段、主要和替代背景顏色、邊框強調色等。這些是細微的更改,但如果您打算完全更改設計,則這是必要的.

另一個很棒的事情是,您可以預覽顏色更改,並在顏色設置面板中將它們與其他網站元素結合起來查看。

在某些情況下,您可能會看到主題演示中的某些元素似乎沒有您新指定的顏色。 這意味著這些元素的顏色是通過 Visual Composer 分配的。 您可以打開包含這些元素的相應頁面並更正它們,也可以在開始上傳內容之前忽略它們。

一個方便的選項是,您可以將當前的配色方案設置保存為新的配色方案,或者復制現有的配色方案進行保存,以防您想切換到主題的原始顏色。

完成自定義配色方案後,在外觀 > 主題選項 > 自定義的正文樣式選項卡中進行分配

排版

儘管對於您的網站而言,排版似乎不如配色方案或圖像重要,但實際上字體對您的瀏覽者的影響更大。 如果您的內容風格不正確,您的讀者將很難理解您的信息。

Cloe Brooks 具有優雅的自定義無襯線字體,但如果需要,您可以將其更改為您喜歡的任何其他字體。 您可以從 Google 字體集合中選擇一種可用的字體,也可以上傳您自己的字體。

您可以在外觀 > 字體和顏色 > 字體中找到主題字體設置。 這些設置是通用的,讓您可以很好地控製網站的文本樣式。 調整標題、正文、鏈接、輸入字段、按鈕、菜單項等元素的字體。 您可以選擇字體樣式、粗細、行高、裝飾,甚至指定元素的頂部和底部邊距。

排版是一個微妙的領域,如果你是初學者,很容易把事情搞砸。 如果您以前從未處理過排版,但仍想給您的主題一個不同的外觀,我們建議您注意原始主題字體的選擇,並將它們替換為相同樣式的字體。 例如,如果原始主題使用無襯線字體,則最好將其替換為另一種無襯線字體。

另一個技巧是保持不同字體組之間的對比度,例如標題和正文字體。 可以藉助大小、顏色、字體粗細和字體樣式來實現對比度。

社交帳戶和聯繫信息

下一步是填寫您的聯繫信息並將社交媒體帳戶添加到您的網站。

您可以通過轉到外觀 > 主題選項 >社交來找到社交媒體設置

通過指定地址鏈接和社交網絡圖標,您可以隨意添加任意數量的帳戶。

為了將您的 Twitter 提要集成到您的站點中,您需要在此處填寫 Twitter API 詳細信息,例如消費者密鑰、消費者機密等。

您可以在外觀 > 主題選項 > 聯繫信息中輸入您的聯繫信息。 您可以在那裡指定您的電子郵件地址、公司地址、營業時間、電話號碼等。 此信息將用於您網站的頁眉和頁腳部分。

包起來

儘管您可以在 Cloe Brooks 主題中自定義更多內容,但我們在這裡介紹了最重要的內容。

我們已經介紹了諸如是否需要安裝演示數據以及如何上傳徽標和網站圖標等步驟。 我們還學習瞭如何調整我們網站的配色方案和排版。 最後,我們了解到我們可以在主題中的哪個位置指定我們的聯繫信息和社交媒體帳戶的鏈接。

如您所見,主題定制並不像乍一看那樣令人生畏。 這需要一點時間和耐心,但如果您的主題構建得當,這個過程就會變得簡單而直觀。 您在自定義 WordPress 主題方面有什麼經驗? 在評論中與我們分享您的想法。