如何用PHP（preg_replace）修改WordPress特定页面的Logo？

你的核心问题在于用正则表达式处理HTML结构过于脆弱——Flatsome输出的Logo HTML可能存在属性顺序、空格、额外属性（比如loading="lazy"）等变化，导致正则匹配失败。下面提供两种更可靠的实现方案：

方案一：直接替换Logo完整HTML（简单高效） #

如果目标页面的Logo结构固定，直接返回自定义的Logo HTML即可，无需修改原有输出：

function change_logo_on_specific_pages($html) {
    // 指定需要替换Logo的单页ID
    $target_post_ids = array(1441, 1425, 1501, 1494, 1498, 1503);
    
    if (is_single($target_post_ids)) {
        // 直接返回自定义Logo HTML，替换原有内容
        $html = '<a href="' . esc_url(home_url('/')) . '" title="" rel="home">
            <img width="146" height="150" src="https://example.com/wp-content/uploads/2021/02/Logo.png" class="header_logo header-logo" alt="" loading="lazy">
            <img width="146" height="150" src="https://example.com/wp-content/uploads/2021/02/Logo.png" class="header-logo-dark" alt="" loading="lazy">
        </a>';
    }

    return $html;
}
add_filter('get_custom_logo', 'change_logo_on_specific_pages');

说明： #

• 用esc_url(home_url('/'))保证首页链接的安全性，避免硬编码链接的维护问题
• 新增loading="lazy"优化图片加载性能
• 直接替换的方式完全规避了正则匹配的不确定性

方案二：用DOMDocument精准修改图片地址（健壮性更强） #

如果不想完全替换整个HTML结构，只想修改图片的src属性，用DOM解析的方式更稳妥，能适配主题HTML结构的小变化：

function change_logo_src_on_specific_pages($html) {
    $target_post_ids = array(1441, 1425, 1501, 1494, 1498, 1503);
    
    if (!is_single($target_post_ids)) {
        return $html;
    }

    // 初始化DOM解析器，处理UTF-8编码问题
    $dom = new DOMDocument();
    @$dom->loadHTML(mb_convert_encoding($html, 'HTML-ENTITIES', 'UTF-8'));
    
    // 获取所有img标签，替换src和srcset（如果存在）
    $imgs = $dom->getElementsByTagName('img');
    $new_logo_src = 'https://example.com/wp-content/uploads/2021/02/Logo.png';
    
    foreach ($imgs as $img) {
        $img->setAttribute('src', $new_logo_src);
        // 同步替换srcset（如果主题输出了响应式图片）
        if ($img->hasAttribute('srcset')) {
            $img->setAttribute('srcset', $new_logo_src);
        }
        // 按需修改宽高属性
        $img->setAttribute('width', '146');
        $img->setAttribute('height', '150');
    }
    
    // 提取处理后的a标签内容并返回
    $new_html = $dom->saveHTML($dom->getElementsByTagName('a')->item(0));
    
    return $new_html;
}
add_filter('get_custom_logo', 'change_logo_src_on_specific_pages');

说明： #

• DOM解析是处理HTML的标准方式，不会因为属性顺序、空格等细节导致匹配失败
• 同步处理srcset属性，适配主题的响应式图片逻辑

注意事项 #

1. 代码需添加到子主题的functions.php文件中，避免主题更新时丢失修改
2. 将示例中的Logo URL替换为你实际的图片地址
3. 如果需要针对其他页面类型（比如静态页面、分类页），可将is_single替换为is_page、is_category等对应的WordPress条件标签

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