怎么办?上万事OK网

问题:手把手教你修改帝国CMS手机模板wap

【答案】:

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

 
  • 手把手教你修改帝国CMS手机模板1
  • 手把手教你修改帝国CMS手机模板2
  • 手把手教你修改帝国CMS手机模板3
  • 手把手教你修改帝国CMS手机模板4
  • 手把手教你修改帝国CMS手机模板5
  • 手把手教你修改帝国CMS手机模板6
  • 手把手教你修改帝国CMS手机模板7
分步阅读

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

方法/步骤

  1. 1

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

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

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

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

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

  2. 2

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

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

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


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

    第三,首页模板制作

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

     

     

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


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

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


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

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


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

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


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

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

  8. 8

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

    a标题

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

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


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

    b超链接,

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


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

    代码:<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&amp;style=0&amp;bclassid=36">服务器架设</a>

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

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

     <?php

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

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

    {

            $wapsr=ewap_eloop_sp($wapr);

    ?>

     

    <li><a href="<?=$wapsr[titleurl]?>">

    <div class="thumb"><img src="<?=$wapr[titlepic]?>"></div>

    <div class="content">

    <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手机模板
  11. 11

    第四:列表页修改

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


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

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

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

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

    c文章列表标签代码

    <?phpwhile($r=$empire->fetch($sql)){$titleurl="show.php?classid=".$r[classid]."&amp;id=".$r[id]."&amp;style=".$wapstyle."&amp;cpage=".$page."&amp;cid=".$classid."&amp;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手机模板
  13. 13

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

    e版权其他细节


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

    第五内容页修改

    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手机模板
  15. 15

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

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


【关键字】:

首页 > IT » 手把手教你修改帝国CMS手机模板wap

相关推荐

首页 |  家庭 | 升学 | 小学 | 中考 | 高考 | 考研 | 养老 | 育儿 | 旅游 | 宠物 | 美丽 | 家居 | 兴趣 | 健康 | 美食 | 商业 | 交通 | 艺术 | IT | 教育 | 体育 | 
© 2020 怎么办?上万事OK网