2

我正在使用 Instagram 块将 Instagram 帖子嵌入到 Wordpress Gutenberg 编辑器中。在编辑器中工作正常,并且帖子嵌入没有任何问题。

后台,一切顺利!

然而,在前端,Instagram 链接只是作为文本放置在那里,没有任何嵌入尝试的迹象。

前端,不太好

经过一番挖掘,我找到了这篇关于{{unknown}}数据库中 oEmbed 缓存条目的文章,这些条目存在于我的 oEmbed 数据库缓存中,用于不工作的 Instagram 嵌入。但是,我仍然无法找出解决方案或发生这种情况的原因。

网站上嵌入的 YouTube 或 Vimeo 似乎没有任何问题,只有 Instagram 有问题。同样,嵌入在后端编辑器中工作得非常好......

还有其他人偶然发现了这种奇怪的前端行为吗?

4

3 回答 3

0

我们的网站也遇到了这个问题。我注意到<script async src="//www.instagram.com/embed.js"></script>某处被剥离,导致嵌入无法在前端正确加载。允许script标签通过允许加载嵌入脚本来解决问题,但会引入一个安全漏洞,因此我们还没有找到一个很好的解决方案。

编辑:我们决定添加<script async src="//www.instagram.com/embed.js"></script>到 head 标签。仍然不理想,因为它会在所有页面上加载,但暂时是一种解决方法,可以让 instagram 嵌入正确加载。

于 2019-04-15T18:51:45.523 回答
0

感谢@joshuaiz在单独的线程中跟踪此问题,找到了解决方案:

https://github.com/WordPress/gutenberg/issues/14351

$content_width = '100%';从我的主题中删除functions.php解决了这个问题。

于 2019-11-17T16:01:56.157 回答
0

我遇到了同样的问题,对我来说,解决方案是将此代码添加到主题中。

而不是Removing $content_width = '100%';添加:

if ( !isset( $content_width ) ) $content_width = 550;
More info https://www.wpexplorer.com/wordpress-oembed/

希望它可以帮助某人。

于 2020-06-18T23:03:51.103 回答