这些天在百度统计里面看访问统计的时候,无意中发现在系统环境里面有移动端浏览器这一项。展开以后发现原来移动设备访问次数还蛮多的,大概占到总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动态加载的哦,赶快试试去吧。
如无特别说明,本博客文章皆为原创。转载请说明,来自吵吵博客。