如何在WordPress中打开新窗口或标签中的外部链接

11/15/2024

为什么要在新窗口或标签中打开外部链接?

外部链接是指向您不拥有或控制的网站的链接。通常情况下,如果您在网站上添加指向外部网站的链接,访客点击后将离开您的网站。而用户体验专家中有些人认为不应在新窗口或标签中打开外部链接,但我们不这么认为。

大多数用户很容易忘记他们访问的最后一个网站。如果点击链接后离开您的WordPress网站,他们可能永远不会回来。为获得更好的用户体验,我们建议在新窗口或标签中打开外部链接。这样,用户可以在不丢失原网页的情况下继续浏览您的网站。

在新标签中打开外部链接的另一个好处是增加网站的页面浏览量和用户参与度。那些花更多时间在您网站上的用户更有可能订阅您的电子邮件通讯、关注您的社交媒体、留下评论和购买产品。

如何在WordPress中设置外部链接在新标签页中打开

以下是几种方法,您可以选择最适合您的方法:

1. 使用区块编辑器打开新标签中的外部链接

WordPress区块编辑器内置了一项功能,可以让您在新标签中打开外部链接。编辑想要添加外部链接的文章或页面,选择要添加链接的文本,然后点击“链接”按钮。在弹出的窗口中输入链接并按“回车”。然后切换“在新标签中打开”选项为开启状态。这样链接就会在新标签中打开。

2. 使用经典编辑器打开新标签中的外部链接

如果仍然使用经典编辑器,在想要添加链接的地方编辑文章或页面,选择要链接的文本,点击“插入/编辑链接”按钮。弹出窗口中添加外部链接,点击齿轮图标,选中“在新标签中打开链接”选项,然后更新。

3. 使用HTML代码打开新标签中的外部链接

有时您可能需要以HTML写入链接,例如在区块编辑器中使用HTML模式时。您可以使用以下代码添加链接:

<a href="http://example.com" target="_blank" rel="noopener">链接文本</a>

这段代码中的target="_blank"告诉浏览器在新窗口或标签中打开链接。

4. 在导航菜单中打开新标签中的外部链接

在WordPress网站上,您可以在导航菜单中添加外部链接。根据您使用的是传统主题还是区块主题,添加方式可能不同。

5. 使用插件自动在新标签中打开所有外部链接

如果您经常忘记将外部链接设置为在新标签中打开,可以使用插件。安装并激活“Open External Links in a New Window”插件,该插件会自动在新窗口中打开外部链接。

6. 使用代码自动在新标签中打开所有外部链接

使用WPCode插件可轻松添加自定义代码以确保外部链接在新标签中打开。安装并激活WPCode插件后,搜索“Open External Links in a New Tab”代码段,使用代码段编辑器启用代码即可。

WordPress添加链接的专家指南

我们希望本文帮助您学会如何在WordPress中轻松实现外部链接在新窗口或标签中打开。您可能还会想阅读以下相关文章:

  • 初学者指南:如何在WordPress中添加链接
  • SEO内部链接的最佳实践终极指南
  • 如何轻松在WordPress中添加锚链接(分步指南)
  • 如何更改WordPress中的链接颜色(初学者指南)


Related Posts

  • 2024-11-14
  • WordPress 插件

Authorize.net一直是在线支付界值得信赖的名字,为企业提供安全可靠的信用卡交易方式。然而,市场上有许多不同功能的Authorize.net插件,因此选择适合您业务需求的插件并不容易。在本文中,我们将比较一些最佳的Authorize.net WordPress插件,以便您可以做出明智的选择。

閱讀更多
  • 2024-11-07
  • WordPress 插件

WPressize Me 自2009年以来一直在创建内容,因此我们了解在有多个作者和编辑时,保持内容变化信息的重要性。WordPress默认情况下不发送文章更改的邮件通知,设置这些通知可以帮助您控制网站内容。这使您能够快速查看更新、跟踪编辑,并了解网站整体内容流向。本文将向您展示如何在WordPress中获取文章更改的邮件通知。

閱讀更多
  • 2024-10-30
  • WordPress 插件

是否在寻找简单的方法来在WordPress中创建具有支付功能的表单?对于小企业主来说,简化网站收款而无需复杂的购物车设置至关重要。本指南将指导您通过使用WP Simple Pay和WPForms等工具快速生成支付表单。

閱讀更多

{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}
>