距离上次发布WordPress主题已经有11年了，这期间其实也做过几个主题，也给别人单独定制过，当然还有一些实验品还在我电脑上躺着。有朋友希望我把之前的用的主题weisay box发布一下，于是10月的时候又重新修改了一波，上个主题『Weisay Simple』是11月5日发布的，这次『Weisay Box』也特地安排在了11月5日。
『Weisay Box』这个主题当时我自己应该有使用4、5年吧，这次修改新增功能不多，主要就是改进一些功能写法、处理兼容性和修正Bug。
主题初衷
这是一款简单的博客主题，没有花哨的界面，同样也没有复杂的操作与设置，经典耐看，上手非常简单，适合安心写文章的博友。
| 主题信息 | |
|---|---|
| 主题名称 | Weisay Box |
| 最新版本 | 4.4.2 |
| 发布日期 | 2022-11-05 |
| 最后更新 | 2023-02-24 |
| 更新日志 | 点击查看 |
| WP版本 | 5.0+，优先最新版 |
| PHP版本 | PHP7.3 – PHP8.1 |
| 兼容性 | 响应式，自适应PC端和手机端 |
| 兼容性 | FireFox、Chrome、Edge等，不支持IE |
| 外部引用 | mmenu.js 、 Options Framework、Prism.js |
| 主题下载 | 点击下载 |
主题预览
主题使用
主题使用应该是非常简单的，自带留言、友情链接、归档3个独立页面，后台进行简单设置之后就能愉快的使用起来。
1、安装插件
建议安装WP-PostViews插件，除了可以展示文章阅读数量外，主题侧边栏自带了分类热门日志需要这个插件的支持，当然，如果你不看重阅读数量这些虚名，不安装也没有问题，就是不展示罢了。
2、自定义导航菜单
后台-外观-菜单，可以进行菜单的编辑，主题带了3个菜单配置，一个是PC页面顶部位置，一个是PC页面的网站标题下方，一个是移动端左侧展开的导航，都支持无限层级展示。建议PC顶部放独立页面，网站标题下方的导航放博客分类，移动端左侧导航放两者合一。菜单的编辑与设置件下图。
移动端左侧展开的导航主要使用mmenu.js，早年我使用的是JQuery版本，发现目前新版已经不依赖JQuery了，也放弃了对 IE 的支持，功能也有改进，所以这次主题也升级到了V9.1版。
所以移动端导航集成了搜索，多级菜单及展示子菜单的数量，登录用户在侧边栏底部新增后台的仪表盘链接。
3、评论楼层显示问题
主题默认要求发表的评论是新的在最上面，如果你发现你的评论楼层显示不对，请打开 后台-设置-讨论 ，选择 “在每个页面顶部显示【新的】评论”。主题支持评论嵌套，嵌套的层数可以在“最多嵌套 X 层”中选择。
4、主题设置
主题后台管理使用了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 来实现代码高亮功能，默认不开启，想要使用的首先需要选择开启。
如果你用的是经典编辑器，在文本模式下，我新增了一些快捷按钮，包含常用代码格式，方便代码嵌入。
如果你用的区块编辑器（古腾堡），在插入代码区块后，在右侧的“区块”里面找到“高级”。
点击“高级”，在下面的“额外的CSS类”的里面加上
line-numbers language-xxx
其中xxx改为实际代码语言的名字，比如：php、css、javascript
Prism.js 的使用也可以参考 Prism.js的使用方法。
4.2.4、首页展示某分类友链
默认是0，就是展示所有友情链接，如果你有友情链接分类的话，点击后台侧边栏的“链接 – 链接分类”，当你把鼠标放到分类名称上的时候，浏览器下面会显示链接，/wp-admin/term.php?taxonomy=link_category&tag_ID=6&post_type=post…… 。其中tag_ID=6 是我们这里需要的信息，如果你希望把这个了分类的链接放到首页，那么你就将0改为6，那么6这个分类的友情链接就会展示到首页了。
5、打赏设置
如果选择展示文章下方的打赏功能，那么必须要上传图片，支付宝和微信的二维码图片。
其他的就靠大家摸索了，有使用bug或者不清楚的可以留言。
版权声明
主题页面底部的作者信息敬请保留。
主题下载
Weisay Box主题 百度网盘下载：提取码: vh8h
- 新增代码高亮功能，使用 Prism.js 实现
- 处理安卓微信浏览器打开侧边栏错位问题；
- 之前引入的mmenu.js插件v9.2版，在安卓微信浏览器中打开侧边栏错位，故调整mmenu.js插件为v9.1.1版
- 新增暗黑模式，可以手动切换；
- 暗黑模式：会在晚上23:00 – 早晨5:00自动变为暗黑模式。
- 移动端：表格、tag、评论框等样式更新；
- 主题发布
看到有泛舟，我突然想到前段时间，经
现在主题还是挺好看的，比之前那个好，wordpress因你而强大。
@邹江现在用的也是在这个基础上改的，结构都比较类似。
更新很快啊，优秀
@joojen有新增需求就更新一波。
您好，大佬，在文章中，发现无法实现代码高亮，在xiu/dux主题可以显示。
@便宜vps这个主题默认没有集成代码高亮的功能，你可以安装 Enlighter – Customizable Syntax Highlighter 这个插件来实现代码高亮，然后我看你好像代码是使用 <pre> 表示表示，如果使用上述那个插件，需要在pre后面加个 class="EnlighterJSRAW"
如果你对代码熟悉的话， 可以使用 Prism.js 自定义代码高亮。
@William哈哈，已经习惯了主题自带的代码高亮，我再搞搞，建议您可以添加代码高亮，毕竟是常用功能。
@便宜vps目前新版本已经添加了代码高亮功能，不过按照你目前的代码方式，想显示高亮还需要调整一下代码引用方式才行。
@William谢谢大佬，已经在调整了
会制作博客主题的，都是比较牛🐂的，厉害
@大峰哈哈，其实也没有那么难，会点前端基本都能做。
这主题我用过，而且我接触wp的第一款主题就是你的Weisay Simple，想来应该有七八年了吧
@江博客看来用Weisay Simple的确实不少
厉害厉害，又有新作。
@公子也不算新作，算是把几年前做的重新修改发布而已。
问一下做主题需要了解些什么知识,我想做个 typecho 的主题,但对于前端不熟(~~后端也不熟~~),Bootstrap 都没怎么学.
@酢豚首先CSS必不可少，这个是前提，后端会不会都是次要的。
想快速上手找个自己的喜欢的主题，同时看着代码比较清爽的，然后改，新增点自己想要的功能，在改的过程中你会遇到很多问题，然后网上搜搜解决方案，你就会对主题有深刻的了解，多改几个主题之后你就可以制作自己的主题了，我当年就是这么过来的。
不错，简单实用的wp主题，网上wp主题太多了而且多数是收费的，不过想要做一些生活笔记类的博客，最终都会选择简约一点的。
@小魏先生主要是我自己不太喜欢花哨的动画效果太多的，简单的看一看欣赏一下还可以，天天看就觉得烦了。
厉害厉害！
