這些天在百度統計里面看訪問統計的時候,無意中發現在系統環境里面有移動端瀏覽器這一項,展開以后發現原來移動設備訪問次數還蠻多的,大概占到總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動態加載的,趕快試試去吧.