在使用 WordPress 时,我们经常会有这样的需求:点击链接时打开新窗口或新标签页,特别是在访问外部链接时。本文将介绍几种方法,帮助您实现特定页面的链接在新窗口中打开。
方法一:在 WordPress 编辑器中设置链接打开新窗口
WordPress 的默认编辑器支持为单个链接设置新窗口打开选项:
- 打开文章或页面编辑器。
- 选中您要编辑的链接,点击编辑链接图标。
- 在弹出的链接设置中勾选“在新标签页中打开”选项。
- 保存更改。
这种方法适用于少量链接,但如果希望某个页面中的所有链接都在新窗口打开,则需要更高效的方法。
方法二:通过 <base target=”_blank”> 设置页面链接新窗口打开
HTML 标签 <base target="_blank">
可让页面内所有链接默认在新窗口打开。只需要将它插入页面的 <head>
部分中即可。
实现步骤:
- 进入 外观 > 主题文件编辑器。
- 打开
header.php
文件,在<head>
标签内加入以下代码:
<base target="_blank">
此方法简单有效,但会影响页面内的所有链接,包括内部导航。适用于希望页面内所有链接(包括外链和内链)都在新窗口中打开的情况。
使用条件控制
为了让 <base target="_blank">
只在特定页面生效,可以使用 WordPress 的条件标签。例如,假设您希望页面别名为 example-page
的页面链接新窗口打开,可以将以下代码加入 header.php
文件的 <head>
部分中:
<?php if (is_page('example-page') || is_page(123)) : ?>
<base target="_blank">
<?php endif; ?>
以上代码会判断当前页面是否为 example-page
(页面别名)或页面 ID 为 123,如果条件满足,则插入 <base target="_blank">
,使该页面内的所有链接默认在新窗口打开。
方法三:用 JavaScript 控制链接打开方式
如果不想修改 HTML 结构,可以通过 JavaScript 为页面内的所有链接设置 target="_blank"
。以下代码可在特定页面加载时,将所有链接设置为新窗口打开。
实现步骤:
- 进入 外观 > 主题文件编辑器。
- 在
footer.php
文件的末尾添加以下代码:
<?php if (is_page('example-page') || is_page(123)) : ?>
<script>
document.addEventListener("DOMContentLoaded", function() {
const links = document.querySelectorAll("a");
links.forEach(link => link.setAttribute("target", "_blank"));
});
</script>
<?php endif; ?>
这里的 is_page()
判断语句确保了 JavaScript 只在特定页面上执行。代码会在页面加载完成后,自动将所有链接的 target
属性设为 _blank
。
方法四:使用插件实现链接行为控制
如果您希望在不编写代码的情况下实现链接新窗口打开,可以使用插件来控制链接行为。WP External Links 是一个简单有效的插件,可对外部链接、内部链接进行设置,甚至可以指定特定页面的链接打开方式。
使用插件的步骤:
- 安装并激活 WP External Links 插件。
- 进入插件设置页面,设置外部链接或内部链接的打开方式。
- 根据需求设置为新窗口打开,还可以针对特定页面或条件启用。
插件不仅可以统一设置外部链接的新窗口打开,还提供了一些额外的功能,比如添加 nofollow
属性、链接图标等,非常适合不希望修改代码的用户。
总结
在 WordPress 中,有多种方式可以让特定页面的链接在新窗口中打开。选择哪种方法可以根据实际需求和个人熟悉程度来决定:
- 单个链接编辑器设置:适合少量链接。
<base target="_blank">
标签:适合需要页面中所有链接统一在新窗口打开的情况。- JavaScript 方法:灵活控制特定页面的所有链接。
- 插件控制:适合不想修改代码的用户。
希望以上方法能帮助您更灵活地控制 WordPress 中的链接打开方式!