如何将PHP动态输出的邮箱地址替换为图标展示

直接替换原有代码为如下内容即可实现需求：

<?php
$email_address = $user->user_email;
if ( ! empty( $email_address ) ) {
    $mailto_url = esc_url( 'mailto:' . $email_address );
    ?>
    <div>
        <!-- 这里用Font Awesome邮箱图标，需确保站点已引入Font Awesome -->
        <a href="<?php echo $mailto_url; ?>" aria-label="Send email to <?php echo esc_attr( $email_address ); ?>">
            <i class="fa fa-envelope" aria-hidden="true"></i>
        </a>
    </div>
<?php
}
?>

关键修改说明： #

• 移除了原有的<span class="label">Email address</span>标签文本，满足移除标签的需求
• 用可点击的邮箱图标替代纯文本邮箱地址，通过mailto:协议实现点击直接唤起邮件客户端的功能
• 使用esc_url()处理邮件链接、esc_attr()处理邮箱地址属性值，保证输出安全性
• 加入aria-label属性提升无障碍访问体验，屏幕阅读器会朗读对应的邮件地址信息

自定义图标替代方案： #

如果不用Font Awesome，可换成自定义图片图标，代码调整为：

<?php
$email_address = $user->user_email;
if ( ! empty( $email_address ) ) {
    $mailto_url = esc_url( 'mailto:' . $email_address );
    ?>
    <div>
        <a href="<?php echo $mailto_url; ?>" aria-label="Send email to <?php echo esc_attr( $email_address ); ?>">
            <img src="/path/to/your/email-icon.png" alt="Email icon" width="20" height="20">
        </a>
    </div>
<?php
}
?>

记得把/path/to/your/email-icon.png替换成实际的图标文件路径，并调整宽高参数适配页面样式。

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