WordPress单页替换嵌入媒体URL，需忽略导航及特定Tab链接

方案1：仅处理文章内容区域内的链接 #

WordPress单篇文章的内容通常会被包裹在特定容器中（比如默认主题的.entry-content，或自定义主题的#article-content类/ID），限定选择器范围就能避免修改导航菜单等其他区域的链接：

var changePermalinks = function() {
    // 只选择文章内容容器内的a标签，替换成你主题实际的容器选择器
    var a = document.querySelectorAll('.entry-content a'),
        oldPattern = /^[/\\]?(?:.+[/\\]+?)?(.+?)[/\\]/g,
        len = a.length,
        i;
    for (i = 0; i < len; i++) {
        var link = a[i];
        var url = link.href;
        if (oldPattern.test(url)) {
            link.setAttribute('href', url.replace(oldPattern, 'https://hq-wpserver/wordpress/wp-content/uploads/content/'));
        } 
    }
};

// 确保DOM加载完成后执行
document.addEventListener('DOMContentLoaded', function() {
    changePermalinks();
});

注意：通过浏览器开发者工具查看元素，确认你主题中文章内容容器的实际类名/ID，比如部分主题用.post-content。

方案2：精准排除Tab类链接 #

如果需要跳过特定的Tab链接，可通过匹配URL中的特征字符串（比如示例中Tab链接包含tab-路径），在逻辑中直接跳过这类链接：

var changePermalinks = function() {
    var a = document.getElementsByTagName('a'),
        oldPattern = /^[/\\]?(?:.+[/\\]+?)?(.+?)[/\\]/g,
        // 定义Tab链接的匹配规则，根据实际URL调整
        tabLinkPattern = /\/tab-/i,
        len = a.length,
        i;
    for (i = 0; i < len; i++) {
        var link = a[i];
        var url = link.href;
        // 匹配到Tab链接则跳过
        if (tabLinkPattern.test(url)) {
            continue;
        }
        if (oldPattern.test(url)) {
            link.setAttribute('href', url.replace(oldPattern, 'https://hq-wpserver/wordpress/wp-content/uploads/content/'));
        } 
    }
};

document.addEventListener('DOMContentLoaded', function() {
    changePermalinks();
});

可根据实际Tab链接的URL特征修改tabLinkPattern，比如所有Tab链接都指向tab-xxx结尾的路径，可调整为/tab-\w+\/$/i。

额外优化提示 #

• 若正则匹配逻辑存在遗漏（比如部分文件链接未被正确替换），可针对文件类型做精准匹配，比如PDF链接：/^https?:\/\/test-wpserver\/wordpress\/.+\/(.+\.pdf)$/i
• 避免使用getElementsByTagName('a')全局获取链接，优先选择范围更精准的选择器，减少不必要的DOM遍历。

内容的提问来源于stack exchange，提问作者RandomCoderOne