威言威语
我愿像茶,苦涩留心,清香予人。
威言威语
当前位置: 首页 > 设计 > 正文

WordPress响应式博客主题『Weisay Box』v5.0.7

WordPress响应式博客主题,自适应PC端和手机端,没有花哨的界面,同样也没有复杂的操作与设置,经典耐看,上手非常简单,适合安心写文章的博友。
WordPress响应式博客主题『Weisay Box』v5.0.7
目录
文章目录隐藏
  1. 主题初衷
  2. 主题预览
  3. 主题使用
  4. 版权声明
  5. 免责申明
  6. 主题下载
  7. 更新日志

距离上次发布WordPress主题已经有11年了,这期间其实也做过几个主题,也给别人单独定制过,当然还有一些实验品还在我电脑上躺着。有朋友希望我把之前的用的主题weisay box发布一下,于是10月的时候又重新修改了一波,上个主题『Weisay Simple』是11月5日发布的,这次『Weisay Box』也特地安排在了11月5日。

『Weisay Box』这个主题当时我自己应该有使用4、5年吧,这次修改新增功能不多,主要就是改进一些功能写法、处理兼容性和修正Bug。

主题初衷

这是一款简单的博客主题,没有花哨的界面,同样也没有复杂的操作与设置,经典耐看,上手非常简单,适合安心写文章的博友。

主题信息
主题名称 Weisay Box
最新版本 5.0.7
发布日期 2022-11-05
最后更新 2024-11-17
更新日志 点击查看
WP版本 5.0+,优先最新版
PHP版本 PHP7.3 – PHP8.3
兼容性 响应式,自适应PC端和手机端
兼容性 FireFox、Chrome、Edge等,不支持IE
外部引用 mmenu.jsOptions FrameworkPrism.js
主题下载 百度网盘下载Github下载

主题预览

『Weisay Box』主题预览单

主题使用

主题使用应该是非常简单的,自带留言、友情链接、归档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个替换源,都是目前可用的,大家可以根据实际情况选择一个源。感谢那些无私奉献的朋友。

Gravatar头像替换源

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

更新日志

weisaybox 主题更新日志
5.0.72024-11-17
  1. 后台主题设置中新增可自定义侧边栏热门日志天数范围
5.0.62024-05-15
  1. 在大分辨率下新增1400px宽度的自适应样式;
  2. 调整自适应不同分辨率下页面字体大小;
5.0.52024-04-18
  1. 链接hover颜色调整,保持页面统一;
  2. 调整 wp_head() 的位置,减少可能引入官方Jquery导致的兼容问题;
  3. 走心评论细节优化,并由原来只有第一层评论可以加入走心改为所有评论都可以;
5.0.42024-02-01
  1. 友情链接页面改版,展示网站图片及站点描述;
  2. 为Gravatar头像添加alt属性;
  3. 图文混排及表格溢出优化;
5.0.32023-12-29
  1. 发表评论框右侧头像显示逻辑优化;
  2. Gravatar头像源判断优化;
  3. 文章归档页优化
5.0.22023-10-16
  1. 归档页面js整合优化等;
  2. 暗黑模式切换样式优化等
5.0.12023-08-21
  1. 修复必须登录才能发表评论的样式错位;
  2. 走心评论独立页面评论来源地址调整为具体评论的地址
5.0.02023-08-15
  1. 集成走心评论功能
4.4.62023-08-12
  1. 规范页面部分class名称;
  2. 修复评论提交后再次编辑无权限的问题
4.4.52023-08-04
  1. 修正Wordpress在不同语言下分页错位的问题
4.4.32023-02-24
  1. 新增代码高亮功能,使用 Prism.js 实现
4.4.22022-12-05
  1. 处理安卓微信浏览器打开侧边栏错位问题;
  2. 之前引入的mmenu.js插件v9.2版,在安卓微信浏览器中打开侧边栏错位,故调整mmenu.js插件为v9.1.1版
4.4.12022-11-17
  1. 新增暗黑模式,可以手动切换;
  2. 暗黑模式:会在晚上23:00 – 早晨5:00自动变为暗黑模式
4.3.32022-11-08
  1. 移动端:表格、tag、评论框等样式更新
4.3.22022-11-05
  1. 主题发布

您可能还会对这些文章感兴趣!

WordPress响应式博客主题『Weisay Box』v5.0.7:目前有 146 条评论

  1. 别无所求
    63楼
    别无所求:Firefox 132.0 Windows 10

    更新了6.7版本之后,侧边栏的热门日志不会显示出来了

    2024-11-16 15:32 回复
    • William
      WilliamFirefox 132.0 Windows 10

      @别无所求我升级到6.7,然后测试了一下,侧边栏的热门日志是正常展示的。
      你再检查一下:
      1、首页是不展示热门日志的,文章页和独立页面才展示热门日志;
      2、确认一下你各个文章分类文章发表的时间,主题默认只展示最近365天的热门文章,如果你文章发表间隔时间较久导致不展示文章,可以修改主题的functions.php文件,大概128和158行,各有一个365,你可以调大;
      如果上面的还不行,可以留下网址,我看一下。

      2024-11-16 21:15 回复
      • 别无所求
        别无所求:Firefox 132.0 Windows 10

        @William把sidebar.php文件的几行代码删掉了又正常了

        2024-11-17 12:13 回复
  2. 老罗
    62楼
    老罗QQ浏览器 13.2.6129.400 Windows 10

    你这个主题评论。简洁大气,还有手机版。

    2024-10-17 11:51 回复
    • William
      WilliamFirefox 131.0 Windows 10

      @老罗这款主题之前也用了很长一段时间,我自己也是挺喜欢的。

      2024-10-18 09:43 回复
  3. 等等
    61楼
    等等:Google Chrome 122.0.6261.95 Windows 10

    您好博主,请问一下您网站左边的文章目录是自己写的还是什么插件吗

    2024-08-29 08:59 回复

发表评论

电子邮件地址不会被公开。 必填项已用 * 标注

gravatar

question razz sad smile redface biggrin eek shock confused cool lol mad rolleyes wink cry