Blog

WordPress Theme: zSimple

终于整理好……

前言

其实我这博客早就不以制作 WordPress Theme 为“卖点”了,早就“沦落”为随意记录点滴、牢骚的博客。只因有几个博友说了想要 zSimple 主题,所以分享出来。

简介

zSimple 是原 zPage 基础上精简而来的,除了一些基本的样式相同外,整体外观超简约处理,以至于除了评论 AJAX 提交效果里面有两三个小图标,主题是没有使用任何图片的......而且线条也很少用。

因为自用主题的基础代码还是好多年前的,加上没那么多时间来整理代码,所以只在本人使用的主题代码基础上整理,代码没有重写来的整洁,但我已经尽量清理冗余代码了。

另外,现在只整理了中文版本,多语言版本估计以后会搞——但估计为了兼容性会把部分功能再次精简。

功能

因为本身不是以付费主题来制作的,所以功能部分也没多少,大概保留的如下:

  • 页面载入效果,包括囧效果(需要后台设置开启)
  • 把“带头像最新评论”、“读者墙”、“老文章更新(最近更新过的老文章)”写成小工具
  • 自动缩略图
  • 评论“无限”嵌套:前台回复的评论永远在二级(后台回复暂时未搞)
  • 评论 AJAX 提交
  • 评论列表 AJAX 翻页
  • 文章尾部相关文章、热评文章
  • 自带3个页面模板:存档页面、全部分类列表页面、全部标签列表页面
  • 还有些开关类具体看后台设置
  • 网站标题支持 Logo 图片(1.0.6)
  • 通告栏功能(1.0.6)
  • 增加自定义css功能(1.0.6)

使用说明、建议

  • 主题设置:使用了原生的“自定义”,所以设置地方在“外观 》自定义”,点击“zSimple 主题设置”进入,注意这里没有做“即设即所得”效果,所以设置了后要点“保存并发布”按钮,然后前台刷新才能看到设置后的效果
  • 如果开启了“自动缩略图”,建议把“设置 》多媒体”里面的“缩略图大小”的尺寸设为宽 135,高 120,这样你上传的任何图片都会生成此尺寸的裁剪图片,方便给“自动调用文章第一张图片”时调用此尺寸的图片,减少图片的文件大小。
  • 因为时间关系,评论方式没做多种方式兼容,主题只能使用 AJAX 评论提交和翻页效果,所以请按下图勾选设置评论相关(设置 》讨论)
    161030-zsimple-03
  • 插件建议:WP-PostViews、WP-UserAgent(为了美观,点击 这里 查看设置)
  • 其他想到再加

简单演示

demo.zwwtheme.com

Git

下载

  • zSimple: 待续...
  • zSimple中文增强版: 百毒盘

最近应潮流,搞了个“打赏”按钮,喜欢我分享的内容可以用软妹支持我,哦哦哦,是软妹币。
效果如下:

zww
or
oooo

Tudo

(划掉的表示已完成)

  • 去掉评论无限嵌套,因为新版WP已经不需要曲线方法,要无限嵌套只要把嵌套级数设一个很大的数即可,前台控制样式。
  • 评论字体改为 14px
  • 通告栏
  • 网站标题支持 logo 图片

更新日志 | Changelog

= 后续 =
* 去这里看吧,懒得一一贴了

= 1.0.3 =
* 修正 custom admin bar 的 css

= 1.0.2 =
* 优化“自动缩略图”:如果没有设置“特色图片”的文章将:调用文章里面第一张媒体库图片作为缩略图(thumbnail尺寸)。如果图片全部是外链的,那么第一张外链图片作为缩略图(Full尺寸)。

= 1.0.1 =
* 修正评论楼层沙发等显示
* 修正 custom admin bar 的显示
* 增加自定义评论框表情开关设置

= 1.0.0 =
zSimple 发布

一些样式图片

 

有什么问题请在评论里面反馈,我有时间就会修正。

zww
or
oooo

声明: 除非注明,ZWWoOoOo文章均为原创,转载请以链接形式标明本文地址
本文地址: http://zww.me/wordpress-theme-zsimple.z-turn

145 comments

  1. Nopa Nopa Google Chrome 53 Google Chrome 53 Windows 10 Windows 10

    这下是沙发了吧 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈 :mrgreen:

    沙发
    • zwwooooo zwwooooo Firefox 49 Firefox 49 Windows 10 Windows 10

      @Nopa 的确,话说你的博客是?

    • Nopa Nopa Google Chrome 53 Google Chrome 53 Windows 10 Windows 10

      @zwwooooo :oops: Z大对俺感兴趣哇,Z嫂吃醋吗 :razz:

    • zwwooooo zwwooooo Firefox 49 Firefox 49 Windows 10 Windows 10

      @Nopa 你想多了 :mrgreen:

    • Nopa Nopa Yandex Browser 16 Yandex Browser 16 Windows 10 Windows 10

      @zwwooooo Z大 换友情链接啥要求哇 :wink:

    • Nopa Nopa Yandex Browser 16 Yandex Browser 16 Windows 10 Windows 10

      @zwwooooo 俺看友情链接还有个空位啊 :mrgreen:

    • zwwooooo zwwooooo Firefox 50 Firefox 50 Windows 10 Windows 10

      @Nopa 没要求,因为n年前就不接了,除非……你懂的。

    • Nopa Nopa Google Chrome 53 Google Chrome 53 Windows 10 Windows 10

      @zwwooooo 俺懂 Z大是要和俺来一场肮脏的PY交易
      那这个友情链接俺预留了啊

  2. 孤陋寡闻 孤陋寡闻 Internet Explorer 11 Internet Explorer 11 Windows 7 Windows 7

    终于发布了,沙发你真是厉害…… :?:

    板凳
  3. 小王子叔叔 小王子叔叔 Google Chrome 55 Google Chrome 55 Windows 10 Windows 10

    wp博客现在坚持的很少了

    地板
  4. 郑永 郑永 QQbrowser 9 QQbrowser 9 Windows 10 Windows 10

    来赞一个,分享精神。

    4楼
  5. 沙隆巴斯 沙隆巴斯 Firefox 52 Firefox 52 Windows 7 Windows 7

    评论样式的那张截图,最顶端的三楼不应该是沙发、板凳、底板么

    5楼
  6. 六合论坛 六合论坛 Google Chrome 54 Google Chrome 54 Windows 7 Windows 7

    还能坚持下来并分享,很难得

    6楼
  7. Simnovo Simnovo Safari 10 Safari 10 Mac OS X 10.12 Mac OS X 10.12

    :mrgreen: :mrgreen: 打赏不错

    7楼
  8. 4585_5360 4585_5360 Google Chrome 54 Google Chrome 54 Android 6.0.1 Android 6.0.1

    没有微信支付和支付宝的表示z叔得考虑一下国际需求,加上信用卡和PayPal支持才会有更多的钱啊~

    8楼
  9. schiy schiy Safari 10 Safari 10 Mac OS X 10.12 Mac OS X 10.12

    支持分享精神 :grin:

    9楼
  10. AaronHouu AaronHouu Google Chrome 54 Google Chrome 54 Windows 10 Windows 10

    实在是让我等z粉痛哭流涕,经过这么多年的坚持,我们这些博客有了z大博客的模样。直感到这么多年没白等。。。

    10楼
    • zwwooooo zwwooooo Firefox 49 Firefox 49 Windows 10 Windows 10

      @AaronHouu 还有z粉啊? :shock: 泪流满面 :grin: :mrgreen:

    • AaronHouu AaronHouu Google Chrome 53 Google Chrome 53 Windows 10 Windows 10

      @zwwooooo z大这个主题要如何更新,直接ftp上传,还是怎么

    • AaronHouu AaronHouu Google Chrome 53 Google Chrome 53 Windows 10 Windows 10

      @zwwooooo

      zwwooooo: 还有z粉啊? 泪流满面

      有的。比如me

    • zwwooooo zwwooooo Firefox 49 Firefox 49 Windows 10 Windows 10

      @AaronHouu 因为 github release 打包无法一直保持 zsimple 目录,所以最好还是手动ftp吧,或者下载百度盘的 zip 直接后台安装。

  11. 小zo 小zo Google Chrome 49 Google Chrome 49 Windows XP Windows XP

    Z大,请问您zsimple主题如何添加存档页面到导航菜单?实现像你博客导航菜单中Archives的效果, 我没找到设置, 我的 domain.com/archives 是不存在的, 装的wp4.6英文版, 谢谢指导!!

    11楼
  12. 秦大叔 秦大叔 Internet Explorer 11 Internet Explorer 11 Windows 10 Windows 10

    开启了缩略图,可是只显示灰底没有图片怎么办?

    12楼
  13. 秦大叔 秦大叔 Internet Explorer 11 Internet Explorer 11 Windows 10 Windows 10

    是不是不是外链形式的图片就无法显示?

    13楼
    • zwwooooo zwwooooo Firefox 49 Firefox 49 Windows 10 Windows 10

      @秦大叔 哦,没考虑外链图片,我晚上改下,改好给你回复。

    • 秦大叔 秦大叔 Internet Explorer 11 Internet Explorer 11 Windows 10 Windows 10

      @zwwooooo 感谢!然后就是我那文章里没有图片的,也显示图片位置,不像你这就不显示。

    • zwwooooo zwwooooo Firefox 49 Firefox 49 Windows 10 Windows 10

      @秦大叔 文章里面没有图片看看是否你以前添加过图片又删了:编辑文章 》点“添加媒体”,选“上传到本文章”后看看是不是有失效/已删的图片附件

    • 秦大叔 秦大叔 Internet Explorer 11 Internet Explorer 11 Windows 10 Windows 10

      @zwwooooo 缩略图还是显示不出来。
      我文章没有有图又删除的情况,也没有通过后台上传过图片,都是手动上传到主机的某个文件夹,然后插入文章,虽然是同一主机,实际上都是外链形式。

    • zwwooooo zwwooooo Firefox 49 Firefox 49 Windows 10 Windows 10

      @秦大叔 你这个有点奇怪,按道理不会出现这样的,最多不输出图片,原因不明,需要对你的网站调试才知道。

    • 秦大叔 秦大叔 Internet Explorer 11 Internet Explorer 11 Windows 10 Windows 10

      @zwwooooo 给你后台账号密码,你帮我看看?

    • zwwooooo zwwooooo Firefox 49 Firefox 49 Windows 10 Windows 10

      @秦大叔 你发我邮箱吧,侧边栏有,我明天抽时间看看。

  14. 秦大叔 秦大叔 Internet Explorer 11 Internet Explorer 11 Windows 10 Windows 10

    另外,据Betty反映,顶部只显示了一半——以“秦府”旁的那个中杠为中轴,就显示了下半部……
    她是用的MAC,我自己在Win10下IE和Chrome都没异常。

    14楼
  15. Andrew Andrew Google Chrome 43 Google Chrome 43 Windows 10 Windows 10

    喜欢这样的配色

    15楼
  16. BanYuner BanYuner Google Chrome 54 Google Chrome 54 Windows 10 Windows 10

    非常简洁的主题 现在类似简洁的主题越来越少了

    16楼
  17. docker.su docker.su Google Chrome 54 Google Chrome 54 Windows 7 Windows 7

    一直都用的博主的主题,很简爽
    zSimple 这个主题的英文版是否可以放出来呢

    17楼
  18. Davis Davis Google Chrome 45 Google Chrome 45 Windows 10 Windows 10

    来看一下,很棒

    18楼
  19. 老杨 老杨 Firefox 49 Firefox 49 Windows 7 Windows 7

    跃跃欲试 :mrgreen:

    19楼
  20. 秦大叔 秦大叔 Internet Explorer 11 Internet Explorer 11 Windows 10 Windows 10

    对主题再提两个小意见,一是博客名能不能弄个好看点的中文字体?二是评论的字体能不能再大一号?

    20楼
    • AaronHouu AaronHouu Google Chrome 54 Google Chrome 54 Windows 10 Windows 10

      @秦大叔 @秦大叔

      秦大叔: 对主题再提两个小意见,一是博客名能不能弄个好看点的中文字体?二是评论的字体能不能再大一号?

      非常同意,不过好像可以上传logo

    • zwwooooo zwwooooo Firefox 49 Firefox 49 Windows 10 Windows 10

      @秦大叔 系统默认也就那几种字体,自己改吧。评论的字体我会调到 14px,你现在看看我博客评论字体 ok 否?

    • 秦大叔 秦大叔 Internet Explorer 11 Internet Explorer 11 Windows 10 Windows 10

      @zwwooooo 现在这个字体大小OK了 :mrgreen:

    • zwwooooo zwwooooo Google Chrome 54 Google Chrome 54 Windows 10 Windows 10

      @秦大叔 已升级,百度网盘有,1.0.6

Leave a Reply