zblogPHP主题拍拍看蓝色模版1.0发布

 2015-07-05 22:27

今天,忍耐了许久的“拍拍看蓝色6月主题”终于审核发布了。

这套主题,我借鉴了很多“大前端”的模式,采用是仍然是左右侧板的方式。在按钮动画和视觉排版上下了不少功夫,可以说是一个比较成熟的自建模版。当然,里面包含了很多“大前端”的元素。

模版下载地址:http://app.zblogcn.com/?id=764

模版测试地址:http://limiwu.com/muban/paipaikannet/post-multi.html

zblogPHP主题拍拍看蓝色模版

模版采用的是左右标准排版模式,在左侧顶部,调用了PPT幻灯片和最新文章,右侧是更新好的13个不同式样的小模块。模板采用是Html5+CSS3为基础语言,支持IE9以上、火狐、Google Chrome等浏览器正常浏览。不支持版本太低的IE浏览器。

模版建议必须和建议安装的插件如下:

  • 缩略图插件(必须安装):用于获取文章的内部图片;

  • LazyLoad图片延迟加载(建议安装):用于系统读取图片时减轻服务器的压力;

  • Gravatar头像(建议安装):用户增加评论者的头像;

次模版采用了部分font字体,大家可以在平常时候时通过下面这种方式调用:

<span class="对应代码"></span>
<i class="对应代码"></i>

可调用的现有font字体情况如下:

zblogPHP主题拍拍看蓝色模版

导航部分:

导航部分支持二级菜单,可自己通过简单的设置来完成。现将我的导航代码放出,大家可自行调整:

<li><a href="http://limiwu.com/"><i class="icon-home"></i>首页</a></li>
<li><a href="http://limiwu.com/?cate=4"><i class="icon-html5"></i>网站主题模版<i class="icon-right-open-outline"></i></a>    <ul class="sub-menu">
    <li><a href="http://limiwu.com/?cate=6">蓝色6月主题</a></li>
    </ul>
</li>
<li><a href="http://limiwu.com/?cate=3"><i class="icon-thumbs-up"></i>家居设计</a></li>
<li><a href="http://limiwu.com/?cate=2"><i class="icon-tencent-weibo"></i>生活杂记</a></li>

幻灯片部分:

幻灯片采用的调取文章分类的形式,可通过后台设置调取幻灯片的具体分类。默认分类为1。

zblogPHP主题拍拍看蓝色模版

置顶文章:

置顶文章通过文章页面进行设置,zblogPHP基础操作功能,不做详细讲解。

文章列表判断逻辑:

文章列表页面是文章里面图片数量来进行变化的。当文章中没有图片时候,则采取的是作者头像+文字的模式;当文章中插入的图片大于1张少于3张的时候,则采用是随机左/右悬浮第一张图片+文字的模式;当文章中插入的图片大于3张时,则采取的是三张图片并排的方式。

小模块部分:

侧栏的小模板部分采取是调取形式,文章列表页面调用的是后台的“默认侧栏”,随着屏幕滚动的侧栏是调用后台的“侧栏2”,文章页面册是调用后台的“侧栏3”。

在模块方面,我们重新做了美化,让它更符合我们的主题风格。其中,改变了最新评论的模式,显示了评论者的头像;简化了文章归档模块,让它可以统缩在一起;标签和其他几个模块上,我们做了排版上的变更。

后台设置方面:

后台方面做了一些默认图片的替换,比如首页LOGO图片和微信关注。做了一些博主个人的微博、联系QQ等信息,可以方便大家沟通。

201507031435934649766866.png

未完待续……

作者头像

作者:紫铜炉

自由博主,网页设计师。我关注科技产品和个人博客发展,注重用户体验和界面优化。

 发表评论:

 评论列表

访客 2016-01-04  22:09

三张图片的文字简介,如果文字字数不够,会调用图片说明,

访客 2015-12-30  16:37

老大啊,文章里有图片,幻灯片也能调取,就是没有超连接,指示条也显示不正常,这是怎么回事啊,不是很明白啊,能详细说一下吗?这篇文中没有这样的说明啊,

访客 2016-01-01  22:31

联系方式已留下

蟹胖 2016-01-04  10:35

哪里啊??????,没看到啊,???

蟹胖 2016-01-01  16:52

请留下联系方式吧(最好是邮箱),我们在方便的时候联系你

访客 2015-12-29  21:41

我的幻灯片没有超链接和指示条是怎么回事啊,

蟹胖 2015-12-29  21:55

你好,这篇文章上有提到过的,主要是文章下面要有响应的图片!