让你的博客支持手机等移动终端浏览器的访问

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>