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文章均为原创,转载请以链接形式标明本文地址
本文地址: https://zww.me/wordpress-theme-zsimple.z-turn

162 comments

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

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

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

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

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

    wp博客现在坚持的很少了

    地板
  4. ......
  5. notfun notfun Maxthon 5 Maxthon 5 Windows 10 Windows 10

    head里三个社交链接怎样才能设置成新窗口打开呢?

    41楼
    • zwwooooo zwwooooo Firefox 51 Firefox 51 Windows 10 Windows 10

      @notfun 没有设置,一般用户要新窗口直接按ctrl+点击就行了,如果你一定要就要直接改 header.php,大概 91、94、97 行,给 a 加上 target="_blank"

    • notfun notfun Firefox 51 Firefox 51 Windows 10 Windows 10

      @zwwooooo 嗯,改好了,谢谢!

  6. tiger tiger Google Chrome 55 Google Chrome 55 Windows 7 Windows 7

    请问怎么设置公告左对齐呢

    42楼
    • zwwooooo zwwooooo Firefox 51 Firefox 51 Windows 10 Windows 10

      @tiger 这个要改css了,本身没提供这个设置,如果只是居左(最左边),加上自定义 css:

      .announcement{text-align:left;padding-left:30px;padding-right:30px;}

      ,如果要限制在一定宽度居左,要改改结构了。

  7. AaronHouu AaronHouu Google Chrome 56 Google Chrome 56 Windows 10 Windows 10

    用zsimple昨天发现文章浏览数据都变成1了,这种是什么问题

    43楼
    • zwwooooo zwwooooo Firefox 51 Firefox 51 Windows 10 Windows 10

      @AaronHouu zSimple 只是调用插件生成的浏览数,所以跟主题无关,你看看 WP-PostViews 插件是否版本滞后。

    • AaronHouu AaronHouu Google Chrome 56 Google Chrome 56 Windows 10 Windows 10

      @zwwooooo 版本是最新版本哦。。不知道为什么就变了

  8. 微而 微而 Google Chrome 58 Google Chrome 58 Windows 7 Windows 7

    我想扒你 "老文章更新' 的代码. :grin:

    44楼
  9. 我本良民 我本良民 UC Browser 6 UC Browser 6 Windows 10 Windows 10

    额,为什么头部会有两个title呢

    45楼
    • zwwooooo zwwooooo Firefox 51 Firefox 51 Windows 10 Windows 10

      @我本良民 你把 header.php 里面的

      <title><?php wp_title( '|', true, 'right' ); ?></title>

      删了,新版已经修正但还没更新。

    • 我本良民 我本良民 UC Browser 6 UC Browser 6 Windows 10 Windows 10

      @zwwooooo 删除这个后标题里连接符是“-”了,怎么弄成链接是“|”呢?

    • zwwooooo zwwooooo Firefox 51 Firefox 51 Windows 10 Windows 10

      @我本良民 “-”是新方式的默认分隔符,你要改成“|”的话,把下面的代码加到 functions.php 里面吧

      function zoo_custom_document_title_separator(){
      	return '|';
      }
      add_filter( 'document_title_separator', 'zoo_custom_document_title_separator' );
    • 我本良民 我本良民 UC Browser 6 UC Browser 6 Windows 10 Windows 10

      @zwwooooo OK,修改好了 :mrgreen: :mrgreen: :mrgreen:

  10. AaronHouu AaronHouu Google Chrome 56 Google Chrome 56 Windows 10 Windows 10

    Z神,能否贡献一下那个ABOUT的代码啊,。。。。。。。非常喜欢

    46楼
    • zwwooooo zwwooooo Firefox 51 Firefox 51 Windows 10 Windows 10

      @AaronHouu 哪里的 ABOUT?侧边栏?如果是那个的话没啥代码啊,就是 html+css,你可以用 Firebug 看或者用 Chrome 的开发者工具(F12)

  11. kddzs kddzs Google Chrome 56 Google Chrome 56 Windows 7 Windows 7

    求教,如何修改logo的尺寸,在header里面没有找到,40px有点小了

    47楼
    • kddzs kddzs Google Chrome 56 Google Chrome 56 Windows 7 Windows 7

      @kddzs @kddzs

      kddzs: 求教,如何修改logo的尺寸,在header里面没有找到,40px有点小了

      已经找到并修改了,感谢!

  12. kddzs kddzs Google Chrome 56 Google Chrome 56 Windows 7 Windows 7

    还要请问一下导航栏的字体大小怎样更改

    48楼
  13. 我本良民 我本良民 UC Browser 6 UC Browser 6 Windows 10 Windows 10

    再请教个问题,图片灯箱效果是主题再带的呢,还是用插件实现的?安装了Auto Highslide,发现灯箱效果没有,而且貌似和主体冲突了,返回头部的按钮不起作用了。

    49楼
  14. 我本良民 我本良民 UC Browser 6 UC Browser 6 Windows 10 Windows 10

    @zwwooooo 找到问题了,是和水煮鱼的文章目录插件冲突了

    50楼
  15. 秦大叔 秦大叔 Google Chrome 58 Google Chrome 58 Windows 7 Windows 7

    最近开启了公告,发现用手机浏览器,公告会跑到正文上。就是向下翻时,公告不动,但又悬浮在正文上方,会挡住正文。

    51楼
    • zwwooooo zwwooooo Firefox 52 Firefox 52 Windows 10 Windows 10

      @秦大叔 诶?没道理啊,移动端是不显示公告的啊,不过你网站一直在转圈打不开,到时看看。

    • 秦大叔 秦大叔 Google Chrome 58 Google Chrome 58 Windows 7 Windows 7

      @zwwooooo 我是红米4A手机自带的浏览器
      我网站打开没问题啊……

    • zwwooooo zwwooooo Firefox 52 Firefox 52 Windows 10 Windows 10

      @秦大叔 嗯,知道问题了,已修正,请更新到 1.1.0

  16. 我本良民 我本良民 QQbrowser QQbrowser Android 5.1.1 Android 5.1.1

    发现文章存档页面的展开收缩按钮不管用哦

    52楼
  17. AaronHouu AaronHouu Google Chrome 56 Google Chrome 56 Windows 10 Windows 10

    1.1.1有什么改进哦

    53楼
    • zwwooooo zwwooooo Firefox 52 Firefox 52 Windows 10 Windows 10

      @AaronHouu 没有什么改进吧,修小bug之类,具体看这里(v1.1.0b1~v1.1.0b3、v1.1.0、v1.1.1)

  18. AaronHouu AaronHouu Google Chrome 56 Google Chrome 56 Windows 10 Windows 10

    z大,我的博客现在无法评论,提交显示 带红叉。是什么问题啊

    54楼
    • zwwooooo zwwooooo Firefox 52 Firefox 52 Windows 10 Windows 10

      @AaronHouu 要说说怎样出现的?是本来正常然后平白无故就不能评论?还是你装了某些插件、或者主题改了什么才出现。

  19. houu houu Google Chrome 56 Google Chrome 56 Windows 10 Windows 10

    已经弄好了,将主题重新安装后就好了

    55楼
  20. 秦大叔 秦大叔 Internet Explorer 11 Internet Explorer 11 Windows 7 Windows 7

    在主小工具区域添加读者墙,页面和文章页都会显示两个读者墙,怎么破?

    56楼
    • 秦大叔 秦大叔 Internet Explorer 11 Internet Explorer 11 Windows 7 Windows 7

      @秦大叔 我如果在单一页面和列表页面小工具区域添加点别的,不该出现的那个读者墙就没了,但是把添加的其它小工具删掉,又出现两个读者墙。

    • zwwooooo zwwooooo Firefox 54 Firefox 54 Windows 10 Windows 10

      @秦大叔 是默认侧边栏内容问题,你去 sidebar.php 把下面这样的代码删了(大概 21~24行)

      <div class="widget widget-mostactive">
      	<h3>读者墙</h3>
      	<div class="zsimple-mostactive"><?php zoo_wp_cache( 'zoo_mostactive', 'simple_wp_cache', zoo_mostactive(12, 1), 0); ?></div>
      </div>
    • zwwooooo zwwooooo Firefox 54 Firefox 54 Windows 10 Windows 10

      @秦大叔 另外最好你也把这个默认也删了,还是自己设置侧边栏内容吧

      <div class="widget">
      	<h3>最新评论</h3>
      	<ul class="zsimple-rc">
      		<?php zoo_wp_cache( 'zoo_rc_comments', 'simple_wp_cache', zoo_rc_comments(5), 0); ?>
      	</ul>
      </div>
    • 秦大叔 秦大叔 Internet Explorer 11 Internet Explorer 11 Windows 7 Windows 7

      @zwwooooo 自己设置怎么设置出读者墙,完全不会……
      有空改改,也该刷新下版本号了 :grin:
      我先删代码试试

    • zwwooooo zwwooooo Firefox 54 Firefox 54 Windows 10 Windows 10

      @秦大叔 小工具里面不是有“zSimple: 读者墙”吗?主题自带几个我写的小工具啊

    • zwwooooo zwwooooo Firefox 54 Firefox 54 Windows 10 Windows 10

      @秦大叔 好像现在没啥要改的,而且估计没多少人用吧。只是这个小工具默认内容就不去刷版本号了——因为可以直接对各个页面设置小工具内容就可以解决,还有其他什么修改建议?

    • 侯总 侯总 Google Chrome 57 Google Chrome 57 Windows 7 Windows 7

      @zwwooooo 我在用。。。。支持你。。。。成就一代神theme

  21. Conduz Conduz Google Chrome 60 Google Chrome 60 Windows 7 Windows 7

    Please translate this theme into English. Please, i beg you.

    57楼
  22. Andrew Andrew Google Chrome 50 Google Chrome 50 Windows 10 Windows 10

    好几个站都换上这个主题了

    58楼
  23. 老张 老张 Google Chrome 50 Google Chrome 50 Windows 7 Windows 7

    支持 原创!!!

    59楼
  24. blycoris blycoris Google Chrome 61 Google Chrome 61 Windows 10 Windows 10

    为什么没有主题设置了,右上角的推特图标不知道怎么加链接 :shock:

    60楼

Leave a Reply