WordPress网站轻松实现外部链接新窗口打开，让用户体验飞起

2024-01-11 20:27:49

新窗口打开外部链接：提升用户体验、参与度和安全性的关键

为什么要在新窗口打开外部链接？

在网络浏览中，点击外部链接是一个常见的操作。当我们点击一个指向其他网站的链接时，网页通常会在当前窗口打开新页面。然而，越来越多的网站采用了在新窗口中打开外部链接的做法。这一看似简单的改变背后有着深远的影响，本文将深入探讨在新窗口打开外部链接的益处以及在 WordPress 中实现这一功能的方法。

提升用户体验

在新窗口中打开外部链接可以显著提升用户体验。当链接在当前窗口打开时，用户会离开您的网站，进入另一个网站。这可能会破坏他们的浏览流程，增加他们返回您网站的难度。相反，在新窗口中打开链接允许用户在不离开当前页面的情况下访问外部内容，提供了更流畅、不间断的浏览体验。

提高用户参与度

保持用户参与是网站成功的关键。用户在您的网站上停留的时间越长，他们与您的内容互动、进行转换的可能性就越大。在新窗口中打开外部链接可以帮助您提高用户参与度。通过将用户引导到另一个页面，您可以为他们提供更多有用的信息，让他们对您的网站产生更深刻的印象。

保护网站安全

当用户点击外部链接时，他们可能会访问具有恶意软件或其他安全风险的网站。这些威胁可能会损害您的网站或用户的计算机。在新窗口中打开外部链接可以帮助您保护您的网站和用户免受此类威胁。如果外部链接指向恶意网站，它将在新窗口中隔离，防止它对您的网站或用户造成任何伤害。

如何在 WordPress 中在新窗口打开外部链接？

在 WordPress 中，有两种方法可以在新窗口中打开外部链接：

使用插件：

WordPress 有多种插件可帮助您实现这一功能，其中包括：

WP Open External Links in New Window： 一键启用在新窗口中打开外部链接。
External Links New Window： 提供更多高级选项，如按类别或标签打开外部链接。

手动添加代码：

如果您不想使用插件，也可以手动将代码添加到您的主题文件中：

function open_external_links_in_new_window() {
  wp_add_filter('wp_get_attachment_link', 'open_attachment_link_in_new_window');
  wp_add_filter('the_content', 'open_links_in_new_window');
}

add_action('wp_enqueue_scripts', 'open_external_links_in_new_window');

function open_attachment_link_in_new_window($link) {
  if (preg_match('/<a.*?href=[\'"](.*?)[\'"].*?>(.*?)<\/a>/i', $link, $matches)) {
    $target = (strpos($matches[1], 'yourdomain.com') === false) ? ' target="_blank"' : '';
    $link = '<a' . $target . ' href="' . $matches[1] . '">' . $matches[2] . '</a>';
  }
  return $link;
}

function open_links_in_new_window($content) {
  if (preg_match_all('/<a.*?href=[\'"](.*?)[\'"].*?>(.*?)<\/a>/i', $content, $matches)) {
    foreach ($matches[1] as $key => $link) {
      if (strpos($link, 'yourdomain.com') === false) {
        $content = str_replace($matches[0][$key], '<a target="_blank" href="' . $link . '">' . $matches[2][$key] . '</a>', $content);
      }
    }
  }
  return $content;
}