BB’s Blog:本博近期关注 中国移动、电影、电视、手机软件.
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
» 本文引用地址:本文不允许引用
» 本站留言支持:html标签、coCommentgravatar
» 书签:Add to 365KeyAdd to del.icio.us百度搜藏Add to Yahoo
» 现有评论:-、现有引用:-
» 评论审核:直接点击“我要回复”评论文章,需要管理员验证后才能显示,感谢你的回复.

评论(-)

本文不允许评论

引用(-)

本文不允许引用

我要回复

昵称:   记住我的用户信息:
邮件:   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