首页 > 电脑专区 > CMS教程 > 帝国cms >

twcms通王CMS教程:[1]首页修改 模版主题修改

来源:互联网 2023-03-15 22:26:43 版权归原作者所有,如有侵权,请联系我们

此系列教程为广大非程序员讲解如何修改通王CMS,为自己所用。zH1办公区 - 实用经验教程分享!

本篇讲解首页相关内容的修改。zH1办公区 - 实用经验教程分享!

twcms通王CMS教程:[1]首页修改 模版主题修改zH1办公区 - 实用经验教程分享!

工具/原料

<p>通王CMS 2.0&nbsp;</p><p>Notepad 请自行百度下载</p>

1.找到主题文件夹

1

下载 通王CMS 2.0zH1办公区 - 实用经验教程分享!

twcms通王CMS教程:[1]首页修改 模版主题修改zH1办公区 - 实用经验教程分享!

twcms通王CMS教程:[1]首页修改 模版主题修改zH1办公区 - 实用经验教程分享!

twcms通王CMS教程:[1]首页修改 模版主题修改zH1办公区 - 实用经验教程分享!

twcms通王CMS教程:[1]首页修改 模版主题修改zH1办公区 - 实用经验教程分享!

2

找到刚才下载的文件。右键,解压。没有解压软件的,请下载 好压解压缩软件。zH1办公区 - 实用经验教程分享!

进入TWCMS_2.0文件夹。zH1办公区 - 实用经验教程分享!

twcms通王CMS教程:[1]首页修改 模版主题修改zH1办公区 - 实用经验教程分享!

twcms通王CMS教程:[1]首页修改 模版主题修改zH1办公区 - 实用经验教程分享!

3

依次找到TWCMS_2.0twcmsviewdefault 文件夹。这就是默认主题的所在文件夹。zH1办公区 - 实用经验教程分享!

twcms通王CMS教程:[1]首页修改 模版主题修改zH1办公区 - 实用经验教程分享!

4

自行下载 Notepad 并安装。使用Notepad 打开index.htm 。如下图所示。zH1办公区 - 实用经验教程分享!

强烈建议使用Notepad 打开,不要用系统自带记事本。否则有编码/乱码问题。zH1办公区 - 实用经验教程分享!

twcms通王CMS教程:[1]首页修改 模版主题修改zH1办公区 - 实用经验教程分享!

twcms通王CMS教程:[1]首页修改 模版主题修改zH1办公区 - 实用经验教程分享!

2.进行相应修改

1

由index.htm中的代码可知,上部分的代码在 inc-header.html中。所以修改Logo,请到inc-header.html中修改相应代码。当然也可以在default文件夹下的img文件夹替换logo.gif图片,文件名不能变。zH1办公区 - 实用经验教程分享!

twcms通王CMS教程:[1]首页修改 模版主题修改zH1办公区 - 实用经验教程分享!

twcms通王CMS教程:[1]首页修改 模版主题修改zH1办公区 - 实用经验教程分享!

twcms通王CMS教程:[1]首页修改 模版主题修改zH1办公区 - 实用经验教程分享!

twcms通王CMS教程:[1]首页修改 模版主题修改zH1办公区 - 实用经验教程分享!

2

首页上部的三个轮播图,在banner部分的代码中修改。zH1办公区 - 实用经验教程分享!

href内为点击相应图片跳转到的网址。zH1办公区 - 实用经验教程分享!

img内修改图片位置。zH1办公区 - 实用经验教程分享!

alt为鼠标移到图片上去之后的提示信息。zH1办公区 - 实用经验教程分享!

也可替换twcmsviewdefaultbanner下的b1.jpg/b2.jpg/b3.jpg。zH1办公区 - 实用经验教程分享!

twcms通王CMS教程:[1]首页修改 模版主题修改zH1办公区 - 实用经验教程分享!

twcms通王CMS教程:[1]首页修改 模版主题修改zH1办公区 - 实用经验教程分享!

3

程序简介,修改如下位置代码。若想修改后及时生效,请登录twcms通王CMS后台清空缓存。zH1办公区 - 实用经验教程分享!

对应此部分图片为twcms/view/default/img/brief.jpgzH1办公区 - 实用经验教程分享!

twcms通王CMS教程:[1]首页修改 模版主题修改zH1办公区 - 实用经验教程分享!

4

其它方法基本相同,不再赘述。底部在inc-footer.htm内修改。zH1办公区 - 实用经验教程分享!

twcms通王CMS教程:[1]首页修改 模版主题修改zH1办公区 - 实用经验教程分享!

5

具体单篇的文章/产品/图片展示页的公司联系方式,在inc-right.htm 里面修改。zH1办公区 - 实用经验教程分享!

twcms通王CMS教程:[1]首页修改 模版主题修改zH1办公区 - 实用经验教程分享!

twcms通王CMS教程:[1]首页修改 模版主题修改zH1办公区 - 实用经验教程分享!

6

首页内容的基本修改到此为止。祝大家成功。zH1办公区 - 实用经验教程分享!

(共篇)

以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!zH1办公区 - 实用经验教程分享!


标签:

办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号