您如何覆盖元数据以在单个 Wordpress 帖子上创建多个唯一的共享链接？答案

【问题标题】：How do you override the meta deta to create multiple unique share links on a single Wordpress post?您如何覆盖元数据以在单个 Wordpress 帖子上创建多个唯一的共享链接？
【发布时间】：2017-06-26 16:27:18
【问题描述】：

通常，当您在页面中创建社交分享链接时，Facebook/Twitter 会从 og 标签中提取元数据以创建缩略图；但是，我在包含多个独特故事的单个页面上显示时事通讯。我希望每个单独的故事都可以通过独特的标题和描述进行分享，但我不知道如何为每个分享按钮提供独特的标题和描述。

我在下面附上了一个 Facebook 分享链接。如您所见，我已将其链接到 ID #top-story，因此它将加载该故事的页面。我希望该故事的标题和描述出现在缩略图中，而不是整个页面的元数据。

<a class="link" title="Facebook" href=http://www.facebook.com/sharer.php?u=
[insert_php]the_permalink();[/insert_php]#top-story&amp;t=
[insert_php]the_title();[/insert_php]" target="_blank" rel="noopener">

编辑：我认为我没有以最好的方式解释，但相信这个例子会有所帮助。下面的链接完成了我想要复制的内容。

http://theskimm.com/2017/06/22/skimm-for-june-23rd-4

【问题讨论】：

这有点不清楚。请澄清您的问题
每个故事都应该是 WP 帖子（或自定义帖子类型）。使用您的时事通讯页面上的这些链接将用户引导至所述帖子。
我很抱歉，我承认解释起来有点令人困惑。我认为举个例子是最容易的。您在下面看到的链接是一个时事通讯，在一个页面中包含多个故事 - 但每个故事都有一个独特的共享链接。我想尽可能地复制它。目前，当我在页面上共享任何链接时，它会使用整个页面元数据创建缩略图，而不是唯一的故事。我想为每个故事覆盖它。 theskimm.com/2017/06/22/skimm-for-june-23rd-4
@HalfCrazed 我完全知道如何按照您的建议进行操作，但是对于我正在尝试创建的解决方案，我将在一篇文章中显示包含多个故事的时事通讯。我上面使用的示例实现了这一点，但我在尝试复制它时遇到了困难。
好吧，误会了。发布答案。

标签： php wordpress facebook metadata social-networking

【解决方案1】：

我会这样做（事实上，theskimm 就是这样做的）：

为每篇文章生成一个“slug”，可能基于标题，然后将其用作文章部分的锚（例如：<a name="slug-of-article"></a>）
像往常一样链接到时事通讯页面，但传递一个查询字符串，例如?jumpto=slug-of-article
编写一个 javascript 处理程序来检查 jumpto 查询字符串参数，如果存在，则滚动到该 ID

您可以在此处从 theskimm 看到此操作：

theskimm 实际处理请求的方式如下：

【讨论】：

谢谢。我的问题更多在于覆盖 Facebook / Twitter / LinkedIn 缩略图上显示的数据。正如您从这张图片imgur 中看到的那样，他们正确地提取了该单个故事的标题和一个简短的预览。当我分享它时，它只显示整个网页的标题。
您的页面将需要逻辑来检查该查询字符串并相应地换出元/OG标签。
如何更换元/OG 标签？这才是我真正遇到的问题。