Mango 主題安裝前的準備工作

1、安裝nicetheme提供的最新版「積木箱子」插件:http://www.avjm.cn/jimu,并按照教程完成操作:http://www.avjm.cn/nicetheme-jimu-set.html

2、有必要導入官方演示站數據的朋友,請下載導入文件:mango.WordPress.2023-09-19.xml 。導入教程:使用 WordPress 導入工具導入演示文章數據(不含圖片)

3、Mango 主題需要使用 WordPress 自帶縮略圖功能,請如下圖進行設置:

  • 在「設置」-「媒體」- 設置大小,縮略圖大小,寬度填450,高度填0 (因為瀑布流圖片高度需要按照圖片尺寸進行裁剪,因此高度為0 )。其他的尺寸按下圖進行設置即可。
  • 如果你之前縮略圖生成了是正方形的,需要重新上傳圖片,或者使用第三方插件重新生成縮略圖。插件比如:Regenerate Thumbnails (插件市場搜索或者在搜索引擎搜索下載使用。)
Mango 主題 v1.0 設置教程-nicetheme_奈思主題

4、安裝「積木箱子」后即可安裝 Mango 主題,所有的主題設置項均在 wordpress 儀表盤“積木”下的“Mango 主題設置”,如圖1。

Mango 主題 v1.0 設置教程-nicetheme_奈思主題

5、菜單設置:「后臺」-「菜單」。新建一個新菜單,如下圖。添加對應的菜單,給每個菜單設置好圖標(步驟4),勾選步驟6「菜單顯示位置」,保存菜單即可。菜單圖標詳細設置教程,請看留意下圖步驟4的小字說明。

Mango 主題 v1.0 設置教程-nicetheme_奈思主題

基礎設置

1、網站logo:比例大致為4:1 。

2、文章縮略圖:當文章中暫時沒有圖片的時候,作為占位圖顯示。

3、微信公眾號二維碼:用于隱藏內容關注公眾號使用。

布局設置

Mango 主題 v1.0 設置教程-nicetheme_奈思主題

1、首頁頂部輪播區:顯示在首頁上,圖片比例為 3:1

Mango 主題 v1.0 設置教程-nicetheme_奈思主題

2、首頁推薦類型:可選擇顯示文章或者文章分類,顯示在首頁底部。效果如下:

Mango 主題 v1.0 設置教程-nicetheme_奈思主題

3、歸檔頁布局樣式:文章列表可選擇瀑布流布局或者常規布局。PS:首頁不支持切換至常規模式。

4、瀑布流卡片的文字信息:如果你希望列表中顯示文章標題,保持顯示即可。

 

動態加載

Mango 主題 v1.0 設置教程-nicetheme_奈思主題

1、首頁自定義分類篩選欄:如果你希望首頁tab欄(如下圖1),添加其他分類即可。分類的圖標,需要在分類中進行設置。如圖2。

Mango 主題 v1.0 設置教程-nicetheme_奈思主題
圖1
Mango 主題 v1.0 設置教程-nicetheme_奈思主題
圖2

登錄注冊

Mango 主題 v1.0 設置教程-nicetheme_奈思主題

1、注冊通道:支持關閉、默認、或者邀請制。邀請碼:用戶輸入制定邀請碼,才可支持注冊賬號。

Mango 主題 v1.0 設置教程-nicetheme_奈思主題

2、登錄注冊方式:郵件或者手機注冊。郵箱注冊需要服務器具備smtp服務,使用smtp插件配置好smtp服務??。手機登錄注冊支持:阿里云??或騰訊云??

3、快捷登錄注冊:支持QQ快捷登錄。申請QQ互聯中,回調地址為:網站地址/dmapi/qq_login

用戶中心

Mango 主題 v1.0 設置教程-nicetheme_奈思主題

1、用戶角色重命名:可不設置,修改后名稱,僅作用于主題某些模塊中。

2、用戶角色徽章:用戶角色前端徽章,顯示在昵稱旁邊??刹迦雸D片地址、圖片base64等 。不填則顯示默認的,大小約為:48px * 16px。

3、用戶角色可投稿數量:每個用戶角色可在前端投稿的數量可自定義,以此控制用戶創建文章的數量。填 0 則不可投稿。

4、用戶可投稿分類:前端用戶可選擇的投稿分類。

拓展設置

Mango 主題 v1.0 設置教程-nicetheme_奈思主題

可選擇是否顯示面包屑、置頂、VIP高亮文字自定義(在文章分類或者文章中顯示),文章縮略圖的處理包括七牛云裁切、又拍云圖像裁切、阿里云oss圖像裁切以及直接輸出原圖。如果你使用第三方圖床,請使用指定的插件。文章是否顯示瀏覽量、點贊等模塊。

安全模式

Mango 主題 v1.0 設置教程-nicetheme_奈思主題

可新建一個啟動頁,控制整個網站是否開放用戶瀏覽。如開啟安全模式,則用戶只能登錄后才可以訪問網站。普通模式則為沒有限制。頁面效果如下:

Mango 主題 v1.0 設置教程-nicetheme_奈思主題

廣告設置

預留4種廣告位,首頁文章列表下的長幅廣告、其他歸檔頁文章列表下的廣告以及文章頁內容下方的廣告位。

底部設置

備案號等自定義代碼等。

文章模版

主題預留四種文章模版(形式):標準、圖像。設置教程:http://www.avjm.cn/wordpress-re-he-xuan-ze-wen-zhang-xing-shi.html

標準形式:即普通文章,圖文混排。如下左圖

圖片形式:圖片將以瀑布流形式展示。如下右圖

文章拓展設置

可設置文章的可見范圍:隱藏文章內容,可通過評論、關注公眾號獲取驗證碼或者指定用戶可見。如下圖

Mango 主題 v1.0 設置教程-nicetheme_奈思主題

文章目錄:默認文章模版中,可增加文章目錄,如下圖。

Mango 主題 v1.0 設置教程-nicetheme_奈思主題

設置方式:編輯文章下方,可見「Mango 主題文章目錄」,開啟即可。如下圖

Mango 主題 v1.0 設置教程-nicetheme_奈思主題

圖片文章在列表中,如果文章中超過2篇文章,列表中會有特殊的陰影特效。其陰影的顏色,可自定義,如下圖:

Mango 主題 v1.0 設置教程-nicetheme_奈思主題

頁面模版

欄目集:可顯示全站的分類、標簽。如下圖

Mango 主題 v1.0 設置教程-nicetheme_奈思主題

操作方式:新建頁面 - 選擇頁面模版(欄目分類標簽摘要)如下圖

Mango 主題 v1.0 設置教程-nicetheme_奈思主題

微信登錄

支持未認證的訂閱號或者服務號使用。用戶只需要關注公眾號后,回復關鍵詞“登錄”,即可獲取驗證碼,在網站中回復收到的驗證碼,即可完成登錄注冊。

Mango 主題 v1.0 設置教程-nicetheme_奈思主題

設置教程參考下面的文章: