子比主题美化之邮箱样式美化-墨非网

文章最后更新时间：2025-03-09 22:01:08

文章源自墨非网-https://www.mf8.site/3870.html

教程

打开/wp-content/themes/zibll/inc/functions/zib-email.php文件文章源自墨非网-https://www.mf8.site/3870.html

修改zib_get_mail_content函数的$content（大概在68行）文章源自墨非网-https://www.mf8.site/3870.html

[wxgzh key=1718 reply=验证码]文章源自墨非网-https://www.mf8.site/3870.html


$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://www.mf8.site" 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>';
$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://www.mf8.site" 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>';
$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://www.mf8.site" 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>';

[/wxgzh]文章源自墨非网-https://www.mf8.site/3870.html

接着到子比设置，在下图位置这样写代码文章源自墨非网-https://www.mf8.site/3870.html


<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.mf8.site/" target="_blank" rel="noopener">访问网站</a>
<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.mf8.site/" target="_blank" rel="noopener">访问网站</a>
<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.mf8.site/" target="_blank" rel="noopener">访问网站</a>