伴随着9月份的到来,由佚站互联成员协作开发的Zanblog博客主题2.0版本也随之发布了!
让我们来看看,这令人激动的最新版本到底有什么让人惊喜的地方吧!
全新的UI设计。
与Zanblog 1.x版本小清新的配色相比较,2.0的配色更加精致、低调、令人着迷。同样沿用扁平化设计风格,简约、大气,更加符合互联网的浏览习惯,也更利于CSS3的使用与网站性能的提升。
采用Bootstrap3正式版。
众所周知,在Zanblog 1.x版本中,我们大胆地采用了Bootstrap3的开发者版本,所以存在着许多bug与不足,而在Zanblog 2.0中,我们重新引入了最新的Bootstrap3正式版,让你领略Bootstrap3带来的非凡魅力!采用HTML5语义化标签重写页面结构。
我们提倡大家使用高级浏览器进行更好的互联网体验,所以我们更加推崇Web前端新技术的使用,CSS3、HTML5等,都是我们希望在Zanblog中努力展现给大家的东西。
采用HTML5的语义化标签重写Zanblog页面结构的意义在于,我们希望与时俱进而非固步自封。
引入更多CSS3效果。
正如之前我们所承诺的,我们希望大家能够在Zanblog中体会到Bootstrap3、扁平化设计以及CSS3带来的优雅用户体验。
所以我们努力在Zanblog中加入更多CSS3的交互效果,渐变、位移、变形、圆角 —— CSS3可以做到许多令人惊奇的效果。
响应式布局,优化移动端阅读效果。
我们认为,一个博客网站在移动端最重要的作用就是展现内容,所以在平板电脑以及手机端的显示方面,我们舍弃了许多累赘的数据,从而能够让用户最直观地获取博文信息。异步加载文章,免去翻页烦恼。
在Zanblog中我们引入了异步加载文章的功能,通过Ajax加载下一页的内容,从而保证阅读的流畅性。
这是一个非常强大又贴心的功能,你肯定会爱上它
采用最新的幻灯片插件,使用简单迅速。
在Zanblog2.0中我们采用了更加简单精简的幻灯片插件Meta Slider,简单的使用方式能够让你迅速掌握。浏览器兼容性支持。
目前Zanblog 2.0仅支持IE8以上的浏览器。
Zanblog 2.0.X 使用说明及插件设置
1、Zanblog的下载与安装。
到我们的网盘进行下载,然后解压到对应的wordpress/wp-content/themes/ 目录下。登陆后台,选择外观——主题,找到Zanblog主题,选择启用,至此,Zanblog主题安装成功。
2、Zanblog插件的种类与安装。
在Zanblog 2.0.0 中我们使用的插件如下有:WP-PostViews(浏览数统计)、duoshuo(多说)、Meta Slider(幻灯片)、Infinite Scroll(文章异步加载)、Breadcrumb NavXT(面包屑)。
所有插件均可以在后台安装,通过后台——插件——安装插件——搜索插件,然后搜索对应的插件并且进行安装即可。
3、Zanblog插件的使用说明。
多说与WP-PostViews这两个插件安装好以后即可使用,我们重点说明一下Meta Slider和Infinite Scroll的使用方法。Meta Slider
安装好以后,会在后台多了一个“Meta Slider Lite”的选项,点击之后,新建Slider,然后添加对应的幻灯片,之后在页面中嵌入对应的Shortcode(在右下脚)。
Shortcode中的id号每个人都会有不同,记得修改对应的主题文件中index.php的幻灯片部分中的id号,同时需要在后台-外观-小工具中启用它,具体设置查看侧边栏设置。
在Zanblog 2.0.0 中,我们对Meta Slider的UI样式进行了修改,启用后便能看到效果。
Infinite Scroll
Infinite Scroll是一个异步加载插件,安装好之后选择后台——设置——Infinite Scroll,在输入框中输入以下数据。
(请对应前5个输入框存放,而并不是放在同一个输入框中)
注:请在编辑器选择为文本状态下填写,而不是可视化的状态下。
1.Content Selector: #mainstay 2.Navigation Selector: #load-more 3.Next Selector: #load-more 4.Item Selector: .article 5.Callback: jQuery("#load-more").removeClass("disabled"); jQuery("#load-more i").removeClass("fa fa-spinner"); jQuery("#load-more attr").text("加载更多");
然后在Finished Message中输入代码
<p class="alert alert-danger"><i class="fa fa-warning"></i> 内容加载完毕</p>
最后把Behavior改为Manual Trigger(才会实现加载功能,默认是翻页的),保存完成。
4、Zanblog主题选项的设置。
为了有利于SEO搜索引擎优化,我们在Zanblog 2.0.0中加入了首页的部分属性修改。
后台——外观——Zanblog主题选项,在这里输入你的keywords、description、以及页脚的统计工具代码。
5、关于文章导引图的使用。
在Zanblog 2.0.0 中我们去除了随机选取文章导引图的功能,因为我们觉得这样无法让用户的自定义想法得到充分满足。
如果你有对应的文章导引配图,那么可以在发表文章的时候点击右下角的“特色图像”,然后选择自己需要的图片。
我们推荐图片尺寸为750*300。
6、关于Zanblog。
自从Zanblog发布以来,受到了很多朋友的喜爱与支持,我们感到非常高兴,而Zanblog的制作初衷也是为了帮助更多人方便快捷地建立起自己钟爱的博客网站,同时也让大家感受一下Bootstrap3框架的魅力所在。
但是由于精力有限,所以主题自身的后台自定义功能并不会特别强大,而我们更多的是希望Zanblog的使用者能够以Zanblog作为学习Bootstrap3以及WordPress的切入点,从修改主题代码的过程中提升自己的编码水平。
当然,如果有其他特别需要的博客功能,我们会尽力在接下来的版本中添加。
最后,如果你喜爱Zanblog、并且想要为我们将来的持续完善提供信心与动力,我们希望你能够在使用Zanblog主题的网站底部增加类似“Theme By 佚站互联”的字样,你的支持是我们的最大动力。
再次感谢!:-)
美菱阁精品源码分享中国好源码下载地址:zanblog2.0
资源均来自第三方,谨慎下载,前往第三方网站下载