如何在WordPress中为链接动态附加当前页面URL？

方法1：使用WordPress短代码（推荐） #

这是WordPress原生方案，无需依赖前端脚本，兼容所有场景。

1. 打开主题的functions.php文件（或自定义插件文件），添加以下代码：

function append_current_page_link($atts) {
    // 初始化短代码默认参数
    $atts = shortcode_atts(array(
        'url' => 'http://www.link.com',
        'text' => '',
        'rel' => 'nofollow noreferrer'
    ), $atts);
    
    // 获取当前页面的slug（即示例中的my-page-title）
    $current_slug = get_post_field('post_name', get_post());
    
    // 拼接最终链接，确保路径格式正确
    $final_url = trailingslashit($atts['url']) . $current_slug;
    
    // 自动处理显示文本，未指定时用最终链接
    $display_text = empty($atts['text']) ? $final_url : $atts['text'];
    
    // 返回安全转义后的HTML链接
    return '<a href="' . esc_url($final_url) . '" rel="' . esc_attr($atts['rel']) . '">' . esc_html($display_text) . '</a>';
}
add_shortcode('dynamic_link', 'append_current_page_link');

2. 在页面编辑器中直接调用短代码：

• 基础用法（自动显示拼接后的链接）：
  [dynamic_link url="http://www.link.com"]
• 自定义显示文本：
  [dynamic_link url="http://www.link.com" text="点击跳转"]

添加后，短代码会自动根据当前页面生成带slug后缀的链接。

方法2：使用JavaScript前端处理 #

适合不想修改主题代码的场景，通过前端脚本动态修改链接。

1. 在页面的自定义HTML区块或主题footer.php文件末尾添加以下代码：

document.addEventListener('DOMContentLoaded', function() {
    // 定位所有带指定类名的链接
    const dynamicLinks = document.querySelectorAll('.dynamic-append-link');
    // 从当前URL提取页面slug
    const currentSlug = window.location.pathname.split('/').filter(Boolean).pop();
    
    dynamicLinks.forEach(link => {
        const originalHref = link.getAttribute('href');
        // 拼接新链接，兼容原链接末尾带/或不带/的情况
        const newHref = originalHref.endsWith('/') ? originalHref + currentSlug : originalHref + '/' + currentSlug;
        link.setAttribute('href', newHref);
        
        // 可选：如果原链接文本是原始URL，同步更新为拼接后的链接
        if(link.textContent === originalHref) {
            link.textContent = newHref;
        }
    });
});

2. 在页面添加链接时，给链接加上指定类名：
   <a href="http://www.link.com" rel="nofollow noreferrer" class="dynamic-append-link">www.link.com</a>

页面加载完成后，脚本会自动完成slug的拼接。

方法3：使用内容过滤器批量处理 #

适合需要批量修改页面中所有符合规则的链接的场景。

在主题functions.php中添加以下代码：

function append_slug_to_links($content) {
    // 指定需要处理的目标域名
    $target_domain = 'http://www.link.com';
    $current_slug = get_post_field('post_name', get_post());
    
    // 用正则匹配并替换符合条件的链接
    $content = preg_replace_callback(
        '/<a href="' . preg_quote($target_domain, '/') . '([^"]*)" rel="nofollow noreferrer">(.*?)<\/a>/',
        function($matches) use ($current_slug, $target_domain) {
            $original_path = $matches[1];
            $display_text = $matches[2];
            
            // 处理不同路径情况的拼接逻辑
            if(empty($original_path) || $original_path === '/') {
                $new_href = $target_domain . '/' . $current_slug;
            } else {
                $new_href = $target_domain . $original_path . '/' . $current_slug;
            }
            
            // 同步更新链接文本（仅当原文本是原始URL时）
            if($display_text === $target_domain || $display_text === $target_domain . $original_path) {
                $display_text = $new_href;
            }
            
            return '<a href="' . esc_url($new_href) . '" rel="nofollow noreferrer">' . esc_html($display_text) . '</a>';
        },
        $content
    );
    
    return $content;
}
add_filter('the_content', 'append_slug_to_links');

添加后，页面中所有指向http://www.link.com且带有nofollow noreferrer属性的链接，都会自动拼接当前页面的slug。

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