首页 文章

Wordpress:移动设备加载不同主页的简单解决方案

提问于
浏览
1

我已经完成了相当多的谷歌搜索,并没有找到一个方法或插件的简单解决方案,只需为移动设备加载不同的静态主页 . 有没有办法做到这一点或插件将做到这一点(没有改造移动设备的整个网站,因为移动网站风格是好的,但具体的静态主页是我唯一需要改变的东西) . Wordpress CMS就是这个平台 .

提前致谢!

Update:

所以我安装了下面建议的插件,复制了我正在使用的主题的精确副本,但在前面用'mobile'命名只是为了参考,除了一切都完全相同 . 我通过谷歌阅读我可以将以下代码添加到functions.php主题文件中,但是当我添加特定代码时它只显示空白 . 码:

//Set Homepage
$mobilehome = get_page_by_title( 'mobilehome' );
update_option( 'page_on_front', $mobilehome->ID );
update_option( 'show_on_front', 'page' );

// Set the blog page
$blog   = get_page_by_title( 'Blog' );
update_option( 'page_for_posts', $blog->ID );

Update 2, solved.

我找到了一个简单的解决方我创建了一个新的主题文件'page-home.php'并将css类'#primary'更改为'#primary-home',然后进入style.css文件并添加了所有'#primary-home'css属性匹配'#primary',除了在样式表的移动CSS区域,我添加了“display:none;”到#primary-home . 所以现在它不会在移动设备上显示主页,所有其他页面都可以工作(制作新模板页面和CSS属性的重点) . 我知道这个修复可能是简单的简单修复,但它对我有用!

3 回答

  • 1

    我认为这很简单:

    Try this plugin - UserAgent Theme Switcher

    它将使用 user-agent 来检测您所在的浏览器,在这种情况下它可能是类似移动safari或android等...然后基于此服务主题 .

    这可能是一次打击或错过,因为您可能想要或不想更改主题 . 更高级的方法是使用一个jQuery插件来检查用户代理并让你在检测到它之后“做东西”,在这种情况下它可以作为另一个页面或更改一些CSS .

  • 1

    我找到了一个简单的解决方我创建了一个新的主题文件'page-home.php'并将css类'#primary'更改为'#primary-home',然后进入style.css文件并添加了所有'#primary-home'css属性匹配'#primary',除了在样式表的移动CSS区域,我添加了“display:none;”到#primary-home . 所以现在它不会在移动设备上显示主页,所有其他页面都可以工作(制作新模板页面和CSS属性的重点) . 我知道这个修复可能是简单的简单修复,但它对我有用!

  • 0

    它很简单,无需编码所有内容 . 从wordpress存储库安装“重定向”插件 .

    • 进入设置页面 .

    • 使用默认桌面主页输入"Source URL"

    • 在"Match"选项上,选择"URL and user agent"&在"Action"选项上选择"Redirect to URL" . 单击"Add Redirection" .

    • 将出现新的配置选项 . 给你想要的任何头衔 . "Source URL"必须为空(表示这是您的基本主页) . 在"User Agent"选项中,选择是iPhone还是Android . 在"Matched"选项上,为移动主页设置所需的重定向 .

    完成!

    您肯定可以根据您之前使用该插件设置的重定向来区分桌面和移动设备上的主页 . 但是,您不能使用相同的网址名称(例如:桌面www.abcde.com和移动设备的www.abcde.com/mobilehomepage) .

相关问题