PC 与移动端使用不同的主题
最后更新于:四月 28, 2018

PC 与移动端使用不同的主题

在主题的制作过程中,都会考虑PC端与移动端的问题,要做到两者兼容,免不了响应式设计。今天带来的教程当然不是教大家写响应式主题,而是一款在WordPress中,PC端与移动端使用不同主题来解决各个界面的兼容问题。

思路:

判断移动设备访问,如果是移动设备,显示XXX主题,否者显示XXX主题。

代码:

/*
Plugin Name: Mobile Theme
Description: 切换移动主题
Version: 1.0.0
*/
function angela_switch_theme($theme){
 if( wp_is_mobile() ){
 $theme = 'XXX';
 }
 return $theme;
}
add_filter( 'template', 'angela_switch_theme' );
add_filter( 'stylesheet', 'angela_switch_theme' );

插件目录下新建mobile.php,粘贴上面代码,并在后台中启用。这儿的XX即为主题文件名,将之替换为自己的即可。

  1. 乐了个肥 August 30, 2017

    又换版了啊,还是喜欢这种,但是开学了,没得玩电脑,不能继续找你学仿站了。。。

注册账户
×