Mango 主題安裝前的準(zhǔn)備工作
1、安裝nicetheme提供的最新版「積木箱子」插件:http://zwiv.cn/jimu,并按照教程完成操作:http://zwiv.cn/nicetheme-jimu-set.html
2、有必要導(dǎo)入官方演示站數(shù)據(jù)的朋友,請(qǐng)下載導(dǎo)入文件:mango.WordPress.2023-09-19.xml 。導(dǎo)入教程:使用 WordPress 導(dǎo)入工具導(dǎo)入演示文章數(shù)據(jù)(不含圖片)
3、Mango 主題需要使用 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)搜索或者在搜索引擎搜索下載使用。)
4、安裝「積木箱子」后即可安裝 Mango 主題,所有的主題設(shè)置項(xiàng)均在 wordpress 儀表盤“積木”下的“Mango 主題設(shè)置”,如圖1。
5、菜單設(shè)置:「后臺(tái)」-「菜單」。新建一個(gè)新菜單,如下圖。添加對(duì)應(yīng)的菜單,給每個(gè)菜單設(shè)置好圖標(biāo)(步驟4),勾選步驟6「菜單顯示位置」,保存菜單即可。菜單圖標(biāo)詳細(xì)設(shè)置教程,請(qǐng)看留意下圖步驟4的小字說明。iconfont圖標(biāo)教程:http://zwiv.cn/charu-alibaba-iconfont.html
基礎(chǔ)設(shè)置
1、網(wǎng)站logo:比例大致為4:1 。
2、文章縮略圖:當(dāng)文章中暫時(shí)沒有圖片的時(shí)候,作為占位圖顯示。
3、微信公眾號(hào)二維碼:用于隱藏內(nèi)容關(guān)注公眾號(hào)使用。
布局設(shè)置
1、首頁頂部輪播區(qū):顯示在首頁上,圖片比例為 3:1
2、首頁推薦類型:可選擇顯示文章或者文章分類,顯示在首頁底部。效果如下:
3、歸檔頁布局樣式:文章列表可選擇瀑布流布局或者常規(guī)布局。PS:首頁不支持切換至常規(guī)模式。
4、瀑布流卡片的文字信息:如果你希望列表中顯示文章標(biāo)題,保持顯示即可。
動(dòng)態(tài)加載
1、首頁自定義分類篩選欄:如果你希望首頁tab欄(如下圖1),添加其他分類即可。分類的圖標(biāo),需要在分類中進(jìn)行設(shè)置。如圖2。
登錄注冊(cè)
1、注冊(cè)通道:支持關(guān)閉、默認(rèn)、或者邀請(qǐng)制。邀請(qǐng)碼:用戶輸入制定邀請(qǐng)碼,才可支持注冊(cè)賬號(hào)。
2、登錄注冊(cè)方式:郵件或者手機(jī)注冊(cè)。郵箱注冊(cè)需要服務(wù)器具備smtp服務(wù),使用smtp插件配置好smtp服務(wù)??。手機(jī)登錄注冊(cè)支持:阿里云??或騰訊云??
3、快捷登錄注冊(cè):支持QQ快捷登錄。申請(qǐng)QQ互聯(lián)中,回調(diào)地址為:網(wǎng)站地址/dmapi/qq_login
用戶中心
1、用戶角色重命名:可不設(shè)置,修改后名稱,僅作用于主題某些模塊中。
2、用戶角色徽章:用戶角色前端徽章,顯示在昵稱旁邊。可插入圖片地址、圖片base64等 。不填則顯示默認(rèn)的,大小約為:48px * 16px。
3、用戶角色可投稿數(shù)量:每個(gè)用戶角色可在前端投稿的數(shù)量可自定義,以此控制用戶創(chuàng)建文章的數(shù)量。填 0 則不可投稿。
4、用戶可投稿分類:前端用戶可選擇的投稿分類。
拓展設(shè)置
可選擇是否顯示面包屑、置頂、VIP高亮文字自定義(在文章分類或者文章中顯示),文章縮略圖的處理包括七牛云裁切、又拍云圖像裁切、阿里云oss圖像裁切以及直接輸出原圖。如果你使用第三方圖床,請(qǐng)使用指定的插件。文章是否顯示瀏覽量、點(diǎn)贊等模塊。
安全模式
可新建一個(gè)啟動(dòng)頁,控制整個(gè)網(wǎng)站是否開放用戶瀏覽。如開啟安全模式,則用戶只能登錄后才可以訪問網(wǎng)站。普通模式則為沒有限制。頁面效果如下:
廣告設(shè)置
預(yù)留4種廣告位,首頁文章列表下的長(zhǎng)幅廣告、其他歸檔頁文章列表下的廣告以及文章頁內(nèi)容下方的廣告位。
底部設(shè)置
備案號(hào)等自定義代碼等。
文章模版
主題預(yù)留四種文章模版(形式):標(biāo)準(zhǔn)、圖像。設(shè)置教程:http://zwiv.cn/wordpress-re-he-xuan-ze-wen-zhang-xing-shi.html
標(biāo)準(zhǔn)形式:即普通文章,圖文混排。如下左圖
圖片形式:圖片將以瀑布流形式展示。如下右圖
文章拓展設(shè)置
可設(shè)置文章的可見范圍:隱藏文章內(nèi)容,可通過評(píng)論、關(guān)注公眾號(hào)獲取驗(yàn)證碼或者指定用戶可見。如下圖
文章目錄:默認(rèn)文章模版中,可增加文章目錄,如下圖。
設(shè)置方式:編輯文章下方,可見「Mango 主題文章目錄」,開啟即可。如下圖
圖片文章在列表中,如果文章中超過2篇文章,列表中會(huì)有特殊的陰影特效。其陰影的顏色,可自定義,如下圖:
頁面模版
欄目集:可顯示全站的分類、標(biāo)簽。如下圖
操作方式:新建頁面 - 選擇頁面模版(欄目分類標(biāo)簽摘要)如下圖
微信登錄
支持未認(rèn)證的訂閱號(hào)或者服務(wù)號(hào)使用。用戶只需要關(guān)注公眾號(hào)后,回復(fù)關(guān)鍵詞“登錄”,即可獲取驗(yàn)證碼,在網(wǎng)站中回復(fù)收到的驗(yàn)證碼,即可完成登錄注冊(cè)。
設(shè)置教程參考下面的文章: