S！Metro 2.0 DZ学习研究交流

小草根 · 发表于 2015-4-5 09:17:29

演示站点：http://www.singcere.net/demo/metro/　测试账户：test 密码：test
草根吧学习研究：
包含S！Metro 2.0、模板控制插件、安装与使用手册、DIY包，更新日期：2014-12-19

其他模块： 模板中“随便逛逛”栏目，是安装：S!_waterfall插件。模板中“微信”是安装S!微信公众平台插件，S!_inspiration模板不包含这两块插件，仅作演示使用，需要该模块请联系客服分享。
注意： 演示站点为Discuz x3.0，Discuz x2.5以截图演示为标准，已无演示站点。
一、模版介绍

1、构思、列版、设计、出图、到制作，纯4A级别模板制作流程。
　　（做最好的，是我们的项目愿景，脚踏实地的从头开始，从细节入手，这套模版采用Html5的语言标准编写，Jquery库为基准。）

2、通过firefox，Chrome及IE6+浏览器测试兼容。　
　　（兼容768px以上的分辨率，也就是兼容IPAD mini在内的在内的平板电脑自适应，css Hack上我们花了大量时间兼容IE6+，虽然繁琐、但这些都是设计开发人员应该做的。 :）

3、整体UI清晰。
　　（整体UI选Windows8 Metro风格，蓝色简约简单，整体页面干净整洁）。

4、首页给用户最高效的筛选模式：无跳转筛选模式。
　　（首页内容部分采用AJAX加载数据，用户可无刷新筛选最新论坛主题、最热主题、精华主题）。

5、相信微信的发展势头、增加微信公众平台的二维码。
　　（Discuz整合微信势在必行，官方去整合微信应该只是时间的长短而已。站长需要去微信公众平台申请个账号：http://mp.weixin.qq.com/cgi-bin/ ... ogin&lang=zh_CN，再小的个体，也有自己的品牌！）

6、门户与多说的整合。
　　（去除DX的鸡肋门户评论，增加社交评论框：多说评论框。多说评论框在WP、DEDE等开源程序中使用已久、享有盛誉，在与Discuz整合上，尚属首次，DX门户更换多说评论框后，极大的提高了用户的评论积极性和会员互动，评论同步到新浪微博、腾讯微博、QQ空间等功能，让DX的站点曝光率得到了长足的提高！多说与Singcere!已共同达成合作伙伴关系。在Singcere！在数据AJAX，站长控制端等多个方面，得到多说最给力的支持！）

7、论坛页面的优化（自带首页N格+重定义列表页展示形式，加入官方瀑布流图片展示，优化展示效果）。
　　（针对多版本的反馈情况，我们自带了最绿化形式的首页N格，该N格可通过DIY增加或者移除，论坛首页、列表页、内容页的细节都进行了完善的优化，并加入瀑布流图片展示形式。PS：可以恢复默认的文字列表模式。）

8、尽力而为的SEO优化，内部连接优化。
　　（从DIV布局到页面标签使用，参照GOOGLE搜索引擎规则，易于收录。）

9、便捷的数据修改形式：需要修改的地方只需登陆后台、或者在前台Diy操作。
　　（数据调用修改方式便捷，事实上，这是应该的。 :）

10、100%的绿色。
　　（一个模版文件夹，一个插件包。100%纯绿色，DX内核随意升级无忧！ :）

11、其余N多细节。
　　（嘴皮子功夫，多说挨砖头 just Enjoy :）

二、模版须知

1、该模版含一模版文件，一插件（不修改任何DX文件，可随意安装官方升级包）。

S！Metro 2.0-1.jpg