跳转到主要内容

嗯……伪响应式(见描述)

项目描述

License: AGPL-3

编写电子邮件的响应式布局片段

本模块扩展了网站邮件设计器的功能,以支持响应式布局,并允许您在移动邮件客户端中舒适地阅读这些邮件。

实际上,这并不真正是响应式。这是伪响应式。当前邮件客户端的响应性比浏览器落后几年,因此这些模板非常冗长,以确保在大多数情况下兼容。灵感来源于https://css-tricks.cn/ideas-behind-responsive-emails/

安装

此模块已准备与模块website_mail_bg_color兼容。如果您安装它,您将能够更改片段的背景颜色,但这不是必需的。

配置

要更改按钮的默认背景颜色

使用方法

要使用此模块,您需要

  1. 安装任何使用网站邮件设计器的模块,例如mass_mailing

  2. 使用网站邮件设计师编辑电子邮件。

  3. 在“电子邮件设计”部分下,您将拥有一个新片段集合。像往常一样使用它们。

如果您选择“水平分隔符”片段,您还可以设置其高度。为此,您必须仔细点击绿色线内部,然后使用浮在它上面的选项。

Try me on Runbot

已知问题/路线图

  • 代码片段看起来很丑,但这是因为邮件客户端的HTML引擎通常缺少许多现代CSS和HTML功能。希望随着邮件客户端的改进,我们能够改善这一点。

  • 要设置水平分隔线的高度,您需要点击它,这将在Firefox中插入一个<br type="_moz"/>,这将使其高度至少与光标一样高,即使您设置了更低的值。请放心,当您点击保存时,它将消失。

  • 一些元素在MS Outlook中不会以正确的宽度渲染。为了使它们工作,应在每个代码片段中添加此内容。

    <!--[if gte mso]>
        <style type="text/css">
        .fluid { width: 600px !important; }
        </style>
    <![endif]-->

    但到目前为止,视图解析器会消耗注释,而如果您避免这样做,CKEditor会消耗它们,所以目前没有简单的解决方案。

错误跟踪器

错误在GitHub Issues上进行跟踪。在遇到问题的情况下,请检查是否已报告您的问题。如果您是第一个发现它的人,请通过提供详细且受欢迎的反馈来帮助我们解决问题。

鸣谢

图片

  • Odoo社区协会:图标

贡献者

维护者

Odoo Community Association

此模块由OCA维护。

OCA,即Odoo社区协会,是一个非营利组织,其使命是支持Odoo功能的协作开发并促进其广泛使用。

要为此模块做出贡献,请访问https://odoo-community.org

项目详情


下载文件

下载适用于您平台的文件。如果您不确定选择哪个,请了解更多关于安装包的信息。

源代码分发

此版本没有提供源代码分发文件。请参阅生成分发存档的教程。

构建分发

由以下支持