天兴工作室

天兴工作室制作了许多zblog自适应的模板，但是有的朋友在使用的时候会问：什么是自定义（又名响应式）？有什么优点和缺点？本文尝试回答下此问题。

响应式布局是Ethan Marcotte在2010年5月份提出的一个概念，简而言之，就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。

响应式布局可以为不同终端的用户提供更加舒适的界面和更好的用户体验，而且随着目前大屏幕移动设备的普及，用“大势所趋”来形容也不为过。随着越来越多的设计师采用这个技术，我们不仅看到很多的创新，还看到了一些成形的模式

随着移动互联网的兴起，越来越多的人使用手机上网。移动设备正超过桌面设备，成为访问互联网的最常见终端。

于是，网页设计师不得不面对一个难题：如何才能在不同大小的设备上呈现同样的网页？

手机的屏幕比较小，宽度通常在600像素以下；PC的屏幕宽度，一般都在1000像素以上（目前主流宽度是1366×768），有的还达到了2000像素。

同样的内容，要在大小迥异的屏幕上，都呈现出满意的效果，并不是一件容易的事。很多网站的解决方法，是为不同的设备提供不同的网页，比如专门提供一个mobile版本，或者iPhone / iPad版本。这样做固然保证了效果，但是比较麻烦，同时要维护好几个版本，而且如果一个网站有多个portal（入口），会大大增加架构设计的复杂度。

于是，很早就有人设想，能不能"一次设计，普遍适用"，让同一张网页自动适应不同大小的屏幕，根据屏幕宽度，自动调整布局（layout）？這就是自适应（响应式了）

自适应（响应式）的优缺点：

优点： 面对不同分辨率设备灵活性强；能够快捷解决多设备显示适应问题。

缺点：兼容各种设备工作量大，效率低下；代码累赘，会出现隐藏无用的元素，加载时间加长；其实这是一种折中性质的设计解决方案，多方面因素影响而达不到最佳效果；一定程度上改变了网站原有的布局结构，会出现用户混淆的情况。

大家可以根据自身的情况选择适合自己的zblog模板。

站长自己的观点：

如果你是个人博客网站，布局比较简单，以突出内容为重点的，建议直接使用自适应模板。

如果你是企业网站或者功能比较复杂的网站，以突出功能和交互的，建议电脑端和手机端分开做两套模板。

这是一款天兴工作室自己设计的自适应cms主题，综合了这一段时间以来的代码积累，算是比较成熟。

主题更新：

2021年09月08日升级：优化部分主题自带函数；修复已知的用户反馈问题；

2021年08月09日升级：增加调用zblog1.7自带压缩缩略图功能[1.7用户主题配置里面开启开关即可]；优化数据调用获取；优化主题部分自带函数；

2021年04月21日升级：优化今日更新文章标红函数；修改首页分类链接为新窗口打开；压缩了主题的css和js文件；修复已知的用户反馈问题；

2021年01月30日升级：修复图片列表页图片显示列数错误问题；修复侧栏最新tag模块在某些情况下的错位问题；

2021年01月08日升级：增加主题配置安全验证；优化某些函数名防止冲突；

2020年09月26日升级：优化主题部分函数；增加评论邮箱网站显示开关；增加暗黑模式；修复已知的用户反馈问题；

2020年04月13日升级：升级兼容最新的zblogphp1.6；优化评论模块显示；老用户没有升级1.6的可以不用更新主题；

2020年03月15日升级：增加列表和内容页侧栏是否显示的开关；优化文章底部tag显示；

2020年02月12日升级：优化热门文章调用函数；优化主题自带404页面；增加手机端登录按钮显示；

2019年12月04日升级：修复上个版本升级造成的错误；首页增加一个左图右排行模块；增加首页图片模块可以自定义设置显示一排几个的功能；增加首页板块下可自定义添加广告位功能；

2019年11月22日升级：此次更新较大，老用户请看更新说明后选择是否升级。

1、优化调用缩略图函数，避免用户复制的内容里面有大量垃圾代码下造成的错位；

2、首页新增图文混合模块样式；

3、重写首页cms模块调用，每个模块的样式、数量和排序都在后台分类管理里面设置；

4、加了首页幻灯片开关，关掉电脑和手机都不显示；

5、重写了分类模板选择，屏蔽了系统下拉选择改成单选，避免用户选择错误模板造成前台报错；

6、重写了调用热门文章函数，因为有的用户网站很久都不更新文章，然后调用热门失败导致页面错位了...

7、修复已知的用户反馈问题。

2019年08月22日升级：升级电脑段手机端的广告位判断；修复了一些其他已知问题；

2019年04月18日升级：优化主题js文件；修复了一些其他已知问题；

2019年02月19日升级：修复主题自带seo描述功能错误；修复了一些其他已知问题；

2019年01月07日升级：修复文章内容下tag问题；修复了一些已知错误；

2018年12月02日升级：修复自带会员界面打开验证码后的错误；增加seo配置项（标题自定义+间隔符自定义）；修复了一些已知错误；

2018年09月02日升级：修复内容页关键词显示；修复主题自带会员中心界面的一些问题；

2018年08月09日升级：修复一些已知问题；大幅度优化手机端缩略图显示效果，简化js；

2018年04月26日升级：增加自定义缩略图功能；修复升级最新版zblog后退出链接错误问题；

2018年04月06日升级：

1、增加首页置顶模块可以设置自定义调用指定文章；

2、修改首页cms文字模块可以开启第一篇文章带缩略图功能，如下图：

3、修复已知问题，优化js和css文件。

2018年01月02日升级：此次升级较大，并且比较推荐升级。【老用户升级后请先去后台右上角主题配置里面把主题配色和右侧栏tab设置下】

1、增加主题配色位置，多达6处看自定义配色；

2、大幅优化合并js文件；

3、后台主题配置大幅度合并优化；

4、右侧栏tab模块全新升级，标题、调用内容、调用内容的时间跨度等完全自定义；

2017年11月26日升级：增加qq快捷登录模块并有控制开关，如果你的qq登录集成已经设置好了，那么直接打开开关即可

2017年10月17日修复：新增文章列表文章描述调用可选（调用文章内容或者调用文章摘要）；优化文章列表缩略图显示；跟随用户中心插件升级了某些页面。

2017年08月28日修复：修复文章列表选择“有图则显示”时的错误；手机端logo修改为可点击跳转到首页；完全彻底的把缩略图插件改为可选插件（不用缩略图也能使用本主题了...）。

2017年08月16日更新：修复评论分页；增加友情链接开关；增加幻灯片可自定义调用指定文章功能；增加缩略图插件选择功能（可以选择不用缩略图插件生成缩略图而直接使用原图）；继续优化css和js。

2017年07月08日更新：增加积分充值，vip充值功能；增加订单管理功能；增加tag页自定义标题关键词描述；继续优化css和js；增加主题版权开关；修复新用户启用主题报错的bug。

2017年06月09日更新：增加找回密码功能；优化一些css；

2017年05月03日更新：优化手机端导航栏显示，集成会员中心（注册、登录、投稿）。

2017年04月11日更新：此次更新较为巨大，请更新完后去后台右上角主题配置里面重新设置下cms栏目调用，否则会出错。

1、优化cms栏目调用方式，升级后在后台直接勾选而不需要手动填写栏目栏目，更为直观：

2、增加列表页cms形式展示，使用方法：后台--分类管理--新建分类或者编辑分类，在底部找到如下图所示开关打开即可：

3、修复了一些已知问题；

2017年03月27日更新：优化手机端导航栏显示，不管多少导航栏目都能正常显示；优化手机端的文章列表显示，修改为手机端文章列表显示缩略图，会根据屏幕分辨率做出相应变化；增加手机端首页幻灯片开关，可以在手机端不显示幻灯片模块。

2017年03月17日更新：优化js；优化了关闭主题自带seo功能后文章编辑页面不显示seo字段；修复一些已知bug。

2017年02月16日更新：修改了下拉导航的js和样式，修改了手机端导航栏显示样式。

2017年01月09日更新：

1、评论模块做了一些修改；

2、404模板样式升级；

3、首页图文模块变成cms形式，支持调用多个图文模块；

4、首页cms模块修改为调用所填写id的全部文章（包括子分类的文章）

5、css小幅调整；

2016年12月14日更新：此次更新较大，请先看升级说明：

1、此次升级后主题仅支持zblogphp1.5，1.4以下不再兼容。

2、主题的每个模板文件都增加了中文说明，选择模板文件时更直观；

3、手机端增加搜索框；

4、评论模块升级到最新1.5的ajax模式；

5、文章列表缩略图增加三种展现模式：不显示图/显示图/有图则显示无图不显示，后台主题管理可自行选择配置。

2016年11月03日更新：主题支持最新的zblogphp1.5.

2016年10月25日更新：优化了面包屑导航，支持显示一级栏目二级栏目三级栏目等；优化了升级主题logo会被覆盖掉的问题；优化了一些css。

2016年09月12日更新：优化了导航栏当前页面高亮和下拉导航；增加了一个图片列表页（模板选择index-img即可），增加了一些图片效果，修复了一些已知错误。

2016年05月14日更新：增加主题自带搜索优化，优化主题自带的seo功能，增加4个手机端广告位，手机端文章列表缩略图修改为不显示，修复了一些css错误。

2016年04月26日更新：增加主题自带seo，支持首页列表页内容页自定义关键词描述；增加下拉导航。

2016年03月23日更新：修复首页切换到博客布局时手机端宽度问题；增加sf_img1的插件支持以压缩首页列表页的图片，加快了网站的访问速度，内容页增加本文标签显示；增加文章内视频的自适应（仅支持embed格式的外部调用视频）

2015年12月13日更新：修复logo链接错误；

主题特点：

1. 自适应（自动适应电脑端手机端浏览）；

2. 首页cms布局/博客布局任意切换；

3. 主题内置多个广告位后台可控制开关；

4. 主题自带多彩tag和美化版最新评论功能；

5. 可在后台任意修改主题配色；

6. 等等...

主题演示地址：

http://demo.pjblog.wang/?theme=txcms2

手机端演示：

主题演示截图：

电脑端首页：

电脑端列表页：

电脑端内容页：

手机端首页：

手机端列表页：

手机端内容页：

后台主题配置页：

这个模板本来是想做成一个手机端模板的，后来想想还是对于电脑端做了一些修改搞成一个自适应的了。

不过还是推荐手机端使用；

此模板适用于专心写博客的网站使用，极简风格（一张图都不带的...）、自适应、单栏。最重要的是：

模板以换颜色为本！

这个模板还是可以在后台自定义配色！

上点演示图：

下拉导航栏：

内容页：

这是一款界面比较传统型的企业模板，适合一些传统的企业使用。此模板特点如下：

1. 自适应，在移动端越来越重要的今天适应了大潮流；

2. 主题可以后台自定义配色，一套模板千变万化；

3. 双列表页模板，新闻类栏目模板和产品类栏目模板；

4. 栏目页三栏布局，调用了系统侧栏，可以更自主化的选择自己的内容；

5. 右侧的在线客服面板；
   

6. 详细好用的主题后台配置界面。

主题升级：

2021年01月23日：修复首页缩略图错误；优化js文件；

2020年10月26日：修复函数调用错误；修复已知的用户反馈问题；

2017年12月23日：增加自定义上传缩略图功能，优化css和js。

2017年09月13日：修复右侧栏友情链接等模块的css错误；修复评论模块js和翻页问题；优化css。

2017年06月11日：全新升级至1.5版本，不再兼容zblogphp1.4；评论模块升级；404升级；css优化；js优化；

2016年11月14日：主题升级支持最新的zblogphp1.5；修复老用户升级主题后会替换原有logo的问题。

2016年7月29日：修复首页产品栏目链接错误，增加下拉导航功能，修复一些错误。

2016年6月10日：修改了主题自带seo优化的规则，增加主题自带搜索优化。

主题说明：

此模板有两套列表页模板，新闻类选择list-news；产品类的选择list-tu。

主题截图：

电脑端首页：

后台改变颜色之后：

电脑端新闻栏目页：

电脑端产品类栏目页：

电脑端内容页：

手机端首页：

手机端产品栏目页：

手机端内容页：

天兴工作室 宽屏自适应淘宝客主题。主题特点如下：

1、自适应；

2、宽屏大气设计（呵呵）

3、其他懒得写的，反正有演示网站。

主题演示：

电脑端演示：http://demo.pjblog.wang/?theme=txtao。 

手机端演示：

升级记录：

2018年12月05日更新：增加幻灯片上部模块开关；增加右侧栏可以调用系统侧栏功能；修复了一些已知小问题；

2018年06月12日更新：修复关键词描述调用错误；优化了css和js；

2017年10月03日更新：修复评论分页问题；去除了对缩略图插件的依赖；增加了tag页面自定义标题关键词；大幅度优化了代码；

2017年01月15日更新：升级支持最新的zblogphp1.5并且不兼容zblogphp1.5以下，如果你的程序没有升级请不要升级主题。

1、评论模块升级；

2、css调整；

3、增加可以上传单独缩略图功能；

4、修复一些已知问题。

2016年07月28日更新：增加下拉导航功能，增加一些字段判断，填写了对应字段则显示不填写则不显示。

2016年06月02日更新：

注意：此版本为重大更新，更新前请务必做以下两个步骤：

1、安装“IMAGE”插件；

2、打开“/zb_users/theme/txtao/template/”文件夹，删除“search.php”和“post-search.php”两个文件。

此版本更新内容有：

1、增加主题自带seo功能（并添加了开关可以关闭）；

2、增加了主题自带搜索优化功能；

3、增加了一般普通文章页面，后台有开关，打开开关后即可发布普通文章，关闭开关则可以发布淘宝客文章；

4、修改内容页相关文章的样式；

5、增加了很多开关（首页幻灯片开关，tab模块开关，右侧栏所有模块开关）

6、修改了一些css问题。

主题演示截图：

首页：

内容页：

手机端首页：

手机端内容页：

主题后台设置页：

这款主题是在“ 天兴工作室zbp第四版 精仿煎蛋zblog模板 ”基础上升级而来的，主要升级了以下几个东西：

1. 自适应，可以自动适应电脑/手机/平板电脑等各种分辨率的设备，一套模板全解决；

2. 增加了后台“主题配置”页面，更换logo，修改广告位，填写网页关键词描述等可以在后台主题配置轻松完成；

3. 右侧回到顶部按钮；

主题更新：

2019年09月29日更新：免费了，有bug请就在这里留言反馈，不要加我qq，免费主题不提供任何技术支持；

2017年12月05日更新：修复关键词描述不显示错误；大幅度优化了css代码；优化页面js；推荐升级。

2017年01月05日更新：此次更新将只支持zblogphp1.5，没有升级程序的请不要升级主题。

1、css大调整；

2、评论模块升级；

3、404页面美化；

4、搜索页面美化；

5、已知bug修复。

2016年05月08日更新：增加主题自带seo基础功能（支持首页列表页内容页自定义关键词描述）；增加主题自带搜索优化；修复一些css错误；涨价！

2015年10月16日更新：优化php代码，增加手机端侧栏显示开关，可控制侧栏在手机端是否显示。

2015年1月18日更新：文章内容页增加相关文章功能。

2015年1月15日更新：

1、修复了置顶文章缩率图的问题；

2、修改了文章缩略图为指定大小；

3、修改了文章评论界面的一些css错误。

主题使用说明：

1. 首页调用的是默认侧栏，列表页和内容页调用的是侧栏2，右侧栏跟随滚动调用的是侧栏3

2. 无需任何插件支持。