如何在WordPress底部小部件中设置白色邮箱并添加邮件链接？

1. 修正底部小部件的HTML代码 #

你当前的代码存在标签闭合错误，且未给邮箱添加可点击的邮件链接。把底部小部件里的内容替换为以下代码（替换实际邮箱地址）：

<p>BBA MBA MA CPA FCCA FCMA</p>
<p>Brokerage FSRA Lic. #12176<br/>
416-618-9312<br/>
<a href="mailto:你的实际邮箱地址" style="color: white !important;">联系我们（点击此处）</a></p>
<p>伴您每一步：近30年房产指导经验！！</p>

• mailto:你的实际邮箱地址：替换成你真实的邮箱，比如info@1mortgagebroker.ca，点击后会直接唤起邮件客户端。
• style="color: white !important;"：强制让链接文字显示白色，覆盖主题默认样式。

2. 底部小部件的编辑方式 #

Elementor免费版无法直接编辑WordPress默认的底部小部件，你可以通过以下两种方式操作：

• WordPress后台直接编辑：进入「外观」→「小部件」，找到对应的底部小部件区域，直接修改里面的HTML内容。
• Elementor Pro可视化编辑：如果使用Elementor Pro，启用「页脚构建器」功能，就能像编辑主体内容一样可视化设计整个底部区域，操作更便捷。

3. 用全局CSS统一设置样式（可选） #

如果不想用内联样式，也可以在主题的「自定义CSS」中添加以下代码，让底部小部件里的所有邮箱链接永久显示白色：

.footer-widget a[href^="mailto:"] {
    color: white !important;
}

（注：如果你的底部小部件类名不是.footer-widget，可以用浏览器开发者工具查看实际类名替换）

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