如何从 Twitter 嵌入同样 AMP 有效的推文？

Question

我想在我的 WordPress 博客中嵌入来自 Twitter 的推文。我最近制作了网站的 AMP 版本。

但是，AMP 网页和非 AMP 网页的嵌入代码是不同的。但是，对于两个版本的网站，我在 WordPress 都有一个帖子编辑器。这个东西怎么实现？

Answer 1

检查此guide out。第一个例子就是如何嵌入推文。

您需要在页面上嵌入库：

<script async custom-element="amp-twitter"
  src="https://cdn.ampproject.org/v0/amp-twitter-0.1.js"></script>

然后，您可以添加任意数量的推文。只需更改属性：data-tweetid 即可嵌入推文的 id。

<amp-twitter width="390" height="50"
    layout="responsive"
    data-tweetid="638793490521001985">
</amp-twitter>

查看github example。

PS：如果你不喜欢它的工作方式，你可以随时use an iframe，然后使用另一个 HTML 页面做任何你想做的事情；但我绝对鼓励您使用 AMP 提供的库。