WordPress手机网站制作教程

WordPress的手机网站如何制作,利用WordPress移动设备判断函数进行PC端或移动端图片代码的显示或者不显示。

现在很多独立博客站点都或多或少会选择挂上一些联盟广告,但是很多站点投放的都是PC端广告,这样在移动设备上看到这些广告就有点不太协调。其实,现在一些联盟广告已经有PC端和移动端的广告代码,我们只需要通过一个WordPress内置的移动设备判断函数就可以对站点分别投放PC端广告或移动端广告。

160514_pcguanggao

wp_is_mobile()函数介绍:

WordPress内置的移动设备判断函数:wp_is_mobile(),大概的意思就是判断用户是否采用移动设备访问网站,返回的结果是一个布尔函数,返回值为true或false。

wp_is_mobile()函数使用示例:

<?php if ( wp_is_mobile() ){ ?>
此处可以放置移动端显示的代码
<?php } else { ?>
此处可以放置PC端显示的代码
<?php } ?>

PS:百搜今折腾的主题的广告代码都是存放在incad文件夹内,大家可以自行折腾。因为投放的联盟广告一般都极少更换,所以建议直接把PC端广告代码和移动端广告代码直接放到WordPress主题源码文件中,而不是放在主题选项中。

wp_is_mobile()函数使用实例:

百搜今使用的是WordPress博客布局,原先我是开启了滚动加载,也就是拖动到网站底部时会自动滚动,而不需要翻页,这个功能在移动端是很好用的,但是在PC端总是自动加载看不到页脚很不爽,所以决定通过这个wp_is_mobile()函数来处理一下,让它达到在PC端不滚动,在移动端能够滚动加载。

如打开Nana文件夹,编辑blog.php文件,找到以下代码:

  1. <?php ality_page_nav( ‘nav-below’ ); ?>

修改为:

  1. <?php if ( wp_is_mobile() ) { ality_page_nav( ‘nav-below’ ); } ?>

这样开启滚动加载后,在PC端打开博客布局首页就不会自动加载,但是用手机打开这个首页就会自动加载,大家可以用电脑和手机分别访问百搜云端博客看看。

© 版权声明
THE END
喜欢就支持一下吧
点赞5 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    暂无评论内容