仿下载王易优CMS版更新手册v1.0.1

2020.07.10
双端LOGO分离,后台控制;
2020.07.11
修复移动端分类列表TAG显示;
修复移动端排行榜分类时间显示;
修复PC端头部文件一句代码溢出;

淘宝购买

一、2020.07.10双端LOGO分离

源码志仿下载王易优CMS版应会员需求,分离双端头部LOGO,全后台控制。如有需要,可以按照下列方法对模板代码进行修改。

1、PC端

  • 制作一张宽195PX高68PX的PNG(背景透明)图片一张;
  • 上传到后台-基本设置-网站设置-“网站LOGO”并确认提交;
  • 打开PC模板目录中的头部文件header.htm;
  • 在文件头部增加如下代码:
<style>
.logo_wrap .logo {
background-image: url({eyou:global name='web_logo' /});
background-repeat: no-repeat;
background-size: 195px 68px;
}
</style>
  • 保存即可。

2、移动端

移动端要修改的地方较多,请多留意需要修改的地方。

  • 制作两张图,宽136px高50px,第一张为有颜色的背景透明PNG,第二张为带白字背景透明的PNG,不懂的可以查看演示站
  • 第一张上传到后台-基本设置-自定义变量-“手机端网站LOGO”并确认提交;
  • 新建一个自定义变量,名称“手机端网站LOGO2”,表单类型“上传图片”,保存;
  • 回到基本设置,把第二张图传到自定义变量-“手机端网站LOGO2”并确认提交;
  • 打开mobile模板目中的头部文件header.htm;
  • 在文件头部增加如下代码:
<style>
header .logo2 i {
width: 1.41rem;
height: .52rem;
background-position: 0 0;
margin: .08rem auto 0 auto;
}
.icon_logo {
background-image: url({eyou:global name='web_attr_21' /});
background-size: 1.43rem .52rem;
}
</style>
  • 搜索
    <a href="{eyou:global name='web_cmsurl' /}/" class="logo2"><i class="icon"></i></a>

    class="icon"修改为class="icon_logo"

  • 保存文件。

 

  • 打开mobile模板目中的TAGS文件index_tags.htm和lists_tags.htm;
  • 在文件<body>下方增加如下代码并保存:
<style>
header .logo2 i {
width: 1.41rem;
height: .52rem;
background-position: 0 0;
margin: .08rem auto 0 auto;
}
.icon_logo {
background-image: url({eyou:global name='web_attr_21' /});
background-size: 1.43rem .52rem;
}
</style>
  • 在上述两个模板文件中搜索
    <a href="{eyou:global name='web_cmsurl' /}/" class="logo2"><i class="icon"></i></a>

    class="icon"修改为class="icon_logo"

  • 保存文件。

 

  • 打开mobile模板目中的首页文件index.htm;
  • 在文件<body>下方增加如下代码:
<style>
header .logo i {
width: 1.41rem;
height: .52rem;
background-position: 0 0;
margin: .08rem auto 0 auto;
}
.icon_logo {
background-image: url({eyou:global name='web_attr_13' /});
background-size: 1.43rem .52rem;
}
</style>
  • 搜索
    <a class="logo"><i class="icon"></i></a>

    class="icon"修改为class="icon_logo"

  • 保存文件。

至此,LOGO代码已经从CSS中分离完毕,可以在后台自行控制了。


二、2020.07.11修复移动端BUG

1、修复移动端分类列表TAG显示:
a. 找到移动端模板文件lists_download.htm
b. 分别找到<ul id="list001">和<ul id="list002">中的

<p>{eyou:tag sort='now' getall='0' row='100' id='field1' empty='暂无标签'}<span>{$field1.tag}</span>{/eyou:tag}</p>

c. 找到的代码添加一个字段aid='$field.aid',即

<p>{eyou:tag sort='now' aid='$field.aid' getall='0' row='100' id='field1' empty='暂无标签'}<span>{$field1.tag}</span>{/eyou:tag}</p>

d. 在模板system目录中的模板文件arclist_list001.htm和arclist_list002.htm找到和添加同样的代码
e. 修改完保存即可
2、修复移动端排行榜分类时间显示:
a. 找到移动端模板文件lists_single_rlist.htm
b. 搜索代码

{$eyou.field.add_time|MyDate='Y-m-d',###}

c. 全部替换为

{$field.add_time|MyDate='Y-m-d',###}

e. 替换后保存即可
3、修复PC端头部文件一句代码溢出:
a. 找到PC端模板头部文件header.htm
b. 搜索代码

<li class="{eyou:if condition='($Think.const.CONTROLLER_NAME == Index || $eyou.field.ptypeid == 1 || $eyou.field.ptypeid == 2 || $eyou.field.ptypeid == 4 || $eyou.field.ptypeid == 5 || $eyou.field.ptypeid == 6 || $eyou.field.ptypeid == 50)'}{eyou:else /}current{/eyou:if}"><a href="{eyou:diyurl type='tags'}/">TAG专题</a></li>

c. 全部替换为

<li class="{eyou:if condition='($Think.const.CONTROLLER_NAME == Tags)'}current{eyou:else /}{/eyou:if}"><a href="{eyou:diyurl type='tags'}/">TAG专题</a></li>

e. 替换后保存即可
至此,以上BUG轻松修复。

1. 本站所有资源来源于网络和用户上传,仅供大家参考、学习!
2. 盗版,破解有损他人权益和违法作为,请各位会员支持正版!
3. 其它细则请参考本站服务条款,资源如有侵权请与我们联系!
源码志 » 仿下载王易优CMS版更新手册v1.0.1

源码志提供最优质的建站资源,限时299加入会员·下载会员专属源码

开通会员 了解详情