WAP?简单调用立马让手机访问漂亮起来哦!

手机模板目录分析：
template-default-mobile
+common
--footer.htm 底部文件
--header.htm 顶部文件
+forum
--discuz.htm 首页文件
--forumdisplay.htm 列表页文件
--viewthread.htm 内容页文件

header.htm 文件分析

1. <div class="hd"><a href="$nav" title="<!--{if empty($nobbname)}--> $_G['setting']['bbname'] - <!--{/if}-->{lang waptitle}"><!--{if $_G['setting']['mobile']['mobilesimpletype'] == 1}--><!--{if empty($nobbname)}--> $_G['setting']['bbname'] - <!--{/if}--> {lang waptitle}<!--{else}--><img src="./static/image/mobile/logo.gif" /><!--{/if}--></a></div>
   

复制代码

标准版显示LOGO

1. <div class="pd2">
   
2.         <!--{if $_G['uid']}--><a href="home.php?mod=space&uid={$_G['uid']}&do=profile">{$_G['member']['username']}</a><span class="pipe">|</span><a href="home.php?mod=space&do=pm" {if $_G[member][newpm]}class="xi1"{/if}>{if $_G[member][newpm]}{lang new_pm}{else}{lang pm_center}{/if}</a><span class="pipe">|</span><a href="home.php?mod=space&uid={$_G[uid]}&do=favorite&view=me&type=forum">{lang favorite}</a><span class="pipe">|</span><a href="home.php?mod=space&uid={$_G[uid]}&do=thread&view=me">{lang my_posts}</a><span class="pipe">|</span><a href="member.php?mod=logging&action=logout&formhash={FORMHASH}" title="{lang logout}">{lang logout}</a><!--{else}--><a href="member.php?mod=logging&action=login" title="{lang login}">{lang login}</a><!--{if $_G['setting']['regstatus']}--><span class="pipe">|</span><a href="member.php?mod={$_G[setting][regname]}" title="{$_G['setting']['reglinkname']}">{$_G['setting']['reglinkname']}</a><!--{/if}--><!--{/if}-->
   
3. </div>

复制代码

注册 登录 样式

discuz.htm 文件代码分析

1. <div class="bm_h">
   
2.             <!--{if $_G[setting][mobile][mobileforumview] == 1}--><a href="forum.php?viewgid={if $cat[fid] != $_G[gp_viewgid]}{$cat[fid]}{else}0{/if}">$cat[name]</a><!--{else}-->$cat[name]<!--{/if}-->
   
3.         </div>

复制代码

板块分区样式显示

1. <div class="bm_c <!--{if $i%2 == 1}-->add<!--{else}-->even<!--{/if}-->">
   
2.                     <!--{eval $forum=$forumlist[$forumid];}-->
   
3.                     <a href="forum.php?mod=forumdisplay&fid={$forum['fid']}" {if $forum_favlist[$forumid]}class="xi1"{/if}>{$forum[name]}</a> <!--{if $forum[todayposts] > 0}--><font class="xg1">($forum[todayposts])</font><!--{/if}-->

复制代码

板块代码显示   <!--{if $forum[todayposts] > 0}--><font class="xg1">($forum[todayposts])</font><!--{/if}--> 为今日板块发帖样式显示

1. <div class="box">
   
2.         {lang index_today}$todayposts<span class="pipe">|</span>{lang index_members}$_G['cache']['userstats']['totalmembers']<!--{if empty($gid) && $_G['setting']['whosonlinestatus'] && $onlinenum}--><span class="pipe">|</span>{lang online}$onlinenum<!--{/if}-->
   
3. </div>

复制代码

今日0|会员1|在线6 代码 显示


footer.htm 文件分析

1. <p><a href="$_G['setting']['siteurl']" target="_blank">$_G['setting']['sitename']</a></p>

复制代码

网站名称代码

1. <p>Powered by <strong><a href="https://discuz.dismall.com" target="_blank">Discuz!</a></strong> <em>$_G['setting']['version']</em></p>

复制代码

DISCUZ版权信息

1. <p><a href="$nav">{lang homepage}</a><span class="pipe">|</span><!--{if $_G['setting']['mobile']['mobilesimpletype']}--><a href="{$_G['setting']['mobile']['simpletypeurl'][0]}" class="xw0" title="{lang mobiletype}">{lang no_simplemobiletype}</a><!--{else}-->{lang no_simplemobiletype}<!--{/if}--><span class="pipe">|</span><!--{if !$_G['setting']['mobile']['mobilesimpletype']}--><a href="{$_G['setting']['mobile']['simpletypeurl'][1]}" class="xw0" title="{lang simplemobiletype}">{lang simplemobiletype}</a><!--{else}-->{lang simplemobiletype}<!--{/if}--><span class="pipe">|</span><a href="{$_G['setting']['mobile']['nomobileurl']}" class="xw0" title="{lang nomobiletype}">{lang nomobiletype}</a></p>

复制代码

首页|标准版|精简版|电脑版 代码显示

教程正式开始：
我们晓得了 模板里面的文件代码是 干嘛用的了

手机默认访问 DISCUZ.htm 页面为首页

我们来修改 DISCUZ.HTM 页面

关键问题 如何让 首页 显示 我们帖子

后台-门户-模块管理-数据调用

模块分类 选择 帖子模块  添加调用



DIY大家都会吧？

设置好 你想要的样式  点确定

内部调用 跳出一个 窗口  我们把 这个窗口里面的信息 复制下来 例如：<!--{block/4}-->

打开 DISCUZ.HTM 页面

找到 <div class="bm"> 粘贴到下面 <!--{block/4}-->

保存一下 查看效果



推荐电脑打开WAP 网站：http://www.haodewap.com/game.jsp?items=topgame

看到调用的显示在板块的上面了吧

放在导航的下面的话

找到第 33行 下面

效果


看到了吧 只给你们一个思路如何做 WAP页面 其实很简单 只要你会 HTML DIV CSS 就可以了

我自己也简单做了一个 演示地址：手机访问：wap.ycfuning.com

电脑访问：http://www.haodewap.com/visit.do?wapurl=http%3A//wap.ycfuning.com

over.

广告:更多教程.到WWW.DISCUZ5.COM

我他娘的，强顶，这discuz5.com 太牛逼了

俺来帮顶的!!!

还没装过手机版的，先收藏了

不懂。。。手机版咱不用~

楼主好人！！
感谢分享！~~~

全是代码啊。

看你这么认真，我们支持一下。

强大啊.都向手机进军了!