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

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

WordPress响应式博客主题,自适应PC端和手机端,没有花哨的界面,同样也没有复杂的操作与设置,经典耐看,上手非常简单,适合安心写文章的博友。
WordPress响应式博客主题『Weisay Box』v5.0.4
目录
文章目录隐藏
  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.4
发布日期 2022-11-05
最后更新 2024-02-01
更新日志 点击查看
WP版本 5.0+,优先最新版
PHP版本 PHP7.3 – PHP8.3
兼容性 响应式,自适应PC端和手机端
兼容性 FireFox、Chrome、Edge等,不支持IE
外部引用 mmenu.jsOptions FrameworkPrism.js
主题下载 点击下载

主题预览

『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.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.4:目前有 132 条评论

  1. 毛毛
    58楼
    毛毛:Google Chrome 119.0.0.0 Windows 10

    大佬你好,想请教一下,尺寸比较大的图片在手机端放大会模糊的问题如何解决?电脑端看着是清晰的,压缩图片大小后上传在手机端放大看依然模糊不清

    2023-12-06 12:23 回复
    • William
      WilliamFirefox 120.0 Windows 10

      @毛毛现在手机的分辨率好多都超过了电脑屏幕了,可以默认展示一个分辨力低的小图,然后a便签链接到高清大图上面,这样点击小图再展开高清大图,可以借助这个插件:Auto Highslide 来实现点击展开大图。当然如果你会开发也可以自己集成fancybox来实现这种效果,目前本文中的主题预览里面的图片就是默认展示缩略图,点击展示大图。

      2023-12-07 10:27 回复
      • 毛毛
        毛毛:Google Chrome 119.0.0.0 Windows 10

        @William谢谢,不过我上传的图片分辨率并不低,像素2480×4200,用这个插件也能解决吗?

        2023-12-07 10:34 回复
        • William
          WilliamFirefox 120.0 Windows 10

          @毛毛插件只是方便展示图片而已,按道理2480×4200的图片不应该模糊,是不是你图片压缩的太厉害了。

          2023-12-07 10:46 回复
          • 毛毛
            毛毛:Google Chrome 119.0.0.0 Windows 10

            @William2490×4200 4mb应该压缩得不算厉害吧

            2023-12-07 10:51 回复
            • William
              WilliamFirefox 120.0 Windows 10

              @毛毛这分辨率不小, 算是比较大的了,应该不至于不清楚,有点奇怪,或者你用其他手机打开看看。

              2023-12-07 11:02 回复
              • 毛毛
                毛毛:Google Chrome 119.0.0.0 Windows 10

                @William我用iPhone14promax放大是糊的,oppo和vivo放大挺清晰,这种情况怎么解决?但是另一个网站同样的图片我这边放大也还是清晰的,如果是手机分辨率的问题,我在另一个网站打开同样的图片应该也是糊的吧?大佬能帮忙想想可能性和解决方案吗 :cry: ,太感谢了

                2023-12-07 18:03 回复
  2. yang
    57楼
    yang:Google Chrome 118.0.0.0 Windows 11

    可以切换为 wordpress 默认的评论吗,

    2023-10-30 09:13 回复
    • William
      WilliamFirefox 119.0 Windows 10

      @yang不可以。

      2023-10-30 17:39 回复
      • 武帝
        武帝:Google Chrome 114.0.5735.289 Windows 10

        @William请教一个问题,怎么更改上传的视频文件的限制大小在100M以下

        2024-02-03 13:36 回复
  3. 林三
    56楼
    林三Google Chrome 117.0.0.0 Windows 11

    我发现大家最近都在搞这个走心评论,抽空我也更新试试!

    2023-10-18 08:05 回复
  4. 武帝
    55楼
    武帝:Google Chrome 108.0.5359.125 Windows 11

    能不能增加一个图片放大功能在电脑端和手机端目前图片无放大功能,安装了好多插件也没有弄好

    2023-09-14 10:11 回复
    • William
      WilliamFirefox 117.0 Windows 10

      @武帝你说的是这种图片插件嘛?WordPress图片插件:Auto Highslide修改版
      注意使用方法,要在原图片上加上a 链接到图片才行。

      2023-09-14 13:51 回复
      • 武帝
        武帝:Google Chrome 108.0.5359.125 Windows 11

        @William找到了目前测试中

        2023-09-15 11:38 回复
      • 武帝
        武帝:Google Chrome 114.0.5735.289 Windows 11

        @William主题移动端看不到发布者怎么解决

        2023-10-16 15:49 回复
        • William
          WilliamFirefox 118.0 Windows 10

          @武帝移动端之前把文章发布者隐藏展示了,去下载今天发布的最新版,已经把文章作者展示出来了。

          2023-10-16 17:26 回复
  5. 龙Ge笔记
    54楼

    这插件不错不错,开发插件的大佬

    2023-08-23 13:30 回复
  6. 王宜楷
    53楼
    王宜楷:Firefox 115.0 Windows 7

    weisay这个版本是不是有一个BUG。点击翻页跳转后,前一页那个图标好像不能对齐。

    2023-08-03 13:39 回复
    • William
      WilliamFirefox 116.0 Windows 10

      @王宜楷说的有点模糊,我大概看了下,没有找到你说的这个,如果可以的话麻烦把不对其的页面截个图发我邮箱,谢谢。

      2023-08-03 15:09 回复
      • 王宜楷
        王宜楷:Firefox 115.0 Windows 10

        @William我发你QQ了。不知道为什么回信失败了

        2023-08-04 00:16 回复
        • William
          WilliamFirefox 116.0 Windows 10

          @王宜楷QQ收到了,看了下,因为你Wordpress使用了英文语言包,所以分页超出了宽度,我调整了分页的写法,目前已经更新了,你可以下载最新版的主题替换一下。

          2023-08-04 14:51 回复
  7. Andy烧麦
    52楼

    厉害~ 很赞~

    2023-07-14 12:14 回复
  8. 夏日博客
    51楼

    看起来很大气的一款blog主题。

    2023-06-16 20:18 回复
  9. DooB
    50楼
    DooB:Google Chrome 113.0.0.0 Windows 10

    William, 请问有没有英文版本?

    2023-05-16 21:34 回复
  10. 邹江
    49楼
    邹江:Google Chrome 110.0.0.0 Windows 10

    现在主题还是挺好看的,比之前那个好,wordpress因你而强大。

    2023-03-03 14:19 回复
    • William
      WilliamFirefox 110.0 Windows 10

      @邹江现在用的也是在这个基础上改的,结构都比较类似。

      2023-03-03 22:16 回复
  11. joojen
    48楼
    joojenMicrosoft Edge 110.0.1587.50 Windows 11

    更新很快啊,优秀

    2023-02-24 20:34 回复
  12. 便宜vps
    47楼
    便宜vps:Google Chrome 104.0.0.0 Windows 11

    您好,大佬,在文章中,发现无法实现代码高亮,在xiu/dux主题可以显示。

    2023-02-22 21:42 回复
    • William
      WilliamFirefox 110.0 Windows 10

      @便宜vps这个主题默认没有集成代码高亮的功能,你可以安装 Enlighter – Customizable Syntax Highlighter 这个插件来实现代码高亮,然后我看你好像代码是使用 <pre> 表示表示,如果使用上述那个插件,需要在pre后面加个 class="EnlighterJSRAW"
      如果你对代码熟悉的话, 可以使用 Prism.js 自定义代码高亮。

      2023-02-23 14:17 回复
      • 便宜vps
        便宜vps:Google Chrome 104.0.0.0 Windows 11

        @William哈哈,已经习惯了主题自带的代码高亮,我再搞搞,建议您可以添加代码高亮,毕竟是常用功能。

        2023-02-23 16:49 回复
        • William
          WilliamFirefox 110.0 Windows 10

          @便宜vps目前新版本已经添加了代码高亮功能,不过按照你目前的代码方式,想显示高亮还需要调整一下代码引用方式才行。

          2023-02-24 16:42 回复
  13. 大峰
    46楼
    大峰:Firefox 108.0 Windows 10

    会制作博客主题的,都是比较牛🐂的,厉害

    2022-12-22 11:01 回复
    • William
      WilliamFirefox 108.0 Windows 10

      @大峰哈哈,其实也没有那么难,会点前端基本都能做。

      2022-12-31 18:48 回复
  14. 江博客
    45楼
    江博客:Google Chrome 78.0.3904.108 Mac OS X  -1.0.0

    这主题我用过,而且我接触wp的第一款主题就是你的Weisay Simple,想来应该有七八年了吧

    2022-12-14 13:48 回复
  15. 公子
    44楼
    公子Google Chrome 86.0.4240.198 Windows 10

    厉害厉害,又有新作。

    2022-12-08 09:09 回复
    • William
      WilliamGoogle Chrome 108.0.0.0 Windows 11

      @公子也不算新作,算是把几年前做的重新修改发布而已。

      2022-12-08 10:29 回复
  16. 酢豚
    43楼
    酢豚:Google Chrome 107.0.0.0 Windows 11

    问一下做主题需要了解些什么知识,我想做个 typecho 的主题,但对于前端不熟(~~后端也不熟~~),Bootstrap 都没怎么学.

    2022-11-30 00:24 回复
    • William
      WilliamGoogle Chrome 108.0.0.0 Windows 10

      @酢豚首先CSS必不可少,这个是前提,后端会不会都是次要的。
      想快速上手找个自己的喜欢的主题,同时看着代码比较清爽的,然后改,新增点自己想要的功能,在改的过程中你会遇到很多问题,然后网上搜搜解决方案,你就会对主题有深刻的了解,多改几个主题之后你就可以制作自己的主题了,我当年就是这么过来的。

      2022-11-30 15:10 回复
  17. 小魏先生
    42楼
    小魏先生:Microsoft Edge 107.0.1418.56 Windows 10

    不错,简单实用的wp主题,网上wp主题太多了而且多数是收费的,不过想要做一些生活笔记类的博客,最终都会选择简约一点的。

    2022-11-25 00:52 回复
    • William
      WilliamFirefox 107.0 Windows 10

      @小魏先生主要是我自己不太喜欢花哨的动画效果太多的,简单的看一看欣赏一下还可以,天天看就觉得烦了。

      2022-11-25 10:17 回复
  18. 老达
    41楼
    老达Google Chrome 95.0.4638.69 Windows 10

    厉害厉害!
    :cool:

    2022-11-22 17:49 回复

发表评论

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

gravatar

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