效果图
教程
打开/wp-content/themes/zibll/inc/functions/zib-email.php
文件
修改zib_get_mail_content
函数的$content
(大概在68行)
$content = '<div style="max-width: 600px; margin: 0 auto; width: 100%; background-color: #ffffff; border-radius: 16px; box-shadow: 0 4px 20px rgba(32,102,255,0.08);">
<!-- 头部logo区域 -->
<div
style="padding: 30px 20px; text-align: center; background: linear-gradient(135deg, #2066ff 0%, #1955d4 100%); border-radius: 16px 16px 0 0;">
<a style="text-decoration: none;" href="https://idc.sxchl.cn" target="_blank" rel="noopener"> <img
style="max-height: 45px; width: auto; max-width: 100%;" src="' . $logo . '"
alt="' . $blog_name . '" /> </a>
</div>
<!-- 主要内容 -->
<div style="padding: 30px 20px;">
<!-- 账户信息框 -->
<div
style="background: linear-gradient(to right, #f8f9ff, #f0f5ff); border-radius: 12px; padding: 20px; margin: 20px 0; border: 1px solid rgba(32,102,255,0.1);">
' . $message . '
</div>
<!-- 提示信息 -->
<div style="background-color: #f8f9fa; border-radius: 8px; padding: 15px; margin: 20px 0;">
<p style="color: #666666; font-size: 13px; line-height: 1.6; margin: 0;"><span
style="color: #2066ff;">●</span> ' . $description . '</p>
</div>
<!-- 修改密码按钮 -->
<div style="text-align: center; margin: 30px 0;">' . $con_more . '</div>
</div>
<!-- 底部信息 -->
<div
style="padding: 20px 15px; background-color: #f8f9fa; border-radius: 0 0 16px 16px; border-top: 1px solid #eef0f5;">
<p style="color: #999999; font-size: 12px; text-align: center; margin: 0; line-height: 1.8;">
本邮件由系统自动发送,请勿直接回复<br />© 2025 ' . $blog_name . ' 版权所有</p>
</div>
</div>';
接着到子比设置,在下图位置这样写代码
<a style="display: inline-block; padding: 12px 35px; background-color: #2066ff; color: #ffffff; text-decoration: none; border-radius: 6px; font-size: 15px; font-weight: 500;" href="https://www.scbkw.com/" target="_blank" rel="noopener">访问网站</a>