Orange 主題安裝前的準(zhǔn)備工作
1、安裝nicetheme提供的最新版「積木箱子」插件：http://zwiv.cn/jimu，并按照教程完成操作：http://zwiv.cn/nicetheme-jimu-set.html
2、主題需要使用 WordPress 自帶縮略圖功能，請(qǐng)如下圖進(jìn)行設(shè)置：
- 在「設(shè)置」-「媒體」- 設(shè)置大小，縮略圖大小，寬度填450，高度填0 （因?yàn)槠俨剂鲌D片高度需要按照?qǐng)D片尺寸進(jìn)行裁剪，因此高度為0 ）。其他的尺寸按下圖進(jìn)行設(shè)置即可。
- 如果你之前縮略圖生成了是正方形的，需要重新上傳圖片，或者使用第三方插件重新生成縮略圖。插件比如：Regenerate Thumbnails （插件市場(chǎng)搜索或者在搜索引擎搜索下載使用。）
3、安裝「積木箱子」后即可安裝 Orange 主題，所有的主題設(shè)置項(xiàng)均在 wordpress 儀表盤(pán)“積木”下的“Orange 主題設(shè)置”，如圖1。
4、首次安裝主題，首頁(yè)可能空白，請(qǐng)先補(bǔ)充文章內(nèi)容，按主題教程配置主題功能。
一、基礎(chǔ)設(shè)置
因?yàn)関1.1版本新增延遲加載，請(qǐng)務(wù)必設(shè)置好以下三個(gè)圖片。
1、網(wǎng)站logo：比例大致為4:1 。
2、文章縮略圖：當(dāng)文章中暫時(shí)沒(méi)有圖片的時(shí)候，作為占位圖顯示。
3、默認(rèn)分類(lèi)封面圖：文章列表頂部的封面。
布局設(shè)置
1、首頁(yè)公告：顯示在首頁(yè)頂部，藍(lán)色色塊。見(jiàn)下圖
2、首頁(yè)幻燈片板塊：一共有2個(gè)樣式，一個(gè)默認(rèn)寬度、一個(gè)100%寬度。
3、首頁(yè)板塊：一共有11個(gè)板塊，根據(jù)需求添加板塊內(nèi)容，對(duì)應(yīng)設(shè)置好圖片、文字即可。
二、拓展設(shè)置
1、首頁(yè)滾動(dòng)元素動(dòng)畫(huà)：首頁(yè)板塊，可以隨著向下滾動(dòng)，板塊內(nèi)容會(huì)有一個(gè)進(jìn)場(chǎng)動(dòng)畫(huà)。
2、常駐邊欄：現(xiàn)在在右側(cè)，可設(shè)置3個(gè)常規(guī)圖標(biāo)。分別是在線咨詢鏈接、微信咨詢、電話咨詢。不填則不顯示。
三、文章設(shè)置
1、產(chǎn)品詳情頁(yè)通用描述：可以在產(chǎn)品文章中，顯示通用標(biāo)識(shí)。如下圖。
五、廣告設(shè)置
預(yù)留4種廣告位，首頁(yè)文章列表下的長(zhǎng)幅廣告、其他歸檔頁(yè)文章列表下的廣告以及文章頁(yè)內(nèi)容下方的廣告位。
六、底部設(shè)置
社交信息：可設(shè)置在線客服、客戶服務(wù)熱線、官方微博、微信公眾號(hào)、郵箱。
七、分類(lèi)模版
文章的分類(lèi)模版有3個(gè)，除了原來(lái)的「網(wǎng)格視圖」，v1.1版本新增了「列表視圖」「案例視圖」。
7.1 案例視圖
和網(wǎng)格視圖區(qū)別是除了縮略圖和標(biāo)題外，顯示分類(lèi)名稱，不顯示文章其他信息（瀏覽量等）
上圖中間的導(dǎo)航，則是通過(guò)自定義菜單方式來(lái)設(shè)置，如下圖，設(shè)置好菜單。然后在分類(lèi)拓展中設(shè)置好「分類(lèi)導(dǎo)航」。
八、產(chǎn)品錄入
錄入產(chǎn)品時(shí)，在產(chǎn)品內(nèi)容編輯下「產(chǎn)品拓展」，可根據(jù)需求，進(jìn)行設(shè)置：產(chǎn)品圖片、特點(diǎn)、售價(jià)、優(yōu)惠價(jià)、產(chǎn)品狀態(tài)可影響下方的購(gòu)買(mǎi)按鈕的狀態(tài)。
默認(rèn)下，按鈕可正常跳轉(zhuǎn)。售罄則無(wú)法跳轉(zhuǎn)。表單咨詢則可彈出表單，讓用戶進(jìn)行回復(fù)，如下圖。
九、頁(yè)面模版
1、關(guān)于我們頁(yè)面：新建頁(yè)面 - 選擇頁(yè)面模版「關(guān)于我們」。設(shè)置方面參考首頁(yè)板塊設(shè)置。
2、聯(lián)系我們頁(yè)面：新建頁(yè)面 - 選擇頁(yè)面模版「聯(lián)系我們」。即可在頁(yè)面編輯封面、聯(lián)系方式等。
如下圖。
用戶在留言表單中提交表單后，在后臺(tái)，可以看到留言聯(lián)系列表。如果在產(chǎn)品中留言，則會(huì)顯示詳細(xì)的產(chǎn)品名稱。可針對(duì)用戶需求，進(jìn)行聯(lián)系。
十、友情鏈接頁(yè)面
頁(yè)面模版，可選擇鏈接分類(lèi)顯示鏈接，logo比例3:1，鏈接設(shè)置教程：具體教程
十一、其他
10.1 咨詢彈窗信息
設(shè)置：「主題設(shè)置」-「底部設(shè)置」-「咨詢彈窗信息」
會(huì)在網(wǎng)站右下角顯示一個(gè)彈窗，打開(kāi)網(wǎng)站后5秒顯示。用戶點(diǎn)擊關(guān)閉，后會(huì)短時(shí)間內(nèi)不顯示。
10.2 手機(jī)端網(wǎng)站底部導(dǎo)航欄
設(shè)置：「主題設(shè)置」-「拓展設(shè)置」-「手機(jī)端網(wǎng)站底部導(dǎo)航欄」
注意：因?yàn)槭謾C(jī)端寬度有限，請(qǐng)最多設(shè)置4個(gè)一級(jí)菜單，支持彈出二級(jí)菜單。菜單字?jǐn)?shù)請(qǐng)控制在4-5個(gè)字，超過(guò)字體會(huì)錯(cuò)位不美觀。在一級(jí)菜單的文字前可插入字體圖標(biāo)。
注意：設(shè)置菜單時(shí)，最多設(shè)置2級(jí)菜單，如下圖。在第一級(jí)菜單的導(dǎo)航標(biāo)簽中，加入圖標(biāo)字體。
圖標(biāo)字體可在主題目錄中看到，路徑：wp-content/themes/orange/plugins/iconfont
打開(kāi)用瀏覽器打開(kāi)下圖中的demo_index.html，即可看到主題可使用的字體圖標(biāo)。
圖標(biāo)字體代碼參考：
<i class="iconfont icon-shouye_home"></i>點(diǎn)擊下圖的 Font class，即可看到字體圖標(biāo)的代碼，修改上文中的icon-shouye_home。
如果你網(wǎng)站是新站，沒(méi)有文章數(shù)據(jù)，可使用我們的文章數(shù)據(jù)，使用wordpress自帶導(dǎo)入工具，導(dǎo)入即可。
數(shù)據(jù)壓縮包：憑訂單號(hào)建議客服獲取。
壓縮包解壓后，導(dǎo)入到導(dǎo)入工具中。具體教程請(qǐng)看：http://zwiv.cn/wordpress-dao-ru-shu-ju-xml.html
注意??：導(dǎo)入到數(shù)據(jù)不含圖片，可能會(huì)提示圖片不存在，或者演示中文章、列表沒(méi)有圖片。