2016-9-3 18:25 更新

zanblog把特色图像放在文章开头觉得很别扭,隐藏掉了。。。


2016-9-3 18:18更新

zanblog的图片居中问题解决了。

问题在于我使用的是插件版的编辑,增加了很多扩展编辑按钮,居中后会增加一个 .aligncenter的类,但是这个css类现在失效了……

zanblog-3-8

在css中增加了  .aligncenter 的类,这个类是根据bootstrap的.center-block进行增加的
.aligncenter{ display:block; margin-right:auto; margin-left:auto; }


于 2016-9-3 16:40 更新

zanblog的图片居中存在问题,我不知道是什么方面的问题,我现在的居中没有任何作用,而我在编写的过程中图片都喜欢居中。

zanblog-3-6   zanblog-3-7

因此根据我自己的喜欢我暴力的把所有的article的image都给居中了,以后再看怎么回事吧,该吃饭了。

 


不知道在哪位博友的文章中看到"主题像是衣服,穿脏了总要换换!",wordpress的主题简直多的数不胜数,自己也可以快速做一个自己的主题,然而很不幸的是我并不愿意在这上面花费时间去学习和制作。(因为前端代码真的是让人很无奈的事情)

之前我的博客用的是OMEGA的主题,最早使用wordpress是在几年前,我很喜欢wordpress自带的两栏主题,真的很简洁明朗。那时候的我只会一些蹩脚的css和html,能够做到改改样式已经很不错了,当然也没有任何的版权概念,自己偷偷地将wordpress链接给去掉……

OMEGA主题对我来说挺好看的,也很清爽,我自己很喜欢,然后就入坑了。

QQ截图20160903155337

用了OMEGA几个月,然后我将主题更换曾为zanblog(不知道为什么zanblog的预览域名挂掉了,可能到期了吧)。

OMEGA有比较好的地方,当然也有其弊端,说说我为什么换掉它。

1、对于熟悉botstrap的我来说,更愿意使用bootstrap来快速构建页面。

Wordpress的页面构建以及部分样式的修改如果使用框架可以得心应手快速实现,OEMGA是用了框架,但是这个框架我不是很熟悉甚至不知道,因此更改样式对于我来说比较麻烦,因此我一气之下,引入了BootCss CDN 的bootstrap以及fontawesome,增加了三个请求,来布局两栏界面。因为两栏界面我喜欢的是col-md-9 和 co-md-3 的比例,而之前OEMGA比例大约是8:4,我觉得边栏太宽了。

虽然引入bootstrap对于我修改页面样式以及进行页面的构建方便了很多,但是每次页面的打开都极其的慢,尤其是在网速不好的情况下,这个主机挂在香港已经很慢了,即使七牛云加速了,也很慢,导致我对页面的访问速度异常蛋疼。

2、OMEGA的style.css摆样子的

为什么这么说,因为我对于style.css的修改没有任何作用,我的css修改都是直接加载header上的head标签中的,而且OMEGA很多都是出于这个原因无法直接对页面样式进行修改,但是又么有给出一个具体的说明在那个界面。

主题为了css的编写方便,会拒绝使用style.css这点无可非议,但是我对于OEMGA的研究发现,很多类似加密或者非常麻烦的属于使用php输出,修改起来蛋疼无比。

3、OEMGA的响应式问题

响应式是毫无疑问的问题,但是OEMGA的响应式导航与PC端一样,使用的还是hover事件,对于iphone来说这个没有问题,可以使用click模拟hover,但是对于部分android机的原生浏览器比如荣耀的一款手机的默认浏览器,hover在进行click后不能点击二级链接因为一松手直接就收回,这个让我真的很蛋疼。

使用js的修改不能起作用,这个我一直很纳闷,自己的代码和加的位置包括引入肯定没有问题,但是不能起作用很多js也是。

4、大部分js不起作用

上面3也说过,js很多是不起作用的。目前百度统计和一键分享还能用,而且百度统计很多页面的是不能使用的。

这可能是我自己的问题。

5、另外觉得黑白灰有点压抑,想换个颜色。

换zanblog做了哪些工作

zanblog3

1、zanblog支持首页和文章页面以及归档页面的侧边栏显示不同,可以单独设置。

这个让我从OEMGA直接转到Zanblog之后有点蛋疼,没有注意这个问题,页面非常乱。

2、ZanBlog能让我使用bootstrap和fontawesome

Zanblog本身就是用bootstrap3开发的,目前发现,它应该是没有将字体引入,因此自带图标是不能用的,当然fontawesome是引入的,这对于我修改主题和样式非常方便

zanblog的文件查找比较方便,即使style.css没有用,我也能根据提示的css快速修改,但是customer.css我修改还是没用,可能真的是我的人品问题!

zanblog3-1

3、对于zanblog的一些改动

首先zanblog的底部我不是很喜欢,还是换上了自己的广告牌底部(就是这么直接粗暴),当然它的底部还是挺不错的,功能挺多的,只不过我不需要。

zanblog的版权我是保留的,当然我加上了wordpress。

zanblog的头部头像样式也是我喜欢的,从我喜欢OEMGA就可以看出来,不过我对css做了部分的修改。之前的图像是jpg固定的而且没有返回首页的链接,我加了链接然后hover的样式我也改了,之前没有。斜体字也是加上去的。

zanblog3-3

zanblog3-2

在zanblog上引入了animate.css和wow.js,这对于构建比较好的页面提供了帮助。

4、使用zanblog出现的一些问题。

1)主题更换后前面提出的小工具显示重复问题。

2)zanblog的评论导航显示两次(不知道是不是作者的bug),有图为证(代码重复)

QQ截图20160903105950

3)zanblog的评论和添加评论是 hidden-xs 的,因此手机上不能查看和添加评论,我自己又去掉了,觉得这个功能还是需要的。

4)zanblog更换后,之前的文章中图片居中的都失效了。

5)更换后出现过一次在手机上看照片超出的不是 100% width的问题,不过后面莫名其妙的好了 - -

6)zanblog的边栏标题太大了!真的是很大好像是 30px的font-size 后来我改了,颜色我也改了(下面是修改后)

zanblog-3-3

7)zanblog的面包屑导航,在我的站点上不能用,只能出现一个白白的条,因此我删掉了。

8)zanblog的归档界面如果没有图像的话有点丑,显得有点乱。不过我觉得无所谓--因为我太懒了

zanblog-3-4

9)我之前的一级导航是link到首页的,但是到了手机上因为zanbog是需要点击一级导航才能显示二级导航,所以去掉了之前的链接。

5、zanblog的一些有利有弊的地方

1)zanblog内置了所谓的文章版权,这使得我之前的文章版权的插件可以停用了,但是是在主题上的,不能直接去掉,因此很尴尬的一点就是我的留言链接有了版权声明- -,不过我计划用js去掉

2)zanblog有返回顶部的js,之前omaga是没有的,因为我图省事用了一个插件,scrollToTop现在也可以停用,不过zanblog在手机上的返回顶部按钮不太好,可以自己改改。

3)zanblog的搜索框放在导航上比较好,而事实建议如此,不过我习惯将搜索放到边栏第一个位置,发现好丑,就去掉了。


折腾了挺久才换好主题的,因为改的东西还是挺多的。

不过zanblog目前我还是挺喜欢的~给作者点个赞。

有不错的主题也欢迎推荐呀。

zanblog-3-5