設(shè)計(jì)在網(wǎng)站的轉(zhuǎn)換中扮演著重要的角色。你設(shè)計(jì)網(wǎng)站是為了從你的競爭對手中脫穎而出，吸引你的訪問者或客戶。

將網(wǎng)站設(shè)計(jì)轉(zhuǎn)換為可工作網(wǎng)站的最簡單和可維護(hù)的方法之一是使用WordPress，這就是為什么它是世界上使用最多的CMS。

但是如果你不知道如何定制一個(gè)WordPress主題，你的網(wǎng)站就會(huì)和所有使用這個(gè)主題的網(wǎng)站一樣。

所以你需要知道如何定制WordPress主題，使它看起來像你想要的設(shè)計(jì)。

你可以用不同的方式定制WordPress主題，我們可以把它們分類如下:

基本的層面上

中級水平

先進(jìn)水平

對于這些定制，您不需要任何編碼知識(shí)，您可以從WordPress管理面板進(jìn)行所有這些更改。

在這里，您將發(fā)現(xiàn)一些基本的主題自定義選項(xiàng)。這些選項(xiàng)因主題而異，我將展示您在大多數(shù)主題中可以找到的一些常見選項(xiàng)。

這些選項(xiàng)是不言自明的。

網(wǎng)站的身份

在這里你可以設(shè)置你的網(wǎng)站標(biāo)題，口號和圖標(biāo)。

顏色

可用的選項(xiàng)可能因主題而異，但它通常允許您設(shè)置字體和主題顏色。

標(biāo)題和背景圖像

這兩個(gè)選項(xiàng)通常是單獨(dú)的，但它們允許您為header和body部分設(shè)置背景圖像。

菜單

首先，你需要從外觀>菜單創(chuàng)建一個(gè)菜單，然后你可以從這里設(shè)置位置，即這個(gè)菜單將被放置在哪里。

小部件

轉(zhuǎn)到Appearance > Widgets找到所有可用的小部件。

該選項(xiàng)將顯示可以向哪些部分添加小部件，單擊每個(gè)項(xiàng)目，然后可以向該特定部分添加小部件。同樣的操作也可以從Appearance > Widgets部分預(yù)形成。

靜態(tài)首頁

WordPress通常會(huì)在首頁顯示最新的博客文章，但是從這里你可以設(shè)置任何其他頁面作為你的首頁。

中級水平的定制

正如您可能已經(jīng)看到的基本選項(xiàng)，您只能進(jìn)行有限的定制，但如果您的設(shè)計(jì)需要頁面某個(gè)元素的不同外觀，該怎么辦?

如果你有css的知識(shí)，你當(dāng)然可以改變一個(gè)主題的整個(gè)外觀。

讓我們看看如何以及在哪里添加css。

主題內(nèi)的附加css選項(xiàng)

WordPress官方主題2016和2017在定制部分增加了額外的css選項(xiàng)，你可以在這里添加你自己的css。

有一個(gè)依賴，雖然你寫在這里的css將是主題依賴，也就是說，如果你改變了主題，你所有的css將丟失。這可能是一個(gè)問題，特別是如果你有自定義任何全局選擇器，如正文或標(biāo)題等。

為了避免這個(gè)問題，你可以這樣做:

自定義css插件

您可以使用一些插件來編寫您的css，這樣您就可以使您的css主題獨(dú)立。這里有一個(gè)插件列表，您可以嘗試：

簡單的自定義CSS

簡單的CSS

我的自定義CSS

TJ自定義CSS

它們都是即插即用的插件，您不需要配置任何東西。

讓我們看看如何編寫css。

最好的方法是，使用chrome開發(fā)工具或類似的代碼檢查工具找到正確的選擇器，然后在定制的css面板中復(fù)制粘貼選擇器，并根據(jù)需要修改它。

如果你真的想在你的主題中進(jìn)行一些主要的定制，你需要知道的不僅僅是基本的定制和css，因?yàn)槟悴荒茉谀愕闹黝}中添加任何新的元素，你只需要修改現(xiàn)有的元素。

如果你對php和wordpress框架有一定的了解(不是很復(fù)雜)，你就可以開始了。

讓我們看看怎么做：

子主題

定制主題的最好方法是創(chuàng)建子主題，它只是父主題的擴(kuò)展，繼承父主題的所有內(nèi)容，但可以有自己的特性。

許多人可能會(huì)說，為什么不簡單地編輯主題的核心文件呢?

簡單的答案是，您可以，但需要記住，一旦您更新了主題，您所有的更改都將丟失，因?yàn)槟鸁o法控制核心文件，主題作者控制它。

如何創(chuàng)建子主題

讓我們做一個(gè)2017年的子主題。

首先，在其他主題所在的相同位置創(chuàng)建一個(gè)文件夾，其中包含您選擇的名稱。

現(xiàn)在在創(chuàng)建的文件夾中創(chuàng)建一個(gè)style.css文件，并將以下代碼粘貼到style.css文件中。

在Template部分，您需要提供父主題目錄名，并在樣式表中導(dǎo)入父主題style.css，您可以隨意輸入其他條目。

您可以定制什么

使用子主題，您可以自定義主題中的所有內(nèi)容。舉幾個(gè)常見的例子：

新模板

新菜單(登記)

新部件

新功能

自定義樣式

結(jié)論

所以掌握wordpress定制的知識(shí)對于給你的wordpress網(wǎng)站一個(gè)獨(dú)特的外觀和感覺是非常重要的。所以不要抑制你的設(shè)計(jì)想象力，因?yàn)槟阒滥憧梢韵鄳?yīng)地定制主題。

在定制主題時(shí)，您面臨哪些常見的挑戰(zhàn)？請?jiān)谙旅娴脑u論部分告訴我們。