吵吵   2013-03-09  阅读:2,221

这些天在百度统计里面看访问统计的时候,无意中发现在系统环境里面有移动端浏览器这一项。展开以后发现原来移动设备访问次数还蛮多的,大概占到总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文件,里面加入代码:
<?php add_theme_support( 'post-thumbnails' );?>

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

MobilePress

修该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动态加载的哦,赶快试试去吧。

吵吵微信朋友圈,请付款实名加入:

吵吵 吵吵

发表评论

电子邮件地址不会被公开。 必填项已用*标注