WordPress外链跳转可以通过插件实现,Redirection”插件。安装并启用后,在设置中添加需要跳转的链接即可。

如何实现WordPress博客文章正文外链无插件代码自动转内链教程

介绍

在WordPress中,我们经常需要将外部链接转换为内部链接,以提高用户体验和搜索引擎优化,本教程将向您展示如何使用代码实现这一功能,无需使用任何插件。

wordpress外链跳转wordpress外链跳转

准备工作

1、登录到您的WordPress后台。

2、导航到“外观”>“编辑器”。

3、选择您要编辑的主题的PHP文件(通常是style.css)。

4、在右侧的文本编辑器中打开文件。

添加代码

在主题的CSS文件中,找到以下代码行:

a {
    color: #333;
    textdecoration: none;
}

将其替换为以下代码:

wordpress外链跳转wordpress外链跳转

a {
    color: #333;
    textdecoration: none;
    target: _blank; /* 添加此行 */
}

这将使所有外部链接在新标签页中打开,接下来,我们将添加一段JavaScript代码来检测这些外部链接并将其转换为内部链接。

添加JavaScript代码

在主题的footer.php文件中,找到以下代码行:

</body>

在其下方添加以下代码:

<script>
document.addEventListener('DOMContentLoaded', function() {
    var externalLinks = document.querySelectorAll('a[href^="http"]'); // 选择所有以"http"开头的链接
    externalLinks.forEach(function(link) {
        var internalLink = link.getAttribute('href').replace('http://', '//yourwebsite.com/'); // 将外部链接转换为内部链接
        link.setAttribute('href', internalLink); // 设置新的链接地址
        link.target = '_self'; // 将链接在新窗口中打开改为在当前窗口中打开
    });
});
</script>

请确保将//yourwebsite.com/替换为您自己的网站域名,这段代码将在页面加载完成后运行,并将所有外部链接转换为内部链接。

保存并测试

1、保存对主题文件的更改。

2、刷新您的WordPress网站首页或包含外部链接的文章页面。

wordpress外链跳转

3、点击测试转换后的链接,确保它们已成功转换为内部链接并在当前窗口中打开。

相关问题与解答

问题1:为什么我的外部链接没有转换为内部链接?

答:请确保您已正确添加了CSS和JavaScript代码,并且将代码中的//yourwebsite.com/替换为您自己的网站域名,请确保您的外部链接以http://https://开头。

问题2:我使用的是子域名,如何将外部链接转换为子域名的内部链接?

答:如果您使用的是子域名,请将CSS和JavaScript代码中的//yourwebsite.com/替换为您的子域名,例如//subdomain.yourwebsite.com/,这样,外部链接将被转换为子域名的内部链接。

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。