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