主題安裝前的準(zhǔn)備工作
1、安裝nicetheme提供的最新版「積木箱子」插件:http://r1330.cn/jimu,并按照教程完成操作:http://r1330.cn/nicetheme-jimu-set.html
2、主題需要使用 WordPress 自帶縮略圖功能,請(qǐng)如下圖進(jìn)行設(shè)置:
- 在「設(shè)置」-「媒體」- 設(shè)置大小,縮略圖大小,寬度填300,高度填0 。其他的尺寸按下圖進(jìn)行設(shè)置,系統(tǒng)將不會(huì)生成其他尺寸的圖片。注意:如果圖片超過(guò)2000px,系統(tǒng)仍會(huì)裁剪成低于2000px的圖片,此為wp的規(guī)則,非主題問(wèn)題。
- 如果你之前縮略圖生成了是正方形的,需要重新上傳圖片,或者使用第三方插件重新生成縮略圖。插件比如:Regenerate Thumbnails (插件市場(chǎng)搜索或者在搜索引擎搜索下載使用。)
3、安裝「積木箱子」后即可安裝 Alright 主題,所有的主題設(shè)置項(xiàng)均在 wordpress 儀表盤(pán)“積木”下的“Alright 主題設(shè)置”,如圖1。
4、首次安裝主題,首頁(yè)可能空白,請(qǐng)先補(bǔ)充文章內(nèi)容,按主題教程配置主題功能。
5、如果你網(wǎng)站是新站,沒(méi)有文章數(shù)據(jù),可使用我們的文章數(shù)據(jù),使用wordpress自帶導(dǎo)入工具,導(dǎo)入即可。數(shù)據(jù)壓縮包:憑訂單號(hào)建議客服獲取。
壓縮包解壓后,導(dǎo)入到導(dǎo)入工具中。具體教程請(qǐng)看:http://r1330.cn/wordpress-dao-ru-shu-ju-xml.html
注意??:導(dǎo)入到數(shù)據(jù)不含圖片,可能會(huì)提示圖片不存在,或者演示中文章、列表沒(méi)有圖片。
一、基礎(chǔ)設(shè)置
1、網(wǎng)站logo
2、網(wǎng)站背景圖:全局顯示,下拉會(huì)有隱藏特效
3、網(wǎng)站加載動(dòng)畫(huà):在網(wǎng)站加載內(nèi)容時(shí),會(huì)有加載動(dòng)畫(huà),網(wǎng)站內(nèi)容加載完畢后,動(dòng)畫(huà)隱藏。如果覺(jué)得網(wǎng)站加載較慢,建議關(guān)閉這個(gè)功能。
4、文章默認(rèn)縮略圖:網(wǎng)站縮略圖會(huì)有延遲加載特效,需要設(shè)置這個(gè)默認(rèn)圖。
5、分類(lèi)默認(rèn)封面:文章分類(lèi)、標(biāo)簽在頂部可自定義顯示封面圖,如果沒(méi)有自定義,則顯示這張默認(rèn)圖。
6、微信公眾號(hào)二維碼:隱藏內(nèi)容,掃碼關(guān)注獲取驗(yàn)證碼使用
二、布局設(shè)置
主要設(shè)置首頁(yè)頂部輪播圖,可自定義設(shè)置圖片+鏈接,也可以隨機(jī)顯示
三、動(dòng)態(tài)加載
首頁(yè)可設(shè)置網(wǎng)站欄目tab菜單欄,用戶可點(diǎn)擊欄目加載對(duì)應(yīng)的文章列表,見(jiàn)下圖。
四、登錄注冊(cè)
1、極驗(yàn)行為驗(yàn)證4.0:將會(huì)在用戶獲取手機(jī)驗(yàn)證碼、郵箱驗(yàn)證碼時(shí),彈出驗(yàn)證,防止惡意攻擊。接入之前,需要自行注冊(cè)好極驗(yàn)帳號(hào),網(wǎng)址:https://www.geetest.com/en/。然后在「業(yè)務(wù)模塊與場(chǎng)景部署管理列表」中,找到ID 和Key ,并填寫(xiě)。
2、常規(guī)登錄注冊(cè):如果你網(wǎng)站不準(zhǔn)備公開(kāi)用戶注冊(cè)登錄,可關(guān)閉這個(gè)功能。如果設(shè)置了郵箱登錄注冊(cè),請(qǐng)?jiān)O(shè)置好smtp。如果開(kāi)啟了短信登錄注冊(cè),請(qǐng)?jiān)O(shè)置好啊短信接口,查看騰訊云、阿里云
3、QQ 登錄:開(kāi)啟后,需要先在QQ互聯(lián)平臺(tái)注冊(cè),并獲相應(yīng)信息。QQ 申請(qǐng)網(wǎng)址:https://connect.qq.com/index.html ,教程:http://r1330.cn/apollo-ji-mu-ru-he-she-zhi-qq-deng-lu-mo-kuai.html
4、公眾號(hào)關(guān)注登錄:需要公眾號(hào)為認(rèn)證服務(wù)號(hào),教程:http://r1330.cn/apollo-wechat-sign.html
五、用戶中心
1、顯示IP屬地:需先安裝「IP 歸屬地積木」。
2、用戶角色重命名:前端暫時(shí)不需要設(shè)置此項(xiàng)。
3、用戶角色徽章:用戶在前端頭像右下角,會(huì)顯示一個(gè)認(rèn)證徽章,可插入圖片地址、圖片base64等 ,不填則顯示默認(rèn)的。
4、投稿模塊:開(kāi)啟后,可設(shè)置投稿分類(lèi)、標(biāo)簽、用戶投稿時(shí)可上傳的圖片數(shù)量以及大小。
六、拓展設(shè)置
1、網(wǎng)站使用第三方中文字體:加載個(gè)性化開(kāi)源字體,來(lái)源官方??赡軙?huì)有存在不必要的、潛在的風(fēng)險(xiǎn),謹(jǐn)慎使用。
2、是否全局使用中文字體:開(kāi)啟后,全局使用第三方中文字體。關(guān)閉后,只運(yùn)用在標(biāo)題等地方。霞鶩文楷字體 建議使用 staticfile 節(jié)點(diǎn)。
3、頂部導(dǎo)航右上角顯示「隨機(jī)文章」按鈕:請(qǐng)先新建頁(yè)面——選擇頁(yè)面模版「隨機(jī)文章」。點(diǎn)擊會(huì)自動(dòng)跳轉(zhuǎn)到一篇隨機(jī)文章。點(diǎn)擊鍵盤(pán)刪除鍵,可移除頁(yè)面,即可在導(dǎo)航右側(cè)不顯示圖標(biāo)。
4、頂部導(dǎo)航右上角顯示「搜索」按鈕:關(guān)閉則不顯示搜索彈窗。
5、置頂高亮文字自定義:可自定義置頂字樣,默認(rèn):推薦。
6、瀏覽量、評(píng)論統(tǒng)計(jì)、點(diǎn)贊、收藏、標(biāo)簽、摘要等都可以設(shè)置隱藏或者顯示
7、文章快捷回復(fù)框:在列表中啟用快捷評(píng)論框,僅在用戶登錄后才顯示
8、文章鏈接在新標(biāo)簽頁(yè)中打開(kāi):僅控制文章列表中的文章
9、文章評(píng)論是否允許用戶填寫(xiě)網(wǎng)址:評(píng)論框可不需要用戶輸入網(wǎng)址
10、文章相關(guān)推薦模塊:顯示在文章底部,根據(jù)當(dāng)前文章的分類(lèi)和標(biāo)簽,查詢相關(guān)文章,并隨機(jī)顯示5篇文章。
七、廣告設(shè)置
首頁(yè)、文章頂部、底部以及分類(lèi)頁(yè)面頂部顯示廣告,可插入圖片或者代碼。
八、底部設(shè)置
1、手機(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)(插入圖標(biāo)的方法見(jiàn)下圖)。圖標(biāo)可在主題文件夾中找到,路徑為:Alright/plugins/iconfont
瀏覽器打開(kāi) demo_index.html
文件,查看圖標(biāo)代碼,具體查看教程
九、小工具
網(wǎng)站左側(cè)欄,請(qǐng)插入一個(gè)用戶卡片小工具,即可達(dá)到演示站效果,在網(wǎng)站左側(cè)顯示用戶信息。具體可見(jiàn)下圖,來(lái)設(shè)置。
網(wǎng)站右側(cè)欄,則可以在下圖中「默認(rèn)側(cè)欄」中統(tǒng)一設(shè)置,也支持不同的頁(yè)面顯示不同的右側(cè)欄。
十、分類(lèi)設(shè)置
在分類(lèi)目錄中,你可以設(shè)置分類(lèi)封面圖以及分類(lèi)圖標(biāo),見(jiàn)下圖。
十一、文章設(shè)置
1、內(nèi)容引入:需要在古登堡編輯器中,找到「文章引用」這個(gè)區(qū)塊,在文章中插入,并在右側(cè)選擇「引用內(nèi)容」——文章或者自定義圖文。見(jiàn)下圖
2、文章可見(jiàn)范圍:默認(rèn)公開(kāi),可設(shè)置評(píng)論可見(jiàn)、公眾號(hào)驗(yàn)證碼、指定用戶角色可見(jiàn)。注意:管理員在登錄狀態(tài)下,都可見(jiàn)。見(jiàn)下圖。
3、下載模塊:可設(shè)置按鈕樣式(默認(rèn)色和主色調(diào)),如果輸入了提取碼,會(huì)顯示提取碼,并支持復(fù)制。
十二、頁(yè)面模版
1、主題內(nèi)置標(biāo)簽頁(yè)面、用戶推薦、鏈接頁(yè)面、隨機(jī)文章頁(yè)面模版。設(shè)置如下圖。
2、鏈接頁(yè)面:需要先按教程設(shè)置好友情鏈接,教程:查看