xiu主题的手机端和非手机端广告位后台设置是如何实现的？

用过xiu 主题的小伙伴们肯定都知道，主题后台可以设置手机端和非手机端显示不同的广告位，是如何实现的呢？我们来看看广告调用代码：

if( _hui('ads_index_01_s') ) echo '<div class="ads ads-content">'.hui_get_adcode('ads_index_01').'</div>';

 

学了一点 php 基础的都知道，上面是一个判断语句，看不懂的话请前往陌小雨博客分享的php 零基础入门教程，3 天看懂 80%的 php 代码。

我们找到对应的函数，可以看到如下代码：

function hui_get_adcode($name){
    if( !$name ) return '';
    if( wp_is_mobile() ){
        return _hui($name.'_m');
    }else{
        return _hui($name);
    }
}

可以看到该函数用到了 wordpress 内置的一个函数 wp_is_mobile()，该函数返回值为 true 或 false。

有的小伙伴可能会觉得一头雾水，这是因为上面代码与主题后台设置的参数有关，3 分钟了解 wordpress 主题后台制作：wordpress 主题后台制作教程

我们可以简化一下代码：

<?php if ( wp_is_mobile() ){ ?>
移动端广告代码
<?php } else { ?>
非手机端广告代码
<?php } ?>

是不是很简单呢，

历史上的今天：

• 2017年：  Wpcool主题：采用Bootstrap构建的响应式cms主题