找到
1
篇与
弹窗定制
相关的结果
-
使用PHPMailer实现文章推送订阅用户 Subscribe 邮箱订阅插件 这是一个Typecho的邮箱订阅插件，允许访问者订阅博客更新，当有新文章发布时，系统会自动向订阅者发送邮件通知。 功能特点 用户进入首页时弹出订阅提示窗口 弹窗提示内容可在后台自定义 用户点击"是"后，弹出邮箱输入框，可输入订阅邮箱 弹窗配色自动跟随博客主题色 支持配置QQ邮箱发送通知 发布新文章时自动通知所有订阅者 后台可查看管理订阅者列表 支持用户自助取消订阅 支持自定义弹窗CSS样式 精美HTML邮件模板 邮件中推荐历史文章 image图片 安装方法 下载本插件 将插件上传到 /usr/plugins/ 目录 进入网站后台 -> 插件 -> 启用Subscribe插件 进入插件设置，配置邮件发送参数 [button color="light" icon="" url="https://wwp.lanzoup.com/iLV4P2xqumji" type=""]下载[/button] 配置说明 弹窗设置 弹窗提示文字：访客进入首页时看到的弹窗提示内容 自定义弹窗主题色：手动设置弹窗的主题色，留空则自动识别主题色 自定义弹窗CSS：添加自定义CSS代码修改弹窗样式，支持任意CSS属性 邮件设置 SMTP服务器：邮件服务器地址，QQ邮箱为smtp.qq.com SMTP端口：邮件服务器端口，QQ邮箱一般为465（SSL）或587（TLS） 安全连接：加密方式，一般选择SSL QQ邮箱账号：完整的QQ邮箱地址 QQ邮箱授权码：QQ邮箱的第三方登录授权码（不是QQ密码） 发件人名称：发送邮件时显示的发件人名称 邮件主题：邮件标题模板，支持变量替换 邮件模板：邮件内容模板，支持HTML和变量替换 变量说明 邮件主题和内容中可以使用以下变量： %site_name%：网站名称 %post_title%：文章标题 %post_date%：文章发布日期 %post_excerpt%：文章摘要 %post_url%：文章链接 %unsubscribe_url%：退订链接 %recommend_posts%：推荐文章列表 样式自定义 自定义弹窗样式 您可以通过插件设置中的"自定义弹窗CSS"选项添加任意CSS代码。以下是一些示例： /* 渐变背景弹窗 */ .subscribe-popup { background: linear-gradient(to right, #f6d365, #fda085); border: none; box-shadow: 0 10px 20px rgba(0,0,0,0.2); } /* 自定义按钮样式 */ .subscribe-form button { background: linear-gradient(45deg, #ff6b6b, #ff8e53); border-radius: 30px; } /* 修改输入框样式 */ .subscribe-form input { border: 2px solid #ffb347; border-radius: 8px; }自定义邮件模板 插件提供了精美的默认邮件HTML模板，您也可以根据需要修改模板内容和样式： 修改页眉颜色：将模板中的background: #3354aa;替换为您喜欢的颜色 更改按钮样式：修改.btn类的CSS样式 添加自己的品牌元素：在页眉或页脚添加logo或品牌信息 获取QQ邮箱授权码 登录QQ邮箱 点击【设置】->【账户】 在【POP3/IMAP/SMTP/Exchange/CardDAV/CalDAV服务】下方，开启【POP3/SMTP服务】 点击"生成授权码"，按提示操作获取授权码 常见问题 Q: 为什么发送邮件失败？A: 请检查您的QQ邮箱设置，确保： SMTP服务已开启 授权码正确无误 网站服务器允许发送外部邮件 检查网站根目录下的subscribe_log.txt文件了解详细错误信息 Q: 日志显示发送成功但没收到邮件？A: 可能原因： 邮件被分类到垃圾邮件文件夹，请检查 邮箱服务器拦截了邮件，检查垃圾邮件设置 Q: 如何修改弹窗样式？ A: 使用插件设置中的"自定义弹窗CSS"选项添加自定义样式，无需修改源代码。 Q: 推荐文章功能如何工作？ A: 系统会自动选择最近发布的3篇文章（不包括当前通知的文章）作为推荐文章。您可以通过修改邮件模板中的%recommend_posts%变量来调整其显示位置或样式。 更新日志 1.0.0 (2025-5-30) 首次发布 1.0.1 (2025-05-31) 添加自定义CSS设置选项 优化弹窗动画效果 美化邮件HTML模板 增加历史文章推荐功能 支持更多邮件模板变量 修复邮件发送问题 改进弹窗样式和交互体验 添加邮件发送测试功能
