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

秋浩大大_9479

秋浩大大_9479

2025-06-18

802人浏览

原创

您想在新的浏览器窗口或选项卡中打开博客文章中的外部链接吗?

在新窗口中打开外部链接允许您的用户无需离开您的网站即可访问该链接。这会带来更高的用户参与度,因为访问者会在您的网站上花费更多时间。

在本初学者指南中,我们将展示如何在 WordPress 网站的新窗口或选项卡中轻松打开外部链接。

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

为什么在新窗口或选项卡中打开外部链接?

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

虽然一些用户体验专家说您不应在新窗口或选项卡中打开外部链接,但我们不同意。

您会发现,大多数用户很容易忘记他们上次访问的网站。如果点击链接会将他们从您的WordPress 网站带到新网站,那么他们可能永远不会返回。

为了获得更好的用户体验,我们建议在新窗口(在旧版浏览器中)或新选项卡(在现代浏览器中)中打开外部链接。这样,原来的网页就不会丢失,用户可以通过切换回来继续浏览您的网站。

在新选项卡中打开外部链接的另一个好处是增加网站上的页面浏览量和用户参与度。在您的网站上花费更多时间的用户更有可能注册您的电子邮件通讯、在社交媒体上关注您、发表评论并购买您的产品。

话虽这么说,让我们看看如何在 WordPress 的新窗口或选项卡中轻松打开外部链接。我们将介绍不同的方法,以便您可以选择最适合您的一种:

  1. 使用块编辑器在新选项卡中打开外部链接
  2. 使用经典编辑器在新选项卡中打开外部链接
  3. 使用 HTML 代码在新选项卡中打开外部链接
  4. 在新选项卡中打开导航菜单链接
  5. 使用插件自动打开新选项卡中的所有外部链接

视频教程

https://www.youtube.com/embed/hIj71AmUDqA?version=3&rel=0&fs=1&showsearch=0&showinfo=1&iv_load_policy=1&wmode=transparent订阅 WPBeginner

https://www.youtube.com/subscribe_embed?usegapi=1&channel=wpbeginner&layout=default&count=default&origin=https%3A%2F%2Fwpbeginner.com&gsrc=3p&ic=1&jsh=m%3B%2F_%2Fscs%2Fapps-static%2F_%2Fjs%2Fk%3Doz.gapi.en.vQiXRrxCe40.O%2Fam%3DAQ%2Fd%3D1%2Frs%3DAGLTcCMBxIGVyXSdvvcs43a64yHt_P7dfg%2Fm%3D__features__#_methods=onPlusOne%2C_ready%2C_close%2C_open%2C_resizeMe%2C_renderstart%2Concircled%2Cdrefresh%2Cerefresh&id=I0_1448178294715&parent=https%3A%2F%2Fwpbeginner.com

如果您更喜欢书面说明,请继续阅读。

1. 使用块编辑器在新选项卡中打开外部链接

WordPress块编辑器有一个内置功能,可让您在新选项卡中打开外部链接。在 WordPress 的最新版本中,添加链接时此选项可见。

只需编辑要添加外部链接的博客文章或页面即可。接下来,选择要链接的文本,然后单击“链接”按钮。您还可以按快捷键 CTRL+K(Windows 上)或 Command+K(Mac 上)。

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

这将弹出插入链接。只需输入链接并按“Enter”即可。

之后,您需要将“在新选项卡中打开”选项切换到“打开”位置。

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

该链接现在将在新选项卡中打开。

提示:您还可以通过安装All in One SEO插件将 title 和 nofollow 属性添加到插入链接弹出窗口。

2. 使用经典编辑器在新选项卡中打开外部链接

如果您仍在使用经典编辑器,那么我们建议您开始使用新编辑器。它更现代、更快,并且包含许多您错过的新功能。

但是,如果您仍然想使用经典编辑器,则可以通过以下方式添加在新选项卡中打开的链接。

首先,您需要编辑要添加链接的帖子或页面。接下来,选择要链接的文本,即锚文本。然后,您可以单击“插入/编辑链接”按钮。

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

将出现一个弹出窗口,您可以在其中添加外部链接。

之后,单击旁边的齿轮图标。这将弹出高级插入链接弹出窗口。

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

Youtube Summary
Youtube Summary

使用 youtube2md 总结 YouTube 视频,支持纯链接(无需指令)、章节笔记、时间戳链接、转录提取以及关键点

下载

从这里,您需要选中“在新选项卡中打开链接”选项。之后,您应该单击底部的“更新”按钮来添加链接。

3. 使用 HTML 代码在新选项卡中打开外部链接

有时,您可能需要编写 HTML 来在 WordPress 中添加链接。例如,在新的块编辑器中使用 HTML 模式或在WordPress 主题模板文件中添加链接时,您需要执行此操作。

您可以使用 HTML 代码添加链接,如下所示:

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

单击该按钮后,您现在将看到更多选项。

继续检查“显示高级菜单属性”下的“链接目标”选项。

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

之后,您可以通过输入 URL、链接文本并单击“添加到菜单”按钮,将自定义链接添加到导航菜单。

您的自定义链接现在将显示在“菜单结构”列中。您现在可以选择“在新选项卡中打开链接”选项,以在不同的选项卡中打开外部链接。

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

完成后,单击底部的“保存菜单”按钮。

在新选项卡中打开块主题的导航菜单链接

如果您使用的是块主题,则需要导航到外观»主题并使用完整站点编辑器在新选项卡中打开出站菜单链接。

您需要单击页面顶部的页眉区域,页眉将被选中。接下来,单击菜单左侧的导航区域。将选择菜单,您应该在菜单末尾看到一个“+”号,您可以在其中添加新链接。

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

提示:在全屏编辑器中选择块可能很棘手,因此许多用户发现使用列表视图更容易。只需单击屏幕顶部的图标,然后找到并选择导航块。它可以嵌套在其他块中,例如标头和组。

现在,您需要单击“+”图标打开一个弹出窗口,您可以在其中添加链接。在顶部的字段中输入 URL,并确保将“在新选项卡中打开”切换到“打开”位置。

接下来,单击 URL 旁边的“提交”图标来存储您的设置。

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

完成此操作后,请不要忘记单击屏幕顶部的“保存”按钮。

5. 使用插件自动打开新选项卡中的所有外部链接

手动检查您添加的每个外部链接的选项可能听起来像是额外的工作。不过,随着时间的推移,你会习惯的。

如果您运行多作者博客或经常忘记在新选项卡中打开外部链接,那么您可以使用插件。

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

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

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

注意:停用该插件将阻止外部链接在新窗口中打开。

我们希望本文能帮助您了解如何在 WordPress 的新窗口中轻松打开外部链接。您可能还想查看我们关于如何创建免费企业地址的指南,或者我们专家精选的可在您的网站上使用的最有用的 WordPress 提示、技巧和技巧。

相关文章

PHP速学视频免费教程(入门到精通)
PHP速学视频免费教程(入门到精通)

PHP怎么学习?PHP怎么入门?PHP在哪学?PHP怎么学才快?不用担心,这里为大家提供了PHP速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
counta和count的区别
counta和count的区别

Count函数用于计算指定范围内数字的个数,而CountA函数用于计算指定范围内非空单元格的个数。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

2023.11.20

2268

5

Golang channel原理
Golang channel原理

本专题整合了Golang channel通信相关介绍,阅读专题下面的文章了解更多详细内容。

2025.11.14

414

8

golang channel相关教程
golang channel相关教程

本专题整合了golang处理channel相关教程,阅读专题下面的文章了解更多详细内容。

2025.11.17

559

10

Go语言 channel用法详解
Go语言 channel用法详解

本专题整合了go语言中channel的各种使用方法,阅读专题下面的文章了解更多详细步骤。

2026.04.03

343

23

default gateway怎么配置
default gateway怎么配置

配置default gateway的步骤:1、了解网络环境;2、获取路由器IP地址;3、登录路由器管理界面;4、找到并配置WAN口设置;5、配置默认网关;6、保存设置并退出;7、检查网络连接是否正常。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

2023.12.07

337

5

windows查看端口占用情况
windows查看端口占用情况

Windows端口可以认为是计算机与外界通讯交流的出入口。逻辑意义上的端口一般是指TCP/IP协议中的端口,端口号的范围从0到65535,比如用于浏览网页服务的80端口,用于FTP服务的21端口等等。怎么查看windows端口占用情况呢?php中文网给大家带来了相关的教程以及文章,欢迎大家前来阅读学习。

2023.07.26

2979

3

查看端口占用情况windows
查看端口占用情况windows

端口占用是指与端口关联的软件占用端口而使得其他应用程序无法使用这些端口,端口占用问题是计算机系统编程领域的一个常见问题,端口占用的根本原因可能是操作系统的一些错误,服务器也可能会出现端口占用问题。php中文网给大家带来了相关的教程以及文章,欢迎大家前来学习阅读。

2023.07.27

2538

6

windows照片无法显示
windows照片无法显示

当我们尝试打开一张图片时,可能会出现一个错误提示,提示说"Windows照片查看器无法显示此图片,因为计算机上的可用内存不足",本专题为大家提供windows照片无法显示相关的文章,帮助大家解决该问题。

2023.08.01

1408

3

windows查看端口被占用的情况
windows查看端口被占用的情况

windows查看端口被占用的情况的方法:1、使用Windows自带的资源监视器;2、使用命令提示符查看端口信息;3、使用任务管理器查看占用端口的进程。本专题为大家提供windows查看端口被占用的情况的相关的文章、下载、课程内容,供大家免费下载体验。

2023.08.02

2319

5

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程