视频教程

https://www.bilibili.com/video/BV1Qg411k7rH/?vd_source=5f01ffbba637522679bdcec7c25ae162

来都来了,记得点点关注 🙏

一、安装前的准备工作

1、请确保服务器 PHP 版本在7.0以上。

2、设置媒体缩略图大小:300*300,其他可按下面截图设置为0。缩略图设置为300*300,原因在于主题头像上传后,需要使用缩略图,如不设置,可能会造成头像变形。

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

3、设置固定连接:新站的话请「设置」-「固定连接」为自定义结构/%post_id%.html,另外请确保服务器已经设置好伪静态规则。具体教程:链接

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

二、网站优化

安装 nicetheme 提供的最新版「积木箱子」插件:https://www.nicetheme.cn/jimu

在「积木」-「网站优化积木」中, 有将近几十到一百多项的优化设置。可根据说明进行开启关闭。这里只提几个和主题有关的设置。

1、优化设置:开启「优化古腾堡编辑器一些功能样式」和 开启「屏蔽 WordPress 5.8 小工具区块管理界面」,如下图

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

2、优化设置:如发现评论头像无法显示,请在「国内优化」- 「Gravatar 镜像加速 」选中其中一个镜像,国内用户推荐使用「LOLI.NET」或者 「cravatar」。

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

三、主题设置

主题设置集中「积木」——「 Vanilla 主题设置」中。一共 6 个模块。

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

1、基础设置

这里挑几个说一说

1)LOGO图片,尺寸参考 220px * 50px。

2)分类封面默认图,比例为1:1或者3:2都可以,具体可上传图片试一试效果。

3)用户角色说明页面:如果你的内容限定展示给不同的用户角色,可以通过这个页面进行说明。如下图,按钮「会员限定」将会跳转到这个页面。

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

4)用户角色重命名:可以自定义几个默认角色的前端显示名称。如上图,「超级会员」则是修改某个用户角色。隐藏内容,只会开放给限定用户角色的账号浏览。用户角色权限:管理员 > 编辑 > 作者 > 投稿者 > > 订阅者 。前者会继承后者的权限,比如:编辑能看到限定给作者、投稿者、订阅者的内容。

2、首页设置

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

1)首页顶部轮播区:设置图片+链接,即可完成,图片宽度最大1920px,比例为3:1 。

2)首页分类卡片推送模块:首页可显示指定的分类,用户可更快的了解网站内容栏目并跳转到栏目中。如上图中间红色区域。

3)首页分类文章推送模块:首页可显示指定的文章列表,如上图下方的红色区域。如该分类中,有二级分类,则会在该区域的右上角显示所有二级分类。用户可通过点击二级分类查看该分类的内容。文章列表推送模块,有2种样式,可根据需要进行切换使用。

4)首页最新文章列表模块:默认首页最下方,会显示网站最新的内容,关闭后,则首页不显示。

3、文章相关

列表相关的显示内容,如文章摘要、时间、评论、浏览数、点赞数、文章角标,均可以在这里进行设置。

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

4、动态加载

开启相关的功能,首页的最新文章列表、分类列表的文章,将不刷新页面加载列表。关闭这按分页形式加载列表文章。seo 玄学中,使用分页加载,会更友好一些。

5、广告设置

在首页、分类列表、文章正文上下方,均可设置广告图或者写入广告代码

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

6、底部设置

添加底部信息,如icp备案号、公安备案好、统计代码,可在这里进行添加。

 

以上主题设置相关已经介绍完毕。

 

四、菜单设置

主题有两个地方需要设置菜单「移动菜单」及「主菜单」。

其中「移动菜单」在移动端显示。「主菜单」只在电脑端显示。

菜单的设置教程请看教程:https://www.nicetheme.cn/wordpress-cai-dan-dao-hang-gong-neng-she-zhi-jiao-cheng.html

五、分类设置

分类创建时,需要注意一下设置「分类封面」,可用于在首页 cms 、分类归档页顶部显示。

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

六、文章相关

文章下方有主题的「文章拓展」模块,如下图。

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

1、精选高亮标志:会在列表、文章中显示精选角标。

2、数据参数:如果你的文章内容是有一些数据参数,如下图。

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

参数标识也可以自定义,具体如下图:

坐标:主题设置 - 文章设置

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

3、视频集模块:如果你的文章内容是电影、影片、个人视频相关,可在通过这里关联视频集模块。

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

4、资源列表:该区域,可设置可见范围(公开、评论可见、公众号可见、用户可见),资源项目可提供下载列表。其中如果是网盘相关,可以使用弹窗,分别显示跳转按钮、以及提取码。

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

效果如下图:

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

七、如何给用户修改用户角色

在「后台」- 「用户」-「所有用户」,某个用户,点击「编辑」,如下图找到「角色」,修改网站角色。

调整角色的用户权限,建议配合插件「User Role Editor 」https://cn.wordpress.org/plugins/user-role-editor/,去掉一些发表文章、编辑评论等功能。

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

八、如何设置视频集

1、在「后台」-「视频集」-「添加新视频集」,如下图

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

2、输入标题后,着重完成下图红色区域的选择和填写。介绍文章选择之前发布的文章,选择后可关联到文章。在剧集文章中显示该文章的信息。视频,请自行上传到媒体或者第三方图床,再复制视频地址到下图红色区域中。

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

3、回到某篇介绍文章,在下图红色区域中,选中所有相关的剧集。即可在前端显示所有剧集。

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

九、视频集中的弹幕如何显示

剧集中的弹幕,为文章评论,开放用户发表评论,即可显示在视频中。

十、小工具

主题自带的小工具为:文章聚合小工具,如下图。

显示类型中只要选中浏览最多、点赞最多、评论最多(如下图),即可在列表中显示排行。其他显示类型不显示排行。

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

十一、数据导入

数据仅有文章相关数据,没有特色图,导入后,请看以上教程进行设置。

数据导入教程:https://www.nicetheme.cn/wordpress-dao-ru-shu-ju-xml.html