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 (插件市场搜索或者在搜索引擎搜索下载使用。)
4、安装「积木箱子」后即可安装 Mango 主题,所有的主题设置项均在 wordpress 仪表盘“积木”下的“Mango 主题设置”,如图1。
5、菜单设置:「后台」-「菜单」。新建一个新菜单,如下图。添加对应的菜单,给每个菜单设置好图标(步骤4),勾选步骤6「菜单显示位置」,保存菜单即可。菜单图标详细设置教程,请看留意下图步骤4的小字说明。iconfont图标教程:https://www.nicetheme.cn/charu-alibaba-iconfont.html
基础设置
1、网站logo:比例大致为4:1 。
2、文章缩略图:当文章中暂时没有图片的时候,作为占位图显示。
3、微信公众号二维码:用于隐藏内容关注公众号使用。
布局设置
1、首页顶部轮播区:显示在首页上,图片比例为 3:1
2、首页推荐类型:可选择显示文章或者文章分类,显示在首页底部。效果如下:
3、归档页布局样式:文章列表可选择瀑布流布局或者常规布局。PS:首页不支持切换至常规模式。
4、瀑布流卡片的文字信息:如果你希望列表中显示文章标题,保持显示即可。
动态加载
1、首页自定义分类筛选栏:如果你希望首页tab栏(如下图1),添加其他分类即可。分类的图标,需要在分类中进行设置。如图2。
登录注册
1、注册通道:支持关闭、默认、或者邀请制。邀请码:用户输入制定邀请码,才可支持注册账号。
2、登录注册方式:邮件或者手机注册。邮箱注册需要服务器具备smtp服务,使用smtp插件配置好smtp服务🔗。手机登录注册支持:阿里云🔗或腾讯云🔗
3、快捷登录注册:支持QQ快捷登录。申请QQ互联中,回调地址为:网站地址/dmapi/qq_login
用户中心
1、用户角色重命名:可不设置,修改后名称,仅作用于主题某些模块中。
2、用户角色徽章:用户角色前端徽章,显示在昵称旁边。可插入图片地址、图片base64等 。不填则显示默认的,大小约为:48px * 16px。
3、用户角色可投稿数量:每个用户角色可在前端投稿的数量可自定义,以此控制用户创建文章的数量。填 0 则不可投稿。
4、用户可投稿分类:前端用户可选择的投稿分类。
拓展设置
可选择是否显示面包屑、置顶、VIP高亮文字自定义(在文章分类或者文章中显示),文章缩略图的处理包括七牛云裁切、又拍云图像裁切、阿里云oss图像裁切以及直接输出原图。如果你使用第三方图床,请使用指定的插件。文章是否显示浏览量、点赞等模块。
安全模式
可新建一个启动页,控制整个网站是否开放用户浏览。如开启安全模式,则用户只能登录后才可以访问网站。普通模式则为没有限制。页面效果如下:
广告设置
预留4种广告位,首页文章列表下的长幅广告、其他归档页文章列表下的广告以及文章页内容下方的广告位。
底部设置
备案号等自定义代码等。
文章模版
主题预留四种文章模版(形式):标准、图像。设置教程:https://www.nicetheme.cn/wordpress-re-he-xuan-ze-wen-zhang-xing-shi.html
标准形式:即普通文章,图文混排。如下左图
图片形式:图片将以瀑布流形式展示。如下右图
文章拓展设置
可设置文章的可见范围:隐藏文章内容,可通过评论、关注公众号获取验证码或者指定用户可见。如下图
文章目录:默认文章模版中,可增加文章目录,如下图。
设置方式:编辑文章下方,可见「Mango 主题文章目录」,开启即可。如下图
图片文章在列表中,如果文章中超过2篇文章,列表中会有特殊的阴影特效。其阴影的颜色,可自定义,如下图:
页面模版
栏目集:可显示全站的分类、标签。如下图
操作方式:新建页面 - 选择页面模版(栏目分类标签摘要)如下图
微信登录
支持未认证的订阅号或者服务号使用。用户只需要关注公众号后,回复关键词“登录”,即可获取验证码,在网站中回复收到的验证码,即可完成登录注册。
设置教程参考下面的文章: