一个站点针对 PC 端和移动端显示不同的内容,特别是不同的广告还是很有必要的,那么我们的 zblogPHP 站点应该如何实现呢?如果用过 WordPress 的博主站长们应该都知道,WordPress 内置的 wp_is_mobile() 函数就是一个移动设备判断函数,所以我们不妨直接使用 WordPress 这个函数来实现 zblogPHP 站点 PC 端和移动端显示不同的广告。今天,我们就以 zbpNana 主题为例进行说明一下。
zblogPHP站点实现PC端和移动端显示不同广告步骤
1、首先将以下代码添加到我们所使用主题的 include.php 文件中:
function zbpNana_is_mobile() { if ( empty($_SERVER['HTTP_USER_AGENT']) ) { $is_mobile = false; } elseif ( strpos($_SERVER['HTTP_USER_AGENT'], 'Mobile') !== false || strpos($_SERVER['HTTP_USER_AGENT'], 'Android') !== false || strpos($_SERVER['HTTP_USER_AGENT'], 'Silk/') !== false || strpos($_SERVER['HTTP_USER_AGENT'], 'Kindle') !== false || strpos($_SERVER['HTTP_USER_AGENT'], 'BlackBerry') !== false || strpos($_SERVER['HTTP_USER_AGENT'], 'Opera Mini') !== false || strpos($_SERVER['HTTP_USER_AGENT'], 'Opera Mobi') !== false ) { $is_mobile = true; } else { $is_mobile = false; } return $is_mobile; }
PS:以上代码来自 WordPresswp-includesvars.php 文件中的 wp_is_mobile() 函数。
PS:记得修改函数名 zbpNana_is_mobile 中的 zbpNana 为自己所使用的主题名哦,因为 zblogPHP 规定函数名必须是主题名开头。
2、在主题相应位置显示广告位的地方修改成以下代码:
{if zbpNana_is_mobile()} 此处可以放置移动端广告代码 {else} 此处可以放置PC端广告代码 {/if}
建议在主题配置选项中,把一个广告位设置成两个填写框,一个用来填写 PC 端广告代码,另一个用来填写移动端广告代码,具体如下:
PC端和移动端显示不同的广告的具体效果
1、同一位置的 PC 端广告效果
2、同一位置的移动端广告效果
小结
这个是利用 WordPress 内置的移动设备判断函数,其实 zblogPHP 也有一个比较简单的判断函数,zbpNana 主题前期就是使用这个函数来判断的,依然有效区分出 PC 端和移动端的设备,从而显示不同的广告代码,具体如下:
function zbpNana_is_mobile() { global $zbp; $is_mobile = false; $Pad_List = '/touch|Arm;|android|iPhone|iPad|Windowssphone|kindle|gt-p|gt-n|rimstablet|meego/i'; $UA = GetGuestAgent(); if(CheckRegExp($UA, $Pad_List) == true){ $is_mobile = true; } return $is_mobile; }
所以说,想使 zblogPHP 站点区分 PC 端广告和移动端广告的方法还是比较简单的,就看你想用什么函数或代码来判断了。