如何使用WordPress在新窗口或选项卡中打开外部链接

在新窗口中打开外部链接可让您的用户访问链接而无需离开您的网站。

许多初学者很难找到在窗口中打开链接的选项，主要是因为在WordPress中添加链接时该链接不会立即显示。

在此初学者指南中，我们将展示如何在WordPress网站上的新窗口中轻松打开外部链接。我们还将展示执行此操作的不同方法，因此您可以选择最适合自己的一种。

为什么以及何时应该在新窗口中打开外部链接？

外部链接是指向您不拥有或控制的网站的链接。通常，如果您添加到外部网站的链接，则访问者只需单击链接即可离开您的网站。

尽管一些用户体验专家说您不应在新窗口中打开外部链接，但我们不同意。

您会看到，大多数用户很容易忘记他们访问的最后一个网站。如果他们打开了多个标签，那么他们将永远无法再次找到您的网站。

为了获得更好的用户体验，我们建议在新窗口或标签中打开外部链接。这样，原始网页就不会丢失，用户可以通过切换回去继续浏览您的网站。

在新窗口中打开外部链接的另一个好处是增加页面浏览量和网站上的用户参与度。用户更有可能返回上一个选项卡并完成阅读文章。

在您的网站上花费更多时间的用户更有可能加入您的电子邮件通讯，在社交媒体上关注您，发表评论并购买您的产品。

话虽如此，让我们看一下如何轻松地在WordPress的新窗口中打开外部链接。

在古腾堡编辑器中的新窗口中打开外部链接

新的WordPress块编辑器具有内置功能，可让您在新窗口中打开外部链接。但是，该选项隐藏在按钮后面，因此初学者通常不会注意到它。

只需在您要添加外部链接的博客文章或页面上进行编辑即可。接下来，选择要链接的文本，然后单击插入链接按钮（或在Windows上按CTRL + K /在Mac上按Command + K）。

这将弹出插入链接弹出窗口。只需输入链接，然后单击它旁边的向下箭头。这将显示打开链接新选项卡的选项。

单击以切换选项，然后按Enter。您选择的文本现在将被链接，您可以通过访问您的网站进行预览。

使用经典编辑器在新窗口中打开外部链接

WordPress 在WordPress 5.0中引入了新的块编辑器。许多用户喜欢通过安装经典编辑器插件来使用旧的编辑器。

如果您仍在使用经典编辑器，那么我们建议您开始使用新的编辑器。它是现代的，速度更快的，并且包含许多您遗漏的新功能。

但是，如果仍要使用经典编辑器，则可以使用经典编辑器在新窗口中打开链接。

首先，您需要编辑要在其中添加链接的帖子或页面。接下来，选择要链接的文本，然后单击“添加链接”按钮。

将出现一个弹出窗口，您可以在其中添加外部链接。之后，点击其旁边的齿轮图标。这将弹出高级插入链接弹出窗口。

在这里，您需要选中“在新标签页中打开链接”复选框旁边的复选框，然后单击“更新”按钮以添加您的链接。

现在，您可以保存您的帖子并对其进行预览，以查看正在使用的链接。

在经典编辑器中使用“文本”选项卡在“新建”选项卡中打开链接

如果您在旧的经典编辑器中使用的是标记为“ 文本 ” 的HTML编辑器，那么您将在新窗口中打开外部链接。

只需选择要链接的文本，然后单击“添加链接”按钮。这将弹出高级“插入”链接弹出窗口。

在这里，您可以添加链接并选中“在新标签页中打开链接”选项旁边的框。之后，单击“添加链接”按钮，弹出窗口将消失。现在，您将在文本编辑器中看到链接的HTML代码。

现在，您可以保存更改并查看帖子，以查看正在使用的外部链接。

如何使用HTML在新窗口中打开外部链接

有时您可能需要编写HTML才能在WordPress中添加链接。例如，当您在新的块编辑器中使用HTML模式或在WordPress主题模板文件中添加链接时。

您需要使用以下HTML代码添加链接。

<ahref="http://example.com"target="_blank"rel="noopener">Link Text</a> 

只需将example.com替换为外部链接URL，并将“链接文本”替换为您要链接的文本。

此代码中的目标参数告诉浏览器在新窗口或新选项卡中打开链接。

使用WordPress插件在新窗口中自动打开所有外部链接

手动检查您添加的每个外部链接的选项似乎都需要额外的工作。但是，随着时间的流逝，您会习惯它。

如果您运行多作者博客或经常忘记在新标签中打开外部链接，则可以使用插件。

首先，您需要在“新窗口”插件中安装并激活“ 打开外部链接”。有关更多详细信息，请参阅有关如何安装WordPress插件的分步指南。

该插件开箱即用，它将在新窗口中自动打开外部链接。

它实际上并不会更改博客文章中的外部链接。相反，它使用JavaScript在新窗口中打开外部链接。

注意：请记住，停用插件将停止在新窗口中打开外部链接。