服务器与VPS
促销优惠信息

免费WordPress主题 【Weisay Box】响应式博客网站模板

查看目录
文章目录隐藏
  1. Weisay Box主题信息
  2. 主题截图
  3. Weisay Box主题功能
  4. Weisay Box 主题设置

偶然的机会又发现一款漂亮的免费wordpress主题,这是一款简洁大方的响应式主题模板,两栏布局的经典样式,非常适合文艺范和技术类的博客网站。本来我是寻找网站文章目录悬浮代码的,结果竟然发现博主还是一个出色的wordpress主题开发者,他创作的这款Weisay Box主题从2022年发布至今,已经更新了十几个版本,看的出来是很认真的主题作者。

Weisay Box主题信息

主题名称 Weisay Box
最新版本 5.0.2
发布日期 2022-11-05
最后更新 2023-10-16
更新日志 点击查看
WP版本 5.0+,优先最新版
PHP版本 PHP7.3 – PHP8.1
兼容性 响应式,自适应PC端和手机端
兼容性 FireFox、Chrome、Edge等,不支持IE
外部引用 mmenu.js 、 Options Framework、Prism.js

主题截图

免费WordPress主题 【Weisay Box】响应式博客网站模板

 

Weisay Box主题功能

这款主题使用应该是非常简单的,自带留言、友情链接、归档3个独立页面,后台进行简单设置之后就能愉快的使用起来。

1、安装插件

建议安装WP-PostViews插件,除了可以展示文章阅读数量外,主题侧边栏自带了分类热门日志需要这个插件的支持,当然,如果你不看重阅读数量这些虚名,不安装也没有问题,就是不展示罢了。

2、自定义导航菜单

后台-外观-菜单,可以进行菜单的编辑,主题带了3个菜单配置,一个是PC页面顶部位置,一个是PC页面的网站标题下方,一个是移动端左侧展开的导航,都支持无限层级展示。建议PC顶部放独立页面,网站标题下方的导航放博客分类,移动端左侧导航放两者合一。菜单的编辑与设置件下图。

后台菜单设置

移动端左侧展开的导航主要使用mmenu.js,早年我使用的是JQuery版本,发现目前新版已经不依赖JQuery了,也放弃了对 IE 的支持,功能也有改进,所以这次主题也升级到了V9.1版。

所以移动端导航集成了搜索,多级菜单及展示子菜单的数量,登录用户在侧边栏底部新增后台的仪表盘链接。

移动端主题左侧抽屉菜单

4、评论楼层显示问题

主题默认要求发表的评论是新的在最上面,如果你发现你的评论楼层显示不对,请打开 后台-设置-讨论 ,选择 “在每个页面顶部显示【新的】评论”。主题支持评论嵌套,嵌套的层数可以在“最多嵌套 X 层”中选择。

评论展示配置

Weisay Box 主题设置

主题后台管理使用了Options Framework框架,安装选择主题之后,点击后台侧边栏“外观”下面的“当前主题设置”进入主题设置界面。

当前主题设置入口

有3个分类:基础设置、功能设置、打赏设置。里面的配置内容都很简单,大家基本一看就懂。

主题设置分类菜单

4.1、基础设置
里面的描述和关键词还是建议大家都填一下。其他的大家根据实际情况填写就行。

4.2、功能设置
里面都是基础的功能设置,大多我已经默认选择好了,下面几点我特别说一下。

4.2.1、缩略图类型
缩略图类型的选择,有3个选项,比如:特色图片>自定义缩略图>文章第一张图>随机缩略图。表示列表页的缩略图,如果文章有特色图片,就优先显示特色图片,没有则显示自定义缩略图,再没有就显示文章第一张图片,最后若什么都没有设置就显示随机图片了。

特色图片

最好将后台-设置-媒体里面的缩略图大小的宽度调整为280,高度调整为200,避免缩略图展示的时候压缩变形,特色图片的具体使用可见《WordPress特色图像功能详解》。

可以自定义缩略图

在后台文章编辑页面的下方有—自定义栏目。添加自定义栏目,名称必须使用:thumbnail 字段值就是图片路径,建议使用完整图片途径。

4.2.2、Gravatar头像替换源
由于默认的Gravatar头像在国内无法正常展示,所以配置了5个替换源,都是目前可用的,大家可以根据实际情况选择一个源。感谢那些无私奉献的朋友。

4.2.3、是否开启代码高亮功能(Prism.js)
使用的 Prism.js 来实现代码高亮功能,默认不开启,想要使用的首先需要选择开启。

如果你用的是经典编辑器,在文本模式下,新增了一些快捷按钮,包含常用代码格式,方便代码嵌入。

免费WordPress主题 【Weisay Box】响应式博客网站模板

经典编辑器添加自定义按钮

如果你用的区块编辑器(古腾堡),在插入代码区块后,在右侧的“区块”里面找到“高级”。

点击“高级”,在下面的“额外的CSS类”的里面加上

line-numbers language-xxx

其中xxx改为实际代码语言的名字,比如:php、css、javascript

Prism.js 的使用也可以参考 Prism.js的使用方法。

4.2.4、是否展示走心评论
默认不展示,开启展示最好将下面的“输入您的走心评论独立页面链接”里面的链接填上,这样走心评论标识上的链接点击可以进入走心评论独立页面。

走心评论独立页面使用的模板方式加载,新建独立页面,模板中选择Touching,保存就可以了。具体使用可以参考 WordPress 插件:走心评论 Touching Comments,基本比较类似。

4.2.5、首页展示某分类友链

默认是0,就是展示所有友情链接,如果你有友情链接分类的话,点击后台侧边栏的“链接 – 链接分类”,当你把鼠标放到分类名称上的时候,浏览器下面会显示链接,/wp-admin/term.php?taxonomy=link_category&tag_ID=6&post_type=post…… 。其中tag_ID=6 是我们这里需要的信息,如果你希望把这个了分类的链接放到首页,那么你就将0改为6,那么6这个分类的友情链接就会展示到首页了。

5、打赏设置

如果选择展示文章下方的打赏功能,那么自己要上支付宝和微信的二维码图片。

版权声明和免责声明

主题页面底部的作者信息敬请保留。免责申明用户不得利用本Wordpress主题Weisay Box以任何方式从事违反法律法规及社会公序良俗的行为,用户须对其不当使用行为可能带来的后果负全部责任。

楚狂人 » 免费WordPress主题 【Weisay Box】响应式博客网站模板

相关推荐

  • 暂无文章

评论 抢沙发

  • (必填)
  • (必填)

觉得文章有用就打赏一下文章作者

非常感谢你的打赏,我们将继续给力更多优质内容,让我们一起创建更加美好的网络世界!

支付宝扫一扫打赏

微信扫一扫打赏