BB’s Blog

MovableType Wap Templates 共享

不知道是去年何时,本博客增加了个手机xml页面(起初该页面只简单调用三篇文章,方法点此查看):http://bblog.biz/wap。主要为手机读者提供方便,当然就本博现在的人气而言,该页面纯属摆设。加上目前的手机都支持RSS订阅,该xml页面的作用也微乎其微了。 该页面的模板只是简单的应用一些MT自带的功能和标签,现将方法共享出来,大家可以尝试添加该页面,你可以根据需要更改模板内容,当然你也可以加上本站链接,方便互相交流:) 模板分为三部分: 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-.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:为了减少读者的流量,模板自动去除图片。


Posted by bb, February 20, 2008 分类: 窍门 Tips


Comments(2)