1

我已经做了很多谷歌搜索，但没有找到简单的方法或插件解决方案来简单地为移动设备加载不同的静态主页。有没有办法做到这一点或一个插件可以做到这一点（无需为移动设备改造整个网站，因为移动网站的风格很好，但特定的静态主页是我唯一需要改变的东西）。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 属性的重点）。我知道这个修复可能是简单易行的修复，但它对我有用！

4

3 回答 3

1

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

于 2013-07-23T22:59:01.317 回答
1

我认为这很简单：

试试这个插件 - UserAgent 主题切换器

它将使用user-agent来检测您使用的浏览器，在这种情况下，它可能是移动 safari 或 android 等...然后基于此提供主题。

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

于 2013-07-23T18:43:46.300 回答
0

这很容易，无需编写所有代码。从 wordpress 存储库安装“重定向”插件。

  1. 进入设置页面。
  2. 使用您的默认桌面主页输入“源 URL”
  3. 在“匹配”选项上，选择“URL 和用户代理”并在“操作”选项上选择“重定向到 URL”。单击“添加重定向”。
  4. 将出现新的配置选项。给你想要的任何标题。“源 URL”必须为空白（表示这是您的基本主页）。在“用户代理”选项中，选择 iPhone 还是 Android。在“匹配”选项上，为移动主页设置所需的重定向。

完毕！

您当然可以根据您之前使用该插件设置的重定向来区分桌面和移动设备上的主页。但是，您不能使用相同的 url 名称（例如：www.abcde.com 用于桌面，www.abcde.com/mobilehomepage 用于移动设备）。

于 2013-12-24T09:05:35.503 回答