如何修改WordPress中preheader区域top-info类的邮箱地址

一、从代码逻辑找后台修改入口（优先推荐） #

你在header.php里看到的这段代码：

<a href="mailto:<?php echo esc_attr($pix_options['pix_email_address'])?>"><?php echo esc_attr($pix_options['pix_email_address'])?></a>

说明这个邮箱是存在主题的自定义选项里的，变量$pix_options是主题的设置数组，pix_email_address是邮箱对应的键名。你可以按这几个方向找修改入口：

• 登录WordPress后台，查看外观 -> 自定义（主题定制器），里面大概率有“站点信息”“联系信息”或者类似板块，找到邮箱输入框直接修改就行。
• 如果主题有自己的独立设置页面（比如仪表盘左侧菜单里有带“Pix”字样的菜单，比如“Pix主题设置”），进去找联系信息/邮箱相关的选项修改。
• 要是实在找不到后台设置，也可以直接修改header.php里的代码，但要注意：直接改主题文件的话，主题更新后修改会被覆盖！所以最好先创建一个子主题，把header.php复制到子主题里再修改，把代码里的<?php echo esc_attr($pix_options['pix_email_address'])?>替换成你要的邮箱，比如：

  <a href="mailto:your-new-email@example.com">your-new-email@example.com</a>
  

二、用JavaScript/jQuery临时修改前端显示（备选方案） #

如果实在找不到后台修改入口，也可以用JS直接修改前端的邮箱显示，不过要注意：这种方法只是改了前端展示的内容，页面源码里还是原来的邮箱，爬虫和SEO抓取到的还是旧邮箱，所以只适合临时用。

具体代码如下：

jQuery(document).ready(function($) {
  // 定位top-info类里的邮箱链接
  const $emailLink = $('.top-info a[href^="mailto:"]');
  // 如果找到这个链接就修改
  if ($emailLink.length) {
    const newEmail = 'your-new-email@example.com'; // 替换成你的新邮箱
    $emailLink.attr('href', `mailto:${newEmail}`);
    $emailLink.text(newEmail);
  }
});

添加这段代码的方法：

• 后台外观 -> 自定义 -> 额外JS，把代码粘贴进去保存即可。
• 或者用自定义HTML插件，在页面头部添加这段代码（包裹在<script>标签里）。
• 也可以加到子主题的functions.php里，通过wp_enqueue_script的方式加载自定义JS文件。

内容的提问来源于stack exchange，提问作者Petra Žagar