在 WordPress 中根据访问设备使用不同的主题

Z时代
2024-01-10
分类：IT

现在的网页都使用了响应式布局，对于不同的设备，使用媒体查询自动适配设备，但是这对代码的编写较为复杂，有些甚至需要使用脚本来完成的功能，那么我们完全可以使用两个主题模版，来分别在移动端和 PC 端显示。

在WordPress我们也有相关的方法来实现这样的功能，请看下面的代码：

//根據訪問設備切換wordpress主題
function ws_switch_theme($theme){
    global $is_IE;
    if($is_IE){
        preg_match('/MSIE\s(\d)\.0;/', $_SERVER['HTTP_USER_AGENT'], $matches);
        $IEversion = $matches[1];
        if($IEversion=6){
            $theme='twentyten';
        }
        if($IEversion=7){
            $theme='twentyeleven';
        }
        if($IEversion=8){
            $theme='twentytwelve';
        }
    }
    if(wp_is_mobile()) {
        $theme='twentytwelve';
    }
    return $theme;
}
add_filter( 'template', 'ws_switch_theme' );
add_filter( 'stylesheet', 'ws_switch_theme' );