[公益模版]自定义颜色列表试自适应mipcms独立diy模板优化版2.0

  • 时间:
  • 浏览:223
  • 来源:网站服务商官网
  • 网址:www.wzfws.com

前几天网站服务商推出了《中国蓝》《中国红》的公益模板1.0,从现在起不再按颜色命名了,因为颜色大家随意随意设置,主要重心放在模版的用户体验和模版优化上面来,下面是最新的模版说明。

模板名称:自定义颜色列表试自适应mipcms独立diy模板优化版2.0

最新版本:2.0 

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

发布时间:2018年11月1日

作者:杨泽业

售价:10元起,参考价39元。(文末扫码支付,或者淘宝店购买)

捐款:1元起,参考价20元。(文末图片,微信扫码捐款)

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

温馨提醒:

A、本模板由杨泽业发送最新版本的模版,所有用户后期均可免费更新。

B、付费用户或者捐款用户,均可获得技术支持。技术支持的时间由付款(捐款)的多少决定,按50元一个小时的费用计算,付款(捐款)超过88元的本模板,提供不限时长的技术支持。


一、官方演示网站:

1.1、卖家内参网:https://www.mjncw.com

1.2、改字成金网:https://www.gaizichengjin.com


二、模板特色:

2.1、默认首页导航背景色改成蓝色,增加底部颜色为蓝色,你可以 自定义任意颜色。


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


2.3、本模板所有内容都是独立的模板内容,模板解压以后的diy文件夹里面的内容上传到根目录下的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、新增了自定义SEO标题的功能,让你的文章可以自定义标题,利于用户体验和搜索引擎收录。


2.12、新增了百科列表模版可百科详情页模版,让百科词条丰富你的网站内容和吸引用户阅读。


2.13、更多特色,就期待你自己去发现了(其实修改、优化了很多处)


三。使用方法:

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


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

(如果想把网站名称改成logo的话,点击《杨泽业:给你的mipmcs网站默认模板添加网站logo详细教程》已经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/diy/main/footer.html。


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

3.4.1、图片替换:/template/diy/main/images/no-images.jpg

3.4.2、代码修改:/template/diy/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/diy/article/articleDetail.html第一行的:

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


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


3.7、给文章添加评论功能。详细点击《杨泽业:mipcms网站添加文章评论插件及插件使用教程》。(也可以安装插件以后,代码放入广告管理里面,添加一个评论的广告,广告别名使用pinglun即可,模版里面集成了这个广告位。不添加不会启用)


3.8、给文章添加百度MIP分享的功能。在文章模板页面/template/diy/article/articleDetail.html里面,已经集成了百度分享的广告位,只要你在后台管理里面添加一个广告即可:(不添加不会启用)

3.8.1、广告名称:百度分享

3.8.2、广告别名:bdfx

3.8.3、广告代码:<div class="mip-share-container"><mip-share></mip-share></div>


3.9、文章模版集成了在线语音播放的功能,使用方法:(不添加不会启用)

3.9.1、后台--文章--自定义字段--添加字段。字段名称:语音代码,字段别名:yuyin,字段类型:文本字符串

3.9.2、发布文章的时候,多出一格语音代码的位置,复制语音代码即可,如:

<mip-iframe height="36" width="260" src="https://www.ximalaya.com/thirdparty/player/sound/player.html?id=18902196&type=red" frameborder=0 allowfullscreen></mip-iframe>


3.10、文章模版集成了在线视频播放的功能,使用方法:(不添加不会启用)

3.10.1、后台--文章--自定义字段--添加字段。字段名称:视频代码,字段别名:shipin,字段类型:文本字符串

3.10.2、发布文章的时候,多出一格视频代码的位置,复制视频代码即可,如:

<mip-iframe frameborder="0"  width="480" height="360" src="https://v.qq.com/txp/iframe/player.html?vid=d0721ajm7xd&auto=0" allowFullScreen></mip-iframe>

<p>大话西游经典对白:曾经有一份真挚的爱情摆在我面前</p>


3.11、文章栏目集成了自定义SEO标题的功能,使用方法:(不添加不会启用)

3.11.1、后台--文章--自定义字段--添加字段。字段名称:SEO标题,字段别名:seotitle,字段类型:文本字符串

3.11.2、发布文章的时候,多出一格SEO标题的位置,填写SEO标题即可,不填写默认调用文章标题。如:

文章标题(显示在正文上方):mipcms

SEO标题(显示在浏览器的标题栏title里面):mipcms是什么?mipcms怎么用?mipcms解读


3.12、全站模版添加了谷歌广告的代码,使用方法:(不添加不会启用)

3.12.1、添加谷歌广告代码:后台--插件--广告管理--添加广告。

3.12.2、广告名称:谷歌广告

3.12.3、广告别名:gggg

3.12.4、广告代码,必须是mip广告哦,如:

<mip-adsense ad-client="ca-pub-9415624128339828" ad-slot="9640249472" ad-format="auto"></mip-adsense>

3.12.5、如果还没有开通谷歌广告的,点击查看教程《杨泽业:给你的mipcms网站添加谷歌广告联盟Google AdSense代码的详细教程


3.13、本站首页、栏目列表页、详情页的右侧已经集成了4个广告位,使用方法:(不添加不会启用)

3.13.1、添加自定义广告代码:后台--插件--广告管理--添加广告。

3.12.2、广告名称:随意,如广告一

3.12.3、广告别名:ad01

3.12.4、广告代码,如:

<div class="mip-box">
<div class="mip-box-heading"><h3 class="title">侧边栏标题</h3></div>
<div class="mip-box-body">
广告代码
</div>
</div>


3.14、本站模版添加了百科栏目模版,使用方法:(不添加不启用)

后台--文章--分类管理--添加分类--模板页选择:分类模版选择article-baike.html,详情模版选择articleDetail-baike.html即可。


3.15、本站模版添加了一个叫做商城的模版,如果你需要在商城的栏目销售东西的话,可以添加支付宝和微信的收款码在文末,css已经集成,使用方法:(不添加不启用)

3.15.1、后台--插件--插件管理--广告管理--管理--添加广告

3.15.2、广告名称:在线支付

3.15.3、广告别名:pay

3.15.4、广告代码:

<div align="center">
<div class="pay" align="center">通过支付宝或者微信进行在线支付
<div class="alipay"><mip-img src="支付宝收款码图片地址" alt="支付宝支付"></mip-img></div>
<div class="weixinpay"><mip-img src="微信收款码图片地址" alt="微信支付"></mip-img></div>
</div>
</div>


3.16、更多惊喜,更多优化,期待你自己去体验哦!微信扫码下方进行捐款,或者底部扫码付款即可开始体验

通过支付宝或者微信进行在线支付

猜你喜欢

杨泽业:给你的mipcms添加个性化的自定义模板,让你的网站运营更轻松

网站服务商杨泽业:给你的mipcms添加个性化的自定义模板,让你的网站运营更轻松给你的mipcms网站添加各种个性化引导语,广告图片,这样的话用户体验也会更好,浏览不同的栏目内

2018-09-20 @mipcms  

评论

  • 557557
    麻烦做个一栏,二栏,三栏,都有的模版
  • 557557
    麻烦做个一栏,二栏,三栏,都有的模版
邮箱不能为空
昵称不能为空
内容不能为空