让你的博客支持手机等移动终端浏览器的访问

这些天在百度统计里面看访问统计的时候，无意中发现在系统环境里面有移动端浏览器这一项。展开以后发现原来移动设备访问次数还蛮多的，大概占到总IP数的百分之七八了。再用手机登陆了一下我自己的博客，由于自己做的主题并不兼容wap浏览器，排版做的很烂很恶劣，于是萌生了修改的想法。

安装MobilePress插件

能够自动判断用户浏览器的类型并加载不同页面的插件比较多，MobilePress应该算是做的比较好的一款。除了支持自动判断外，还支持不同主题。该款插件安装也很方便，在wordpress插件里面搜索MobilePress点击安装就好了。

但是当我打开文章内页，即single.php的时候竟然会报错：如下：

Fatal error: Call to undefined function has_post_thumbnail() in /home/yiliaoba/domains/chaochaoblog.com/public_html/wp-content/plugins/mobilepress/themes/default/single.php on line 20

在wordpress官方网站上找到has_post_thumbnail的函数介绍，发现这是一个用户给wordpress文章指定特定的标志图片的函数。使用这一系列的函数可以为每篇日志设定一张特色图片，这样子你就可以在首页图片滚动区调用该图片并链接到该文章了。

先不管这些功能，还是看看要怎么解决了，函数介绍里面有这样子一段：

Note: To enable featured images, nee post thumbnails, the current theme must include add_theme_support( ‘post-thumbnails’ ); in its functions.php file. See also Post Thumbnails.

那我们就照做吧，找到现在的主题中的funcitons.php文件，里面加入代码：

1	<?php add_theme_support( 'post-thumbnails' );?>

插入之后会在后台编辑文章的页面的右下角出现特色图片，（有的版本可能是或者是文章缩略图），再用手机浏览器看看，ok了：

修该MobilePress的主题

mobilepress本身就支持自定义的主题，所有的主题都保存在\plugin\mobilepress\themes下，你可以添加你自己想要的主题。当然不想太费事了就可以直接修改它的default的默认主题。

如修改底部的信息为中文版，并添加自己的博客信息：打开footer.php改为如下内容：

<?php get_search_form(); ?>

<div id="footerwrap">

<div id="footer">

<p><a href="#header">回顶部</a> | <a href="?nomobile">切换到电脑版</a></p>

<p>吵吵博客;粤ICP备12004163号</p>

</div>

</div>

</body>

</html>

现在的效果就如上图显示的那样成为中文了，如果乱码的话注意修改为utf-8编码格式。

如果你懂得wordpress模板制作并且很熟悉那一套API的话，你可以很轻易的做一些自己喜欢的主题出来了。

MboilePress的小技巧

• 你可以在你的电脑浏览器中浏览wap的效果，只需要在域名后面加入/?mobile就可以了，这样子可以方便调试主题
• 如果电脑浏览器一直变为了手机浏览器效果怎么办呢？先确定MobilePress的设置Force Mobile Site是否选择的是No,然后域名后面加上/?nomobile就能返回到电脑浏览器时候的主题了，当然你也可以点击主题自带的‘切换到桌面版’回来。
• 网上还有不少mobilepress的主题，有些还支持js动态加载的哦，赶快试试去吧。

如无特别说明，本博客文章皆为原创。转载请说明，来自吵吵博客。

原文链接：http://www.chaochaoblog.com/archives/1767