在使用 WordPress 时,我们经常会有这样的需求:点击链接时打开新窗口或新标签页,特别是在访问外部链接时。本文将介绍几种方法,帮助您实现特定页面的链接在新窗口中打开。


方法一:在 WordPress 编辑器中设置链接打开新窗口

WordPress 的默认编辑器支持为单个链接设置新窗口打开选项:

  1. 打开文章或页面编辑器。
  2. 选中您要编辑的链接,点击编辑链接图标。
  3. 在弹出的链接设置中勾选“在新标签页中打开”选项。
  4. 保存更改。

这种方法适用于少量链接,但如果希望某个页面中的所有链接都在新窗口打开,则需要更高效的方法。


方法二:通过 <base target=”_blank”> 设置页面链接新窗口打开

HTML 标签 <base target="_blank"> 可让页面内所有链接默认在新窗口打开。只需要将它插入页面的 <head> 部分中即可。

实现步骤:

  1. 进入 外观 > 主题文件编辑器
  2. 打开 header.php 文件,在 <head> 标签内加入以下代码:

此方法简单有效,但会影响页面内的所有链接,包括内部导航。适用于希望页面内所有链接(包括外链和内链)都在新窗口中打开的情况。

使用条件控制

为了让 <base target="_blank"> 只在特定页面生效,可以使用 WordPress 的条件标签。例如,假设您希望页面别名为 example-page 的页面链接新窗口打开,可以将以下代码加入 header.php 文件的 <head> 部分中:

以上代码会判断当前页面是否为 example-page(页面别名)或页面 ID 为 123,如果条件满足,则插入 <base target="_blank">,使该页面内的所有链接默认在新窗口打开。


方法三:用 JavaScript 控制链接打开方式

如果不想修改 HTML 结构,可以通过 JavaScript 为页面内的所有链接设置 target="_blank"。以下代码可在特定页面加载时,将所有链接设置为新窗口打开。

实现步骤:

  1. 进入 外观 > 主题文件编辑器
  2. footer.php 文件的末尾添加以下代码:

这里的 is_page() 判断语句确保了 JavaScript 只在特定页面上执行。代码会在页面加载完成后,自动将所有链接的 target 属性设为 _blank


方法四:使用插件实现链接行为控制

如果您希望在不编写代码的情况下实现链接新窗口打开,可以使用插件来控制链接行为。WP External Links 是一个简单有效的插件,可对外部链接、内部链接进行设置,甚至可以指定特定页面的链接打开方式。

使用插件的步骤:

  1. 安装并激活 WP External Links 插件。
  2. 进入插件设置页面,设置外部链接或内部链接的打开方式。
  3. 根据需求设置为新窗口打开,还可以针对特定页面或条件启用。

插件不仅可以统一设置外部链接的新窗口打开,还提供了一些额外的功能,比如添加 nofollow 属性、链接图标等,非常适合不希望修改代码的用户。


总结

在 WordPress 中,有多种方式可以让特定页面的链接在新窗口中打开。选择哪种方法可以根据实际需求和个人熟悉程度来决定:

  • 单个链接编辑器设置:适合少量链接。
  • <base target="_blank"> 标签:适合需要页面中所有链接统一在新窗口打开的情况。
  • JavaScript 方法:灵活控制特定页面的所有链接。
  • 插件控制:适合不想修改代码的用户。

希望以上方法能帮助您更灵活地控制 WordPress 中的链接打开方式!

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注