如何使 GeneratePress 和 AMP 完全兼容

AMP 可以让您的网站在移动设备上快速运行。 如果您在使用 GeneratePress 主题使 AMP 在过渡模式或标准模式下工作时遇到问题,以下是我解决问题的方法。

GeneratePress 和 AMP 兼容。 在这篇文章中,我将向您展示如何使 GeneratePress 与 AMP 100% 兼容。

加速移动页面 (AMP) 是一种 开放源码 项目 由 Google 与 Automattic 共同创建。目标是让网站在手机上运行得更快。

如果您的大多数访问者来自移动设备,那么 AMP 有可能随着时间的推移显着增加您的流量。

但是,如果您的大部分访问者来自桌面,您可能不会注意到明显的不同,但仍然值得。

GeneratePress 是最快的 WordPress主题 我看过了。你可以看到我的 生成新闻评论. 好消息是它与 AMP 100% 兼容。

在您的网站/博客上实施 AMP

实现 AMP 的最佳方式是利用 官方 AMP 插件 它由 Google 自己构建并维护。

访问 WordPress 目录以安装并激活插件。为此,请单击 插件 从您的仪表板,然后单击添加新插件。进入页面后,搜索 AMP。您将看到 AMP 插件。

官方 AMP 插件

安装后,激活插件。 然后点击设置。 您将看到三个选项。 标准模式、过渡模式或阅读器模式。 阅读器模式将正常工作。 因为它不依赖于您的主题来运行。 但是,如果您在过渡或标准模式下运行 GeneratePress 时遇到问题,请按照此处的步骤操作。

即使您使用的是其他 AMP 插件,这些步骤也可以使用。

如何使 GeneratePress 和 AMP 完全兼容

请按照以下步骤使 GeneratePress 和 AMP 完全兼容:

1. 下载并安装 AMP for GeneratePress 插件

GeneratePress 的开发者和创始人 Tom Usborne 有一个官方插件。 该插件的目的是解决与 AMP 的任何兼容性问题。

该插件目前还不能在 WordPress 目录中使用。但 Tom 在 发邮件至 他将很快将其提供。

目前,您可以 从 GitHub 获取插件.

在那里,单击克隆或下载。 然后点击下载zip。

现在转到您的 WordPress 仪表板,单击插件,然后单击添加新的。 在新页面上,点击上传插件,然后选择您刚刚下载的文件并安装它。

安装后,激活它。 就这些。

2.将AMP切换到过渡或标准模式

现在再次进入 AMP 插件设置并切换到过渡或标准模式。 过渡模式意味着您的主题框架用于提供 AMP 和非 AMP,而标准意味着您的网站是 AMP 优先的。

如果您的网站在 AMP 过渡模式下运行,它将在标准模式下运行。 两者之间的唯一区别是规范 URL。

在过渡模式下,您需要添加 放大器 在您的链接末尾,包括访问 AMP 的主页。

但是在标准模式下,不需要添加。 您的规范网址是 amp。

对于这个测试,我使用过渡模式来显示它的工作原理。 我更喜欢在阅读器模式下使用 AMP,因为我的大多数访问者来自桌面。

3. 进行 AMP 测试。

更改为过渡模式或标准后。 你会看到很多错误! 不要恐慌!

您可以在更改后看到我在下面遇到的错误 博客工具 到过渡模式。

AMP 错误
AMP 错误

有48个错误索引。

大多数这些错误都是警告。 其中一些是由插件引起的。 这些警告是为了让您知道突出显示的项目不会显示在 AMP 中。

我注意到没有与主题相关的重大警告。

我注意到的主要问题来自我的缓存插件 Breeze。 它添加了一个似乎并不能让 AMP 满意的 CSS。 因此,我停用了 Breeze 并进行了测试。

您可以使用 用于测试的谷歌官方AMP测试工具.

结果显示 AMP 运行没有问题。 见下文。

这是我主页的测试。

GeneratePress AMP 家庭测试

然后我测试了一个帖子页面:

GeneratePress AMP 测试

从上面可以看出AMP和GeneratePress是完全兼容的。

常见问题

如果您仍然无法让 AMP 在过渡模式或标准模式下工作,则问题很可能是您的插件之一。

罪魁祸首可能是与 AMP 不兼容的缓存插件或优化插件。

接收技术人员的东西

每月一次或两次技术趋势、创业趋势、评论、在线收入、网络工具和营销