仿下载王易优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;
  • 在文件头部增加如下代码:

1
2
3
4
5
6
7
<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;
  • 在文件头部增加如下代码:

1
2
3
4
5
6
7
8
9
10
11
12
<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>
  • 搜索
    1
    <a href="{eyou:global name='web_cmsurl' /}/" class="logo2"><i class="icon"></i></a>

    1
    class="icon"

    修改为

    1
    class="icon_logo"
  • 保存文件。
  • 打开mobile模板目中的TAGS文件index_tags.htm和lists_tags.htm;
  • 在文件下方增加如下代码并保存:

1
2
3
4
5
6
7
8
9
10
11
12
<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>
  • 在上述两个模板文件中搜索

    1
    class="icon"

    修改为

    1
    class="icon_logo"
  • 保存文件。

 

  • 打开mobile模板目中的首页文件index.htm;
  • 在文件下方增加如下代码:

1
2
3
4
5
6
7
8
9
10
11
12
<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>
  • 搜索
    1
    <a class="logo"><i class="icon"></i></a>

    1
    class="icon"

    修改为

    1
    class="icon_logo"
  • 保存文件。

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


二、2020.07.11修复移动端BUG

1、修复移动端分类列表TAG显示:
a. 找到移动端模板文件lists_download.htm
b. 分别找到

1
<ul id="list001">

1
<ul id="list002">

中的


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

c. 找到的代码添加一个字段

1
aid='$field.aid'

,即


1
<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. 搜索代码


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

c. 全部替换为


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

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


1
<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. 全部替换为


1
<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轻松修复。

本站所有文章、资源,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍、资源等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
源码志 » 仿下载王易优CMS版更新手册v1.0.1