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

仿下载王易优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
    &lt;a href="{eyou:global name='web_cmsurl' /}/" class="logo2"&gt;&lt;i class="<span style="color: #ff0000;">icon</span>"&gt;&lt;/i&gt;&lt;/a&gt;

    1
    class="icon"

    修改为

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

 

  • 打开mobile模板目中的TAGS文件index_tags.htm和lists_tags.htm;
  • 在文件<body>下方增加如下代码并保存:

1
2
3
4
5
6
7
8
9
10
11
12
&lt;style&gt;
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;
}
&lt;/style&gt;
  • 在上述两个模板文件中搜索
    
    
    1
    &lt;a href="{eyou:global name='web_cmsurl' /}/" class="logo2"&gt;&lt;i class="<span style="color: #ff0000;">icon</span>"&gt;&lt;/i&gt;&lt;/a&gt;

    1
    class="icon"

    修改为

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

 

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

1
2
3
4
5
6
7
8
9
10
11
12
&lt;style&gt;
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;
}
&lt;/style&gt;
  • 搜索
    
    
    1
    &lt;a class="logo"&gt;&lt;i class="<span style="color: #ff0000;">icon</span>"&gt;&lt;/i&gt;&lt;/a&gt;

    1
    class="icon"

    修改为

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

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


二、2020.07.11修复移动端BUG

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

1
&lt;ul id="list001"

>和

1
&lt;ul id="list002"&gt;

中的


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

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

1
aid='$field.aid'

,即


1
&lt;p&gt;{eyou:tag sort='now' <span style="color: #ff0000;">aid='$field.aid'</span> getall='0' row='100' id='field1' empty='暂无标签'}&lt;span&gt;{$field1.tag}&lt;/span&gt;{/eyou:tag}&lt;/p&gt;

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
&lt;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}"&gt;&lt;a href="{eyou:diyurl type='tags'}/"&gt;TAG专题&lt;/a&gt;&lt;/li&gt;

c. 全部替换为


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

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

分享到 :
相关推荐

易优eyoucms安装教程

很多新手购买了我们的源码或者是想使用官方的程序包,害怕安装。这里可以告诉你,只要你看...

易优eyoucms手机版网站如何开启配置教程方法

易优CMS做网站除了自适应,还可以配置双端,且双端的域名也可以用主域名也可以独立开。...

易优eyoucms标签tags增加封面图片利于SEO可做简单专题

易优CMS1.4.8版本TAGS官方在底层上增加了SEO三元素TDK,但是唯独没有加...

易优eyoucms文档关键词管理内链管理插件源码

文档关键词管理插件是易优官方推出的SEO内链插件管理,全自动内链,通过本插件可以添加...