當(dāng)你選擇了一個(gè)心儀的WordPress主題后,看了前面的教程,基本上也知道怎么使用WordPress建立一個(gè)個(gè)人網(wǎng)站了。

下面,再講講WordPress主題的一些使用技巧,讓你啟動(dòng)了一款主題后,如果又是第一次建站,基本上首要做的工作有:

  1. 新建分類(lèi)目錄
  2. 新建幾篇文章
  3. 新建頁(yè)面
  4. 新建菜單
  5. 添加小工具
  6. 調(diào)整主題功能選項(xiàng)

通常,很多人直接都會(huì)忽略掉前面3點(diǎn) :twisted: 。。直奔趕緊新建一個(gè)菜單導(dǎo)航耍。。 :grin: 好吧。那先講如何進(jìn)行菜單/導(dǎo)航設(shè)置。

菜單基本設(shè)置步驟

菜單使用小TIPS

一、主題的菜單,如何在文字前加一個(gè)小圖標(biāo)?

這里使用我們的 COSY 主題舉個(gè)栗子:

1、找到主題所用的圖標(biāo)文件:在本地電腦中解壓主題壓縮包,搜索關(guān)鍵詞 iconfont 找到文件夾里面的 demo_index.html ,打開(kāi)這個(gè) html 文件。

WordPress 菜單導(dǎo)航功能設(shè)置教程-nicetheme_奈思主題
WordPress 菜單導(dǎo)航功能設(shè)置教程-nicetheme_奈思主題

打開(kāi) html 文件后,點(diǎn)擊「font class」,你將打開(kāi)類(lèi)似上圖的圖標(biāo)列表。

2、挑選相應(yīng)圖標(biāo)并獲取類(lèi)名,如下圖,其中 iconfont 必須存在,icon-xxx 則是在上圖中獲取圖標(biāo)類(lèi)名,如上圖下劃線(xiàn)

<i class="iconfont icon-xxx"></i>

3、把圖標(biāo)代碼復(fù)制到指定的位置,保存設(shè)置即可。如果沒(méi)有下圖中的圖標(biāo)HTML,代碼復(fù)制到導(dǎo)航標(biāo)簽中即可。

WordPress 菜單導(dǎo)航功能設(shè)置教程-nicetheme_奈思主題

二、如何添加沒(méi)點(diǎn)擊效果的菜單?

刪除下圖 url 輸入框中的內(nèi)容,即可。

WordPress 菜單導(dǎo)航功能設(shè)置教程-nicetheme_奈思主題

三、菜單如何在新標(biāo)簽頁(yè)中打開(kāi)?

在「顯示選項(xiàng)」中,打開(kāi)「鏈接目標(biāo)」,如下圖,勾選「在新標(biāo)簽頁(yè)中打開(kāi)鏈接」。

WordPress 菜單導(dǎo)航功能設(shè)置教程-nicetheme_奈思主題


四、注意:

  • 很多人會(huì)喜歡在「 外觀(guān) 」-「自定義 」中進(jìn)行設(shè)置菜單、小工具等,強(qiáng)烈建議大家不要在「自定義 」中進(jìn)行設(shè)置。
  • 保存菜單后,如果前端頁(yè)面中沒(méi)有正常顯示菜單,請(qǐng)確認(rèn)你是否安裝了緩存插件(例如七牛、WP Super cache等),解決辦法就是清除緩存插件帶來(lái)的緩存,或者關(guān)閉插件后再保存一次菜單。