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

时间:2013-07-23 18:29:45

标签: wordpress mobile plugins

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

提前致谢!

更新

所以我安装了下面建议的插件,复制了我正在使用的主题的精确副本,但在前面用'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 );

更新2,已解决。

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

3 个答案:

答案 0 :(得分:1)

我认为这很简单:

Try this plugin - UserAgent Theme Switcher

它将使用user-agent来检测您所在的浏览器,在这种情况下,它可能类似于移动版Safari或Android等等......然后根据该主题提供主题。

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

答案 1 :(得分:1)

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

答案 2 :(得分:0)

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

  1. 转到设置页面。
  2. 使用默认桌面主页输入“来源网址”
  3. 在“匹配”选项中,选择“网址和用户代理”&在“操作”选项上选择“重定向到URL”。单击“添加重定向”。
  4. 将出现新的配置选项。给你想要的任何头衔。 “源URL”必须为空(表示这是您的基本主页)。在“用户代理”选项中,选择是iPhone还是Android。在“匹配”选项上,为移动主页设置所需的重定向。
  5. 完成!

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