距离上次发布WordPress主题已经有11年了,这期间其实也做过几个主题,也给别人单独定制过,当然还有一些实验品还在我电脑上躺着。有朋友希望我把之前的用的主题weisay box发布一下,于是10月的时候又重新修改了一波,上个主题『Weisay Simple』是11月5日发布的,这次『Weisay Box』也特地安排在了11月5日。
『Weisay Box』这个主题当时我自己应该有使用4、5年吧,这次修改新增功能不多,主要就是改进一些功能写法、处理兼容性和修正Bug。
主题初衷
这是一款简单的博客主题,没有花哨的界面,同样也没有复杂的操作与设置,经典耐看,上手非常简单,适合安心写文章的博友。
主题信息 | |
---|---|
主题名称 | Weisay Box |
最新版本 | 5.0.1 |
发布日期 | 2022-11-05 |
最后更新 | 2023-08-21 |
更新日志 | 点击查看 |
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、是否展示走心评论
默认不展示,开启展示最好将下面的“输入您的走心评论独立页面链接”里面的链接填上,这样走心评论标识上的链接点击可以进入走心评论独立页面。
走心评论独立页面使用的模板方式加载,新建独立页面,模板中选择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、打赏设置
如果选择展示文章下方的打赏功能,那么必须要上传图片,支付宝和微信的二维码图片。
其他的就靠大家摸索了,有使用bug或者不清楚的可以留言。
版权声明
主题页面底部的作者信息敬请保留。
免责申明
用户不得利用本Wordpress主题『Weisay Box』以任何方式从事违反法律法规及社会公序良俗的行为,用户须对其不当使用行为可能带来的后果负全部责任。
主题下载
Weisay Box主题 百度网盘下载:提取码: vh8h
更新日志
- 修复必须登录才能发表评论的样式错位;
- 走心评论独立页面评论来源地址调整为具体评论的地址
- 集成走心评论功能
- 规范页面部分class名称;
- 修复评论提交后再次编辑无权限的问题
- 修正Wordpress在不同语言下分页错位的问题
- 新增代码高亮功能,使用 Prism.js 实现
- 处理安卓微信浏览器打开侧边栏错位问题;
- 之前引入的mmenu.js插件v9.2版,在安卓微信浏览器中打开侧边栏错位,故调整mmenu.js插件为v9.1.1版
- 新增暗黑模式,可以手动切换;
- 暗黑模式:会在晚上23:00 – 早晨5:00自动变为暗黑模式
- 移动端:表格、tag、评论框等样式更新
- 主题发布
能不能增加一个图片放大功能在电脑端和手机端目前图片无放大功能,安装了好多插件也没有弄好
@武帝你说的是这种图片插件嘛?WordPress图片插件:Auto Highslide修改版
注意使用方法,要在原图片上加上a 链接到图片才行。
@William找到了目前测试中
这插件不错不错,开发插件的大佬
@龙Ge笔记插件第一次做,也摸索了好久。
weisay这个版本是不是有一个BUG。点击翻页跳转后,前一页那个图标好像不能对齐。
@王宜楷说的有点模糊,我大概看了下,没有找到你说的这个,如果可以的话麻烦把不对其的页面截个图发我邮箱,谢谢。
@William我发你QQ了。不知道为什么回信失败了
@王宜楷QQ收到了,看了下,因为你Wordpress使用了英文语言包,所以分页超出了宽度,我调整了分页的写法,目前已经更新了,你可以下载最新版的主题替换一下。
厉害~ 很赞~
看起来很大气的一款blog主题。
William, 请问有没有英文版本?
现在主题还是挺好看的,比之前那个好,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主题太多了而且多数是收费的,不过想要做一些生活笔记类的博客,最终都会选择简约一点的。
@小魏先生主要是我自己不太喜欢花哨的动画效果太多的,简单的看一看欣赏一下还可以,天天看就觉得烦了。
厉害厉害!
