user-pic

MovableType Wap Templates 共享

Vote 0 Votes

不知道是去年何时,本博客增加了个手机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-<$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:为了减少读者的流量,模板自动去除图片。

2 Replies

| Add a Reply
  • 是不是可以加入传说中的google adsense for wap? :shock:

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

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

Add a Reply

Forum Groups

Blogcs 基于MT平台的BSP

MovableType 中文化

1 0

Last Topic: Movable Type 中文化 - 平生一笑 by bb on 2008年10月11日

1 0

Last Topic: Zhu8's Weblog:猪八的网:浮生志 by Zhu8 on 2008年10月16日

MovableType 问题咨询

Be the first to post a topic in this forum

MovableType 使用

16 11

Last Topic: Image::Magick 模块的安装 by bb on 2008年11月 9日

30 35

Last Topic: MT-Twitter:将MT文章同步到Twitter by bb on 2008年3月 9日

22 1

Last Topic: 修改MT的作者归档路径 by bb on 2008年10月25日

MovableType 模板

Be the first to post a topic in this forum

22 17

Last Topic: MovableType评论格式化 replies-to-replies by bb on 2008年10月15日

MovableType 延伸

14 17

Last Topic: 从Wordpress转移到Movabletype by bb on 2007年5月12日

2 2

Last Topic: 最新版MovableType 4.22 已经发布 by bb on 2008年11月19日