讓你的博客支持手機等移動終端瀏覽器的訪問

2024-09-07 00:50:50

字體：大中小

來源：轉載

供稿：網友

這些天在百度統計里面看訪問統計的時候,無意中發現在系統環境里面有移動端瀏覽器這一項,展開以后發現原來移動設備訪問次數還蠻多的,大概占到總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改為如下內容:

<?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>