如何在手机上加载不同的主页?

时间:2015-10-01 作者:Ramesh Krishna

我正在寻找一种方法,从3天加载移动设备的不同主页。但没有取得任何成功。

3 个回复
SO网友:dswebsme

这个问题很模糊,但我要试一试。有几个选项:

1) 查看WPtouch-http://www.wptouch.com/ - 该插件使您能够用移动友好模板替代主主题的某些方面。

2) 这并不理想,但您可以使用一些基本的Javascript来检查当前设备的屏幕大小,并手动将任何“移动”屏幕大小重定向到新页面。

3) 最后,如果#1是多余的,而#2太基本,则需要使用自定义代码路径。具体来说,您需要一个设备检测脚本或库。这将允许PHP检测您在移动设备和其他设备上的状态。一旦你知道你在处理什么类型的设备,你就可以在你的主题中编码一些逻辑,显示基于该设备的所需模板或内容。

SO网友:Matt Shaw

您可以使用template_include 行动挂钩与wp_is_mobile() 此功能:

function wpse_maybe_load_mobile( $template ) {
    if ( is_front_page() && wp_is_mobile() ) {
        $new_template = locate_template( array( \'your-template-file.php\' ) );
        if ( \'\' != $new_template ) {
            return $new_template ;
       }
    }
    return $template;
}
add_action( \'template_include\', \'wpse_maybe_load_mobile\' );

SO网友:Léo Tomas

您需要检索客户端的用户代理。为了做到这一点,我通常使用图书馆jenssegers/agent. 首先,在函数中需要库。php或将其添加到Composer(如果使用)。然后,您现在可以创建对象的实例,这些对象通过以下方式获取客户端的用户代理:

  $agent = new Agent();
    if($agent->is_Mobile()) {
    //this code will be executed if the client send a user agent that\'s referenced as mobile
    }
我已经在许多项目中使用过它,它非常可靠。

相关推荐

Disable Top Nav Bar on Mobile

我创建了一个网站(www.smartgrowtheconomics.com),使用2017年的主题加上一些额外的CSS,在桌面和平板电脑上看起来不错,但在智能手机上始终显示蓝色下拉菜单和搜索栏。我试过一些CSS,包括.导航顶部{显示:无;}和.主导航{可见性:隐藏;}但无法删除栏、菜单和搜索栏。我不知道JS,但我以前用说明粘贴过代码片段。谢谢