如何为手机版本设置不同的静态主页?(WordPress)
我想有一个不同的静态主页为我的网站的移动版本。这不是一个真正的额外移动版本,但它是响应 我现在有一个全屏图像滑块设置为静态主页。由于该网站的响应速度快,它的屏幕大小也会相应增加,但在移动设备(如iPhone)上,它看起来不太好看。因此,我有另一个主页模板,我想在移动设备上查看网站时使用它 这可以通过任何插件来完成,还是应该通过编码来完成?我不想使用主题切换器或类似的东西,我只想为移动设备设置一个不同的静态页面 如何执行此操作?如果检测到移动设备,您可以使用来检查移动设备,并连接到以加载其他模板:如何为手机版本设置不同的静态主页?(WordPress),wordpress,Wordpress,我想有一个不同的静态主页为我的网站的移动版本。这不是一个真正的额外移动版本,但它是响应 我现在有一个全屏图像滑块设置为静态主页。由于该网站的响应速度快,它的屏幕大小也会相应增加,但在移动设备(如iPhone)上,它看起来不太好看。因此,我有另一个主页模板,我想在移动设备上查看网站时使用它 这可以通过任何插件来完成,还是应该通过编码来完成?我不想使用主题切换器或类似的东西,我只想为移动设备设置一个不同的静态页面 如何执行此操作?如果检测到移动设备,您可以使用来检查移动设备,并连接到以加载其他模板:
function so16165211_mobile_home_redirect(){
if( wp_is_mobile() && is_front_page() ){
include( get_template_directory() . '/home-mobile.php' );
exit;
}
}
add_action( 'template_redirect', 'so16165211_mobile_home_redirect' );
您可以尝试使用脚本
我记得它只是一个php文件,只有一个函数,询问如何处理不同的移动设备(iPhone、iPad、Androids、Windows Phone、BlackBerry和Palm设备)
转到本页,您可以更好地了解脚本的工作原理。我会将此代码包含到主题的文件夹中,并将其添加到header.php的开头:
if( is_front_page() ){
include_once('mobile-detect/Mobile_Detect.php');
$detect = new Mobile_Detect();
if ( $detect->isMobile() || $detect->isTablet() ) {
$redirect_url = 'http://example.com/mobile_home';
header('Location: ' . $redirect_url ); // Redirect the user
}
}
您可以自定义此解决方案,使其按照您的需要工作。我已经在几个类似解决方案的项目中使用了它。它很简单,无需编写所有代码。从wordpress存储库安装“重定向”插件。 1.转到设置页面。 2.输入带有默认桌面主页的“源URL” 3.在“匹配”选项中,选择“URL和用户代理”&在“操作”选项中选择“重定向到URL”。单击“添加重定向”。 4.将出现新的配置选项。给你想要的任何头衔。“源URL”必须为空(表示这是您的基本主页)。在“用户代理”选项中,选择是iPhone还是Android。在“匹配”选项中,设置移动主页所需的重定向 完成了 您当然可以根据之前使用该插件设置的重定向来区分桌面和移动设备上的主页。但是,您不能有相同的url名称(例如:www.abcde.com用于桌面,www.abcde.com/mobilehomepage用于移动设备) 应该可以:(将其插入functions.php)
//*在手机上重定向主页
添加操作('wp_head','wps_params',10);
函数wps_params(){
?>
如果(window.location.pathname=='/'&&jQuery(window.width()这对我来说太棒了:
function so16165211_mobile_home_redirect(){
if( wp_is_mobile() && is_front_page() ){
include( get_template_directory() . '/home-mobile.php' );
exit;
}
}
将以下内容添加到functions.php应该可以做到这一点:
//* Redirect homepage on mobile
add_action( 'wp_head', 'wps_params', 10 );
function wps_params() {
?>
<script>
if (window.location.pathname == '/' && jQuery(window).width() <= 480) {
window.location = "/webshop/";
}
</script>
<?php
}
//*在手机上重定向主页
添加操作('wp_head','wps_params',10);
函数wps_params(){
?>
如果(window.location.pathname=='/'&&jQuery(window.width()),我可能是错的(我希望我是错的,因为我也想使用这个)但我知道wp_is_mobile
也将平板电脑包括在它将应用重定向到的设备列表中?你自己使用过吗?你能确认一下吗?+1代码并不完美,你可能会发现这个讨论很有趣:我也在一些项目中使用过它-它工作得很好,而且很容易定制。Maybe用代码应该去哪里、它做什么以及如何使用来扩展这个答案?