手把手教你修改帝国CMS手机模板

手把手教你修改帝国CMS手机模板

一、帝国CMS手机模板修改前的准备

  • 了解一些基本情况
    • 如果使用帝国cms7.2,制作思路是去网上下载适合手机浏览(静态、响应式均可)且包含首页、列表页、内容页的漂亮模板,然后像修改网站模板一样在对应位置插入帝国标签(手机版标签和网站标签不同)。帝国手机模板文件主要有index.temp.php,list.temp.php,show.temp.php这3个文件,位置在\e\wap\template\1,分别对应网站首页模板、列表模板、内容模板,把下载修改好的模板替换这3个文件即可使用。
    • 若建立栏目有三级,对于手机模板,可以通过导航把所有栏目加到导航里,这样点击栏目时直接访问该栏目的列表模板,首页模板可自定义得简单些,用图标做超链接即可,修改列表页和内容页时上面做个导航。

二、添加自动跳转代码(若需要)

  • 实现手机访问自动跳转
    • 只需添加特定的2行代码(经验不能显示代码请到原作者网站查看),就可以实现手机访问网站时自动跳转到手机模板上去。

三、首页模板制作

  1. 下载模板
    • 先去网上下载一个漂亮的手机模板首页(最好包括列表页和内容页),可搜索关键字“微站模板”,百度下手机模板(注意不是帝国cms手机模板,因为帝国的几乎没有),比如从搜索结果中找一个漂亮的首页。
  2. 处理下载的模板文件
    • 把下好的模板文件拷贝到编辑软件frontpage里自带站点文件夹mywebsites里。并在frontpage里移动模板文件里的css,js等文件夹到新建的文件夹(如bj),frontpage有个功能,如果在frontpage里移动文件夹,会把用到这个文件夹的代码自动修改路径,减少编辑时间(Dreamweaver是否有此功能未测试,没有的话需手动改好,不动文件夹也可以,看个人习惯)。以本地测试为例,把bj文件夹拷贝到wap根目录下(即e/wap下),访问手机网址时就可以直接调用了(不移动也可以,但wap下会比较乱,如果想用几套模板,还是建个文件夹较好)。
  3. 修改首页模板文件
    • 手机模板文件放在template文件夹里,有1和2两个文件夹(分别对应2个模板,可在后台wap设置里看到),假设用到的是手机版,对应的文件夹是1,那么就修改\e\wap\template\1里的index.temp.php。通过编辑软件打开首页模板index.temp.php和下下来的模板文件index.html,把index.html里的代码全部拷贝到index.temp.php里,替换原来的代码。
  4. 修改index.temp.php里面的代码
    • 手机版标签修改:例如title标签,手机版标签为?title?=$pagetitle?/title,要按照手机版的样式写,如果不知道,可以参考没修改过的模板。
    • 超链接修改:以某个首页模板为例,如果网站有4大专栏,把原来的模板修改成4大专栏对应的超链接,即他们对应的列表页,如代码:兴趣爱好

四、其他模板修改(如列表、内容模板)

  • 直接修改
    • 帝国CMS7.5中,列表、内容模板都可以直接修改。位置在后台 -》 模板 -》 公共模板。模板中带有[!--temp.header--]类似这样的标签,修改步骤在:模板 -》 公共模板变量 -》 管理。具体的模板修改,需自己多点击了解即可。
本篇文章所含信息均从网络公开资源搜集整理,旨在为读者提供参考。尽管我们在编辑过程中力求信息的准确性和完整性,但无法对所有内容的时效性、真实性及全面性做出绝对保证。读者在阅读和使用这些信息时,应自行评估其适用性,并承担可能由此产生的风险。本网站/作者不对因信息使用不当或误解而造成的任何损失或损害承担责任。
阅读全文