十一年专注,只做WordPress定制开发一件事

如何实现WordPress电脑端和移动端使用不同的主题和域名

王超
2024-09-09
主题开发
236 次

在我们之前的一篇文章《WordPress手机主题调度插件Any Mobile Theme Switcher - WordPress日记 (wp-diary.com)》中,我们可以使用这个插件实现WordPress在PC端和移动端使用不同的主题(使用同一个后台,同一套数据),但是这个插件并不能同时实现PC端和移动端使用不同的域名,如果想要同时实现这两个功能,只需要将下面代码放到您两个主题的functions.php中即可(注意:使用下面的代码的话,就不需要上面这个插件了哦):

function wpdiary_switch_theme_based_on_device_and_domain() {
    $current_domain = $_SERVER['HTTP_HOST'];

    // 定义不同设备和域名对应的主题
    $desktop_domain = 'plugins.wp-diary.com';//PC端域名
    $mobile_domain = 'pluginstwo.wp-diary.com';//移动端域名

    if (wp_is_mobile()) {
        // 如果是移动端访问
        if ($current_domain === $mobile_domain) {
            switch_theme('twentytwentyfour'); // 将 'twentytwentyfour' 替换为移动端主题的目录名
        } else {
            // 如果移动端使用的是错误的域名,重定向到正确的域名
            wp_redirect('http://' . $mobile_domain . $_SERVER['REQUEST_URI'], 301);
            exit;
        }
    } else {
        // 如果是桌面端访问
        if ($current_domain === $desktop_domain) {
            switch_theme('twentytwentytwo'); // 将 'twentytwentytwo' 替换为桌面端主题的目录名
        } else {
            // 如果桌面端使用的是错误的域名,重定向到正确的域名
            wp_redirect('http://' . $desktop_domain . $_SERVER['REQUEST_URI'], 301);
            exit;
        }
    }
}
add_action('template_redirect', 'wpdiary_switch_theme_based_on_device_and_domain');

注意:要将代码中的两个域名替换成您对应的域名哦!

大家可以看一下下面的效果:

WordPress日记主要承接WordPress主题定制开发PSD转WordPressWordPress仿站以及以WordPress为管理后端的小程序、APP,我们一直秉持“做一个项目,交一个朋友”的理念,希望您是我们下一个朋友。如果您有WordPress主题开发需求,可随时联系QQ:919985494 微信:18539976310

搜索

嘿,有问题找我来帮您!