BB’s Blog:Talk about ChinaMobile,Mobile2.0,MovableType and Journal.
MovableType Wap Templates 共享

不知道是去年何时,本博客增加了个手机xml页面(起初该页面只简单调用三篇文章,方法点此查看):http://bblog.biz/wap。主要为手机读者提供方便,当然就本博现在的人气而言,该页面纯属摆设。加上目前的手机都支持RSS订阅,该xml页面的作用也微乎其微了。

该页面的模板只是简单的应用一些MT自带的功能和标签,现将方法共享出来,大家可以尝试添加该页面,你可以根据需要更改模板内容,当然你也可以加上本站链接,方便互相交流 Smile
模板分为三部分:
1、在"主索引"Index Templates 模板中新建个模板,"模板名称"Template Name为"WAP","输出文件"Output File 为wap/index.html,内容:

<?xml version="1.0" encoding="<$MTPublishCharset$>"?>

<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTMLExtensible HyperText Markup Language Mobile 1.0//EN" "http://www.wapforum.org/DTDDocument Type Definition/xhtml-mobile10.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=<$MTPublishCharset$>" />

<meta name="generator" content="<$MTProductName version="1"$>" />

<meta http-equiv="Cache-Control" content="max-age=3600" />

<!-- Created on: 2007 by BBlog.Biz -->

<title><$MTBlogName encode_html="1"$></title>

<link rel="stylesheet" href="<$MTBlogURL$>wap/mobile-styles.css" type="text/css"/>

</head>

<body>

<div id="content">

<h1><$MTBlogName encode_html="1"$> (Mobile Edition)</h1>

<hr />

<h2>Recent Entries</h2>

<ul id="entry-list">

<MTEntries lastn="10">

<li><a href="<$MTBlogArchiveURL$>wap/mobile-<$MTEntryID$>.html"><$MTEntryTitle$></a> [ <$MTEntryDate format="%x"$> ]</li>

</MTEntries>

</ul>

</div>

<hr />

<div id="foot">

<p class="navigation">

<MTArchiveList archive_type="Weekly" lastn="4">

<em><a href="<$MTArchiveLink$>"><$MTArchiveDate format="%b,%d起"$></a><span>(<$MTArchiveCount$>)</span></em>

</MTArchiveList>

</p>

<p><a href="<$MTBlogURL$>wap"><$MTBlogName encode_html="1"$></a>: version mobile. Design:<a href="http://bblog.biz/wap">bb</a></p>

</div>

</body>

</html>


2、在"归档"Archive Templates 模板中新建个模板,"模板名称"Template Name为"Mobile Page",归档映射 Archive Mapping 的为模板Type 选择Weekly,归档文件路径 Path设置为 wap/%y-%m/%d-week/%i 内容:
<?xml version="1.0" encoding="<$MTPublishCharset$>"?>

<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTMLExtensible HyperText Markup Language Mobile 1.0//EN" "http://www.wapforum.org/DTDDocument Type Definition/xhtml-mobile10.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=<$MTPublishCharset$>" />

<meta name="generator" content="<$MTProductName version="1"$>" />

<meta http-equiv="Cache-Control" content="max-age=3600" />
<!-- Created on: 2007 by BBlog.Biz -->

<title><$MTBlogName encode_html="1"$></title>

<link rel="stylesheet" href="<$MTBlogURL$>wap/mobile-styles.css" type="text/css"/>

</head>

<body>

<div id="content">

<h1><$MTBlogName encode_html="1"$> (Mobile Edition)</h1>

<hr />

<h2>Recent Entries</h2>

<ul id="entry-list">

<MTEntries lastn="10">

<li><a href="<$MTBlogArchiveURL$>wap/mobile-<$MTEntryID$>.html"><$MTEntryTitle$></a> [ <$MTEntryDate format="%x"$> ]</li>

</MTEntries>

</ul>

</div>

<hr />

<div id="foot">

<p class="navigation">

<MTArchivePrevious><a href="<$MTArchiveLink$>"><em><$MTArchiveTitle$></em></a></MTArchivePrevious>

<span>page</span>

<MTArchiveNext><a href="<$MTArchiveLink$>"><em><$MTArchiveTitle$></em></a></MTArchiveNext>

</p>

<p><a href="<$MTBlogURL$>wap"><$MTBlogName encode_html="1"$></a>: version mobile. Design:<a href="http://bblog.biz/wap">bb</a></p>

</div>

</body>

</html>

3、在"归档"Archive Templates 模板中新建个模板,"模板名称"Template Name为"Mobile Edition",归档映射 Archive Mapping 的为模板Type 选择Entry,归档文件路径 Path设置为 wap/mobile-<$MTEntryID$>.html 内容:
<?xml version="1.0" encoding="<$MTPublishCharset$>"?>

<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=<$MTPublishCharset$>" />

<meta name="generator" content="<$MTProductName version="1"$>" />

<meta http-equiv="Cache-Control" content="max-age=3600" />

<!-- Created on: 2007 by BBlog.Biz -->

<title><$MTEntryTitle encode_html="1"$> (<$MTBlogName encode_html="1"$>)</title>

<link rel="stylesheet" href="<$MTBlogURL$>wap/mobile-styles.css" type="text/css"/>

</head>

<body>

<div id="content">

<h1 class="title"><$MTBlogName encode_html="1"$>: version mobile</h1>

<h2><$MTEntryTitle encode_html="1"$></h2>

<$MTEntryBody sanitize="a href,p"$>

<$MTEntryMore$>

<span class="posted">Posted by <$MTEntryAuthor$>, <$MTEntryDate format="%x"$></span>

<MTEntryIfAllowComments>

<h3>Comments</h3>

<ul id="comments-list">

<MTComments>

<li>

<$MTCommentBody$>

<strong><$MTCommentAuthorLink$> <$MTCommentDate format="%x"$></strong>

</li>

</MTComments>

</ul>

</MTEntryIfAllowComments>

</div>

<hr />

<div id="foot">

<p><a href="<$MTBlogURL$>wap"><$MTBlogName encode_html="1"$></a>: version mobile. Design:<a href="http://bblog.biz/wap">bb</a></div>

</div>

</body>

</html>



该页面原理很简单,就是重新制作支持手机阅读减少用户流量的模板。只是我将weekly设置为博客分页的索引,这样博客中每篇文章都可以通过手机阅读,为RSS手机订阅提供辅助(手机订阅只支持最新的20篇文章)。

Update:为了减少读者的流量,模板自动去除图片。

Technorati Tags: MovableType, Del.icio.us Tags: MovableType, Ice Rocket Tages: MovableType, Technorati Tags: Templates, Del.icio.us Tags: Templates, Ice Rocket Tages: Templates, Technorati Tags: Wap, Del.icio.us Tags: Wap, Ice Rocket Tages: Wap, Tags : , , ,

本文信息

» 跟踪本文: 手机WAP
» 发表日期:2008年02月20日 8:21 PM
» 分类: 窍门 Tips
» 作者:bb
» 本文链接:http://bblog.biz/movabletype/_tips/movabletype_wap_templates.htmlEDIT
» 本文引用地址:179
» 本站留言支持:html标签、coCommentgravatar
» 书签:Add to 365KeyAdd to del.icio.us百度搜藏Add to Yahoo
» 现有评论:2 条、现有引用:0 次
» 评论审核:直接点击“我要回复”评论文章,需要管理员验证后才能显示,感谢你的回复.

评论(2)

dimlau @ 2008年02月26日 2:33 PM Favicon for http://www.dimlau.com: | 回复1楼

是不是可以加入传说中的google adsense for wap? Shocked

bb @ 2008年02月26日 2:39 PM : | 回复2楼

>>1 To dimlau :
Google手机广告只支持以下脚本语言:PHP v4.3.0 或更高版本 CGI/Perl v5.8 或更高版本 JSP v1.2 或更高版本 ASP v3.0 或更高版本,所以不行。

我发现应该将WAP模板中的图片去掉,省得加大流量。

引用(0)

我要回复

昵称:   记住我的用户信息:
邮件:   Subscribe to This Entry:
主页:
Very Happy Smile Sad Surprised Shocked Confused Cool Laughing Mad Razz Embarassed Crying or Very Sad Evil or Very Mad Twisted Evil Rolling Eyes Wink
Short Cuts
Search my Blog
Subscribe This Entry
  • Enter your Email address:
Archives
Vote
评价本文:
Category Entries
Adsense
  • »