海外社媒SNS代运营Tiktok代运营公司
Revive Old Posts

用有用的资源、相关产品、促销 CTA 或有趣的策划作品等内容丰富您的 WordPress 页面和帖子,可以帮助您或您的品牌为您的受众提供更多价值。 然而,一个普通的链接并不总是能切断它——除非锚文本和周围的情绪足够引人注目,否则这些链接可能会被擦过。 通过为您的网站创建视觉链接(如您在 Facebook 上看到的增强链接),您可以添加访问者会关注的引人入胜的交互式内容。 WordPress 的 Visual Link Preview 插件是一种为链接添加更多华丽的简单方法。

视觉链接预览

您可以通过以下几种方式使用此插件:

  • 将 CTA 添加到附属链接。
  • 备份索赔、事实和统计数据。
  • 策划来自其他网站的内容。
  • 包括有用的资源,供读者了解更多信息。
  • 推广您的电子商务商店产品。

此外,以最简单的形式,Visual Link Preview 插件是一种更具吸引力的方式来链接到相关帖子并让人们在您的网站上停留更长时间。

该插件可让您为任何内部或外部链接创建视觉预览,您还可以创建具有与您的品牌或网站相匹配的样式的自定义模板。 然后,在您的帖子或页面的任何位置放置一个简化的预览框。 让我们来看看如何在古腾堡和经典编辑器中向 WordPress 添加预览框。

查找并安装 Visual Link Preview 插件

您可能已经知道如何执行此操作,但以防万一,这里有一个关于如何安装新 WordPress 插件的超快速操作:

  • 登录您的 WordPress 仪表板。
  • 从左侧边栏中选择插件。
  • 在将显示在插件下方的子菜单中选择添加新项。
  • 在页面右上角的搜索栏中键入“Visual Link Preview”。
  • 单击插件预览框右上角的立即安装。
  • 安装好后,点击激活。

激活插件后,您将被重定向到插件页面,您会在顶部看到此通知。 (入门文档会将您带到此页面。)

WordPress插件

海外社媒SNS代运营Tiktok代运营公司

设置和自定义入门

激活插件后,向下滚动插件列表以找到它。 在插件名称下,单击设置链接 – 您将被发送到此页面:

视觉链接预览

默认情况下,使用自定义样式切换将关闭。 如果你打开它,就会出现一堆选项。

WordPress插件

有以下自定义:

  • 容器宽度、背景颜色和填充。
  • 边框半径、宽度、样式(实线、虚线、虚线等)和颜色。
  • 图像位置(左、右、上或下)、大小和边框半径。
  • 标题和摘要字体的大小和颜色。

其中大部分都是不言自明的,但有一些关于图像大小的信息需要了解。 您可以设置缩略图大小或自定义大小。 对于缩略图,标准尺寸为“缩略图”、“中”和“大”,因此您只需在该字段中输入您想要的任何内容。 或者,您可以按以下格式设置自定义大小:widthxheight(例如,150×150)。

现在,我将保留所有内容以查看默认链接框的外观。 然后,我将返回进行调整。

将插件与古腾堡块编辑器一起使用

我进入了一篇博客文章草稿,并在段落下方添加了一个块。 您将在 Widgets 下找到 Visual Link Preview 块,或者您可以在块选择器的顶部搜索它。

视觉链接预览

这是 Visual Link Preview 块的样子:

WordPress 插件

当您单击“选择帖子或页面”框时,您将看不到内容的下拉列表; 你必须搜索你想要的东西。 您还可以添加指向外部 URL 的链接(我稍后会详细介绍)。

我选择了已发布的博客文章。 这是我没有对样式进行任何自定义的样子:

WordPress插件

古腾堡视觉链接预览的块设置

如果您单击块顶部的三个点的堆栈,您将看到一个下拉菜单。 选择显示块设置以显示带有选项的右侧边栏。 从这里,您可以进行多项更改:

更改链接。 请注意,如果您单击“更改链接”,您拥有的链接将立即被删除,因此请确保不要意外单击它。

更改或删除显示图像。 如果删除显示图像,则视觉链接如下所示:

视觉链接预览

如果您不喜欢没有图像的外观,您可以单击“选择图像”重新添加一个。但是,您必须浏览您的媒体库或上传图像——您将无法选择自动- 再次添加特色图片,就像您第一次添加链接时所做的那样。

当然,您可以在媒体库中找到特色图片,但它可能已被掩埋。 您也可以重新添加链接,以便它自动添加原始内容。

打开和关闭链接设置。 您可以选择在新选项卡中打开链接,也可以将链接转换为 nofollow 链接。

使用古腾堡添加外部链接

这一次,我添加了一个外部链接。 我已将其复制并粘贴到正确的字段中:

WordPress插件

当您单击使用此 URL 时,会发生与添加内部链接时相同的事情。 图像、标题和摘录将自动填充,您可以在右侧边栏中进行更改。 您还可以在“内容”部分单击“本地保存图像”,插件从 URL 源中抓取的显示图像将添加到您的 WordPress 媒体库中。

保存可重用块

如果您有一个经常使用的页面、博客文章或外部链接,您可以创建一次,然后将其保存为可重复使用的块,以便将来轻松添加。 这只适用于古腾堡编辑器,仅供参考。

创建完块后,单击顶部的三点图标,该图标与您用于访问选项侧边栏的图标相同。 然后,选择添加到可重用块。 您可以为块命名,它会在您的块库中以备将来使用。

视觉链接预览

在经典编辑器中使用插件

使用经典编辑器,进入您的帖子或页面,然后转到您想要添加视觉链接的位置。 单击页面顶部的 Visual Link Preview 按钮:

视觉链接预览

会出现这个框:

WordPress插件

从类型下拉菜单中,您可以选择添加自己的链接或外部链接。 首先,我要添加我自己的链接。 选择要链接的内容后,这些字段将自动填充,与 Gutenberg 相同。 您将在此处进行任何更改。 您可以删除图像并选择添加新图像、更改标题并从此窗口更新摘要。 您还可以在此处使用插件的默认设置或自定义模板,就像使用 Gutenberg 一样。

视觉链接预览

使用经典编辑器添加外部链接

这一次,我要添加一个外部链接。 这些是外部链接的字段:

WordPress插件

添加 URL 时,字段将自动更新 – 与内部链接相同。 然后,您可以在将其插入页面或帖子之前进行任何您想要的更改。 经典编辑器中也有“本地保存图像”选项。

自定义视觉链接预览模板和框

该块设置栏还包括底部的“样式”部分,您可以在其中选择“使用设置中的默认值”模板或“简单”模板。 然而,这令人困惑,因为它们实际上是同一回事。 我稍后会解释更多。 首先,让我们进入如何自定义链接预览框。

WordPress插件

从该样式部分,单击更改模板样式链接。 将打开一个新页面,您可以在其中创建自定义模板(您也可以通过插件设置到达此处)。 同样,自定义设置简单、易懂且直截了当,因此您应该可以轻松找到解决方法。 这是我尝试了一些自定义后模板的样子:

视觉链接预览

不是很好。 部分问题是预览文本太长。 回到您的帖子或页面,如果您单击该块,编辑器应出现在右侧边栏中。 然后,您可以转到“内容”部分并单击标题和摘录字段进行更改。

我没有使用缩略图,而是返回到模板自定义页面并为图像输入自定义大小,这将其变成了一个正方形(幸运的是,这是一个完美裁剪的)。 我玩了更多的标题和摘录副本,以便它在块中和图片旁边的尺寸更好。 这个更好:

WordPress插件

您可能会花费大量时间来找出正确的自定义设置,而且您应该这样做,尤其是因为您只能创建一个自定义模板。

预览您的模板自定义

自定义模板时无法看到实时预览。 您必须在新窗口中打开您的帖子或页面,在模板自定义页面上进行更改,然后单击返回帖子或页面。 在两个下拉模板选项之间来回切换(请记住,它们实际上彼此没有任何不同)——这会刷新框,以便您可以看到最新的更改。

如何恢复默认样式

假设您进行了一系列更改,然后您意识到您更喜欢默认样式。 如果您在模板设置中启用“使用自定义样式”开关,则您的自定义设置将在您返回页面或发布时应用,无论您是从“设置”中选择“使用默认”还是从“模板”下拉列表中选择“简单”(就像我说的,令人困惑)。

如果您想恢复插件的默认设置,您可以转到模板设置页面并关闭使用自定义样式按钮。 如果您想最终将其重新打开,您的所有自定义设置都将在那里,但是如果您更喜欢插件的外观,这将允许您使用插件的默认设置。

Visual Link Preview 插件的缺点

Visual Link Preview 插件是一个简单明了的插件,可以按照它所说的去做,并且非常容易学习使用。 然而,因为它太基础了,它在一些可以使用改进的地方也缺乏。

没有包含所有内容的下拉菜单。 我想要这个选项,而不必记住要添加为链接的博客文章或页面的名称。

您无法看到自定义模板的实时预览。 每次您想查看这是否是完美的填充量或要使用的边框类型时,在帖子和模板设置页面之间来回切换非常笨拙。

您只能创建一个自定义模板。 这是插件的最大缺点。 您不能创建多个模板,然后挑选您用来匹配特定页面、博客文章或链接类型的模板。 您也无法设置某些预览框以使用您的自定义模板,而其他人则无法使用插件的默认设置——两者皆有。

包起来

总而言之,尽管有缺点,我还是喜欢 Visual Link Preview 插件。 无论您喜欢使用哪种编辑器(古腾堡或经典),设置和使用都轻而易举。 这绝对是一种更美观和引人注目的添加链接的方式,如果您参与联盟营销或想要链接到您的目标网页,这种方式可以走得更远。 目前,由于您不能创建多个模板,因此最好用于所有帖子和页面具有标准化外观的网站。 因此,如果您有许多不同风格的登录页面,您将很难创建一个适合任何位置的预览框模板。 否则,这是一个轻量级插件,可以很好地完成其一项工作。

您可能还喜欢这篇文章,其中包含您可以在 Divi 中使用锚链接做的五件很酷的事情。

海外社媒SNS代运营Tiktok代运营公司
Revive Old Posts