跳至正文

如何允许其他人嵌入您的 WordPress 帖子

如何允许其他人嵌入您的 WordPress 帖子

在网站上共享内容时,嵌入现已成为常态。在 WordPress 中,嵌入来自 Youtube、Twitter 和 SoundCloud 等网站的内容非常容易,这要归功于 oEmbed API。只需将链接添加到帖子内容中,WordPress 会立即解析链接并将其呈现为可呈现的格式。

但是,您如何看待以类似于我们嵌入推文或 Youtube 视频的方式嵌入 WordPress 帖子的想法?允许读者嵌入您的帖子肯定会增加您网站的参与度来自其他网站的收视率

这个真正的想法正在 WordPress 开发组中进行讨论,以在将来添加到 WordPress 核心功能中。但截至目前,我们可以借助名为oEmbed API 的插件将其应用到我们的博客中。

入门

首先,此插件至少需要 WordPress 4.3,因此请确保您的网站已更新。安装oEmbed API 插件该站点必须可以在线访问,否则嵌入可能会失败。

激活插件后,您可以复制帖子永久链接URL并将其粘贴到其他网站内容或您自己博客中的帖子中。下面是嵌入内容的样子:

嵌入式内容布局精美。它显示了帖子标题、摘录、站点名称、评论数量以及将显示用于嵌入内容的帖子永久链接的共享按钮。这基本上就是您要做的全部。

如果您对默认输出没问题,您可以在此处停止。但是,如果您想要更多自定义选项,可以执行以下几项操作。

更改图标

此插件需要最新 WordPress 版本的原因之一是 Favicon。通过仪表板本地添加网站图标的功能仅在 4.3 中引入。但这也意味着您嵌入的内容将与您网站名称内嵌的 WordPress 图标一起显示。

对我们来说,这似乎无关紧要,因为内容来自我们的网站,而不是 WordPress 图标。我们希望看到我们的站点徽标与我们的站点名称内联。为此,我们转到外观 > 自定义 > 站点标识选项卡。

在此处上传图像图标并保存更改。然后,您将在嵌入内容中看到您上传的站点图标。这是我们的样子:

操作和过滤器

ActionsFilters是我们用来在 WordPress 中自定义输出的两种方法。然而,在当前阶段,该插件并未附带可以挂接到 CSS 或 JavaScript 中的特定操作或过滤器。

然而,它提供了一个rest_oembed_output我们可以利用的操作来添加新内容作为最终输出的一部分,包括内联样式。这并不理想,但至少,它可以让您覆盖嵌入内容的样式。

functions.php以下是您可以添加到主题中以将字体转换为衬线字体的代码示例。

1个
2个
3个
4个
5个
6个
7
8个
function hkdc_oembed_output() { ?>
  <style>
    .wp-embed {
      font-family: serif !important;
    }
  </style>
<?php }
add_action( 'rest_oembed_output', 'hkdc_oembed_output', 11 );

我们可以用来自定义输出的另一个钩子rest_oembed_output_excerpt_length是过滤器,它允许我们在帖子摘录中设置字数限制默认长度设置为35. 所以,假设我们想将它缩短为28,只需添加以下函数:

1个
2个
3个
4个
function hkdc_oembed_excerpt_length() {
  return 28;
}
add_filter( 'rest_oembed_output_excerpt_length', 'hkdc_oembed_excerpt_length', 9 );

return只需根据需要更改数字即可。

包起来

在撰写本文时,oEmbed API仍在开发中,这可能是它尚未提供足够的Hooks来进行内容修改的原因之一。希望随着代码的完善,添加更多的 Hooks

您可以在Github 问题单WordPress 开发线程中关注开发进度总而言之,这将是 WordPress 的一个很好的补充。

标签: