这些天在百度统计里面看访问统计的时候,无意中发现在系统环境里面有移动端浏览器这一项,展开以后发现原来移动设备访问次数还蛮多的,大概占到总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本身就支持自定义的主题,所有的主题都保存在\plugin\mobilepress\themes下,你可以添加你自己想要的主题,当然不想太费事了就可以直接修改它的default的默认主题.

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

1. <?php get_search_form(); ?> 
2.  
3.         <div id="footerwrap"> 
4.             <div id="footer"> 
5.                 <p><a href="#header">回顶部</a> | <a href="?nomobile">切换到电脑版</a></p> 
6.                 <p>吵吵博客;粤ICP备12004163号</p> 
7.             </div> 
8.         </div> 
9.  
10.     </body> 
11. </html> 

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

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

MboilePress的小技巧

你可以在你的电脑浏览器中浏览wap的效果,只需要在域名后面加入/?mobile就可以了,这样子可以方便调试主题.

如果电脑浏览器一直变为了手机浏览器效果怎么办呢？先确定MobilePress的设置Force Mobile Site是否选择的是No,然后域名后面加上/?nomobile就能返回到电脑浏览器时候的主题了,当然你也可以点击主题自带的‘切换到桌面版’回来.

网上还有不少mobilepress的主题,有些还支持js动态加载的,赶快试试去吧.

Tags: 终端 浏览器 手机

分享到：