【公益宝贝】中国蓝博客列表试自适应mipcms独立模板

杨泽业：中国蓝博客列表试自适应mipcms独立模板

这是网站服务商站长杨泽业开发的第一款，基于mipcms官方默认模板开发的第一款模板《中国红博客列表试自适应mipcms独立模板》，以后还会有更多的模板放出来，可以给大家免费使用！下面是模板的详细介绍：

模板名称：中国蓝博客列表试自适应mipcms独立模板

最新版本：1.0

适应mipcms版本：mipcms v3.6 和 站群体验版1.7

发布时间：2018年10月21日

作者：杨泽业

售价：1-388元，参考价88元。

（模板费用直接使用微信捐款的方式，向母亲水窖捐款，价格随意！你所捐的费用，不是杨泽业收的，而且中国妇女基金会收取的。我要带领更多的人一起向母亲水窖捐款）

温馨提醒：

A、本模板可以在mipcms官方群和我自己的群里面，提供免费下载，免费使用。

B、免费用户不提供技术支持，毕竟我也需要赚钱养家，时间和精力有限。

C、免费用户不得删除模板底部“Powered By MIPCMS 模板设计： 网站服务商” 的字样及链接。

D、付费购买模板的用户，提供模板技术支持，可以删除“模板设计： 网站服务商”文字及链接，但是不得删除“Powered By MIPCMS”的字样与链接。

一、官方演示网站：

1.1、网站服务商：https://www.wzfws.com

1.2、网络服务商：https://www.wlfws.com

二、模板特色：

2.1、首页导航背景色改成蓝色，增加底部颜色为蓝色。

2.2、首页主体部分改成了博客一样的以列表的方式展示，以全站最新的内容展示在最前面，方便访客浏览。第一时间读到网站最新的内容。

2.3、本模板所有内容都是独立的模板内容，模板解压以后的zhongguolan文件夹里面的内容上传到根目录下的template里面即可，与其他的模板文件不会共用，互不依赖。可以随时切换其他模板，本模板不想使用了，删除这个文件夹即可。

2.4、本模板内置了一个自定义的电脑网页显示，手机不显示的模块，只要你自定义一个class="dnxs"即可。如网站二维码,就是电脑显示，手机不显示。

2.5、更改了，网站的标签样式，让标签看起来更加美观。

2.6、网站列表（含首页）增加了文章当前栏目及文章的标签。默认手机版不显示标签，电脑版显示最多2行标签。

2.7、所有的栏目列表，调用了后台seo选项的栏目描述内容，让你的网站用户体验更好，还算是一个绝佳的广告展示位置。就像本站栏目一样，多个栏目描述内容提到的了本站提供980元的一对一建站培训。

2.8、模板的文章详情页的seo标题更改为：文章标题+栏目名称+网站名称的显示方式。

2.9、模板内置丰富的JS组件，除默认的百度统计、熊掌号以外还增加了cnzz站长统计、百度广告联盟，谷歌广告联盟，文章评论（表单）、百度分享等JS组件。

2.10、文章列表页右侧除了默认的当前栏目热门文章，还增加了，整站热门文章；文章详情页除了默认的全站最新文章以外，还增加了本栏目最新文章。这样的话，更加吸引用户浏览网页内容。

2.11、更多特色，就期待你自己去发现了（其实修改、优化了很多处）

三。使用方法：

3.1、下载解压以后，得到一个zhogguolan的文件夹，及一个模板介绍及使用说明文档的快捷方式。把文件夹zhogguolan上传至根目录下的template里面，后台启用即可。

3.2、修改或者删除导航的首页、搜索和登录链接。全局头部文件：/template/zhongguolan/main/header.html。

（如果想把网站名称改成logo的话，点击《杨泽业：给你的mipmcs网站默认模板添加网站logo详细教程》）

3.2.1、首页链接代码：

<li class='{if condition="$mod=='index'"}active{/if}'>

<a href="{$domain}" data-type="mip" data-title="{$mipInfo['siteName']}" title='首页'>首页</a>

</li>

3.2.2、搜索链接代码：

<li>

<a href="http://zhannei.baidu.com/cse/search?s={$mipInfo['biaduZn']}" target="_blank" title='搜索'>搜索</a>

</li>

3.2.3、登录链接代码：

<div class="d-lg-flex d-none">

<ul class="mipmb-menu list-unstyled">

{if condition='$userInfo["group_id"] == 1'}

<li><a href="{$domain}/{$Think.config.admin}/">后台管理</a></li>

{else/}

<li><a href="{$domain}/{$Think.config.admin}/">登录</a></li>

{/if}

</ul>

</div>

3.3、修改网站底部联系方式：全局底部模板文件：/template/zhongguolan/main/header.html。

3.4、修改默认无缩略图的图片：

3.4.1、图片替换：/template/zhongguolan/main/images/no-images.jpg

3.4.2、代码修改：/template/zhongguolan/block/article-list.html第7行：

<mip-img layout="container" src="{$domain}/template/{$tplName}/main/images/no-images.jpg" alt='{$v.title}'></mip-img>

改成： <mip-img layout="container" src="图片地址" alt='{$v.title}'></mip-img>

3.5、文章详情页标题，如果不想使用本站修改的文章标题+栏目名称+网站名称，可以改回成默认的文章标题+网站名称，方法是：

文章详情页模板/template/zhongguolan/article/articleDetail.html第一行的:

{extend name="main/xiangqing"/}改成{extend name="main/main"/}

3.6、添加和移除js组件。位置：/template/zhongguolan/main/main.html和/template/zhongguolan/main/xiangqing.html。

3.7、给文章添加评论功能。详细点击《杨泽业：mipcms网站添加文章评论插件及插件使用教程》。

3.8、给文章添加百度MIP分享的功能。在文章模板页面/template/zhongguolan/article/articleDetail.html里面，猜你喜欢的上方添加mip分享的通用代码：<div class="mip-share-container"><mip-share></mip-share></div>即可。