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

来源：互联网 2023-03-14 19:31:40 版权归原作者所有，如有侵权，请联系我们

思良：最近把网站模板搞好，随便想搞下手机模板，发现帝国cms自带的手机模板太难看了，想到网上找一些漂亮的模板，搜索了下几乎没有，帝国接触不多，修改网站模板的时候就搞死人了，但至少还有教程，帝国手机模板教程，几乎没有，只能自己摸索，搞了几天，终于做出一个像样的模板了。高手勿喷，新人可以学习下。效果查看：手机直接访问www.jygawx.com/或3g.jygawx.com/ （经验不能发网址请在前面加上http://），网站刚做好没内容谅解。如果觉得好，可以转载，如果参考学习，我将提供下载，包括本站手机模板所有文件，拷贝过去就能用，当然要修改对应的栏目名称和超链接。

方法/步骤

第一，帝国手机模板制作要知道的一些事

a此教程使用的是帝国cms7.2

b访问帝国cms手机版就是网站域名后面加/e/wap/，在首页模板加段代码就可以实现手机访问域名时自动跳转到手机版。

c制作思路：去网上下一些漂亮的模板，静态的，响应式的都行，适合手机浏览的即可，最好有首页，列表页，内容页，修改时就和修改网站模板一样，在对应的地方插入帝国标签，只是手机版标签和网站标签不同而已，后面会说明。

d帝国手机模板文件就3个文件index.temp.php，list.temp.php，show.temp.php，位置：ewaptemplate1，即网站首页模板，列表模板，内容模板，把下好的模板修改后替换这3个文件就可以用了。但是有个小问题，如果我们在建立栏目是有三级怎么办了？网站模板是通过修改封面模板来实现显示三级栏目的列表。手机模板怎么办了，我想到一个简单的方法，通过导航，把所以栏目都加到导航里，这样点击栏目时，直接访问该栏目的列表模板了，那么首页模板就自定义好了，不要显示很多内容，就用简单的图标做成超链接（大部分下到的模板也是怎么搞的），修改列表页和内容页时上面做个导航即可。

第二，添加自动跳转的代码只需添加下面2行代码，就可以实现手机访问网站时自动跳转到手机模板上去。将代码拷贝到网站首页模板 <head>里，下面的网址可以换成你的：

（经验不能显示代码请到我网站上查看：www.jygawx.com/www/e/action/ShowInfo.php?classid=16&id=68在前面加上http://）

为什么我的前面有个/www/，因为我的网站，一个空间，N个域名，通过代码可以实现访问什么域名跳转到什么文件夹，从而实现一空间多网站，想知道这个代码可以参考我其他的文章，百度空间也有。

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

第三，首页模板制作

帝国CMS自带的wap模板是这样的，旁边是我做的，

1：先去网上下载一个漂亮的手机模板首页（最好包括列表页和内容页，当然也可以用我的，下面有下载），百度下手机模板，注意不是帝国cms手机模板，帝国的几乎没有，找一个漂亮的首页即可，比如下面。（大家可以去搜索关键字：微站模板，比搜索手机模板多的多）

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

2：把下好的模板文件拷贝到编辑软件frontpage里自带站点文件夹my web sites里。并在frontpage里移动模板文件里的css,js等文件夹到新建的文件夹，比如bj，frontpage有个这样的功能，如果在frontpage里移动文件夹，会把用到这个文件夹的代码自动修改路径，减少我们的编辑时间，打开index.html文件，查看代码，是不是自动改成bj/css了，Dreamweaver有没有这个功能我就没测试过了，如果没有请自己手动改好，不动文件夹也可以，看个人习惯。

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

3：以本地测试为例：把bj文件夹拷贝到wap跟目录下，既e/wap下，访问手机网址时就可以直接调用了（上面说了，不移动也可以，wap下就有点乱了，如果你想用几套模板，还是建个文件夹才好）。

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

4：修改首页模板，手机模板文件放在template文件夹里，有1和2两个文件夹，分别对应2个模板，我们去后台wap设置里可以看到。（我自己做的一个所以多了一个文件夹3），修改首页模板就是找到默认模板对应的文件夹，比如我现在用到是手机版，对应的文件夹是1，那么我们就修改ewaptemplate1里的index.temp.php

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

5，通过编辑软件打开首页模板index.temp.php，和下下来的模板文件index.html，把index.html里的代码全部拷贝到index.temp.php里，替换原来的代码。

6：修改index.temp.php里面的代码，只要改几个地方

a标题

手机版标签：<title><?=$pagetitle?></title>

网页版标签：<title>[!--pagetitle--]</title> 和手机版不同，只能按手机版的样式写，如果不知道，可以参考没修改过的模板，

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

b超链接，

以我的首页模板为例，我网站就4大专栏，把原来的模板修改成我4大专栏，超链接就是他们对应的列表页，

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

代码：<a href="/e/wap/list.php?classid=1&style=0&bclassid=1">兴趣爱好 </a>

这里要说下，classid是本栏目ID bclassid是父级栏目ID，我们可以去后台栏目管理参考到栏目对应的ID，上面兴趣爱好是一级栏目，父级ID就是自己，ID是1，所以写成classid=1&style=0&bclassid=1

举例：服务器架设栏目，本身ID是31，父级建站软件是36，所以写成：<a href="/e/wap/list.php?classid=31&style=0&bclassid=36">服务器架设</a>

超链接就是怎么修改的，修改对应栏目ID即可。

思良：如果想在首页显示某栏目文章列表可以使用下面代码：

<?php

$wapsql=ewap_eloop(35,4,0,1,'isgood=1');

while($wapr=$empire->fetch($wapsql))

{

$wapsr=ewap_eloop_sp($wapr);

<p><a title="<?=$wapr[title]?>" href="<?=$wapsr[titleurl]?>" data-ajax="false"><?=$wapr[smalltext]?></a></p>

</div>

</a>

</li>

}

说明：

$wapsql=ewap_eloop(35,4,0,1,'isgood=1'); 35栏目ID，显示4条，

<?=$wapsr[titleurl]?>调用超链接

<?=$wapr[titlepic]?>调用图片

<?=$wapr[title]?>调用标题

<?=$wapr[smalltext]?>调用简介

c版权，等其他细节，

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

第四：列表页修改

1，列表页主要是导航的制作，可以百度手机导航菜单代码，很多漂亮的(中间)，不过没几个支持三级导航，我只能找一个支持3级的CSS导航（右边），第一个是自带的列表页效果图。

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

2，代码修改，在对应位置插入对应代码。

a标题标签<?=$pagetitle?>

b列表名标签<?=$pagetitle?>和标题一样的

c文章列表标签代码

<?phpwhile($r=$empire->fetch($sql)){$titleurl="show.php?classid=".$r[classid]."&id=".$r[id]."&style=".$wapstyle."&cpage=".$page."&cid=".$classid."&bclassid=".$bclassid;//截取字数if($pr['wapsubtitle']){$r[title]=sub($r[title],0,$pr['wapsubtitle'],false);}//时间格式$r[newstime]=date($pr['wapshowdate'],$r[newstime]);?><a href="<?=$titleurl?>"><?=DoWapClearHtml($r[title])?></a> <small>(<?=$r[newstime]?>)</small><?php}?>

当然可以把时间代码删除了， <small>(<?=$r[newstime]?>)</small>，本来手机浏览不方便，加个时间标题字就跟少了。

我自定义了样式，显示标题前面的三角形，代码修改成<li><a href="<?=$titleurl?>" class="news_li" rel="external"><?=DoWapClearHtml($r[title])?></a></li>。如果用到CSS，可以自行添加。

d分页标签代码，

<?phpif($returnpage){?><?=$returnpage?><?php}?>

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

显示条数，标题数都可以在后台wap管理修改。我设置显示15条，而自发布了3条，所以上面抓图没出现分页。

e版权其他细节

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

第五内容页修改

1，和列表页一样上面做个导航，对应位置插入手机标签

a标题标签<?=$pagetitle?>b信息标题:<?=DoWapClearHtml($r[title])?>c发布时间:<?=date("Y-m-d H:i:s",$r[newstime])?>d所在地: <?=DoWapRepF($r[myarea],'myarea',$ret_r)?>e信息内容:<?=DoWapRepF($r[smalltext],'smalltext',$ret_r)?>f发布者: <?=DoWapClearHtml($r['username'])?>g联系邮箱: <?=DoWapClearHtml($r['email'])?>h联系方式: <?=DoWapRepF($r[mycontact],'mycontact',$ret_r)?>i联系地址: <?=DoWapRepF($r[address],'address',$ret_r)?>

一般就用标题和内容即可

修改好后，在本地测试下，浏览正常，就可以把文件上传到服务器上去，注意：你做的超链接不要是本地的，是要网站的。

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

本站手机模板文件下载pan.baidu.com/s/1nt9n3wX（经验不能发网址请在前面加上http://）

把文件上传到e/wap目录下，全部替换原来的，注意：1我的是UTF-8编码，不要乱替换，否则乱码，2我网站的超链接前面都有个/www/你们修改的时候记得删除。

以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！

标签：手机

上一篇：安装帝国CMS，提示php.ini配置有问题的解决方法下一篇：帝国CMS搜索限制搜索时间和搜索词长度如何更改

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

方法/步骤

热门文章

标签列表