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

  • 评论字体改为 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

127 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. 1notfun 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. 我本良民 我本良民 uBrowser 6 uBrowser 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>

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

    • 我本良民 我本良民 uBrowser 6 uBrowser 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' );
    • 我本良民 我本良民 uBrowser 6 uBrowser 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楼

Leave a Reply