Mango 主题安装前的准备工作

1、安装nicetheme提供的最新版「积木箱子」插件:https://www.nicetheme.cn/jimu,并按照教程完成操作:https://www.nicetheme.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的小字说明。iconfont图标教程:https://www.nicetheme.cn/charu-alibaba-iconfont.html

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、用户角色徽章:用户角色前端徽章,显示在昵称旁边。可插入图片地址、图片base64等 。不填则显示默认的,大小约为:48px * 16px。

3、用户角色可投稿数量:每个用户角色可在前端投稿的数量可自定义,以此控制用户创建文章的数量。填 0 则不可投稿。

4、用户可投稿分类:前端用户可选择的投稿分类。

拓展设置

Mango 主题 v1.0 设置教程-nicetheme_奈思主题

可选择是否显示面包屑、置顶、VIP高亮文字自定义(在文章分类或者文章中显示),文章缩略图的处理包括七牛云裁切、又拍云图像裁切、阿里云oss图像裁切以及直接输出原图。如果你使用第三方图床,请使用指定的插件。文章是否显示浏览量、点赞等模块。

安全模式

Mango 主题 v1.0 设置教程-nicetheme_奈思主题

可新建一个启动页,控制整个网站是否开放用户浏览。如开启安全模式,则用户只能登录后才可以访问网站。普通模式则为没有限制。页面效果如下:

Mango 主题 v1.0 设置教程-nicetheme_奈思主题

广告设置

预留4种广告位,首页文章列表下的长幅广告、其他归档页文章列表下的广告以及文章页内容下方的广告位。

底部设置

备案号等自定义代码等。

文章模版

主题预留四种文章模版(形式):标准、图像。设置教程:https://www.nicetheme.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_奈思主题

设置教程参考下面的文章: