免责声明: Zendesk 提供此文章仅用于教学目的。Zendesk 不支持或保证此代码。Zendesk 也无法为第三方技术,如 JavaScript、jQuery 或 CSS。请在下面的评论部分发布任何问题,或在线搜索解决方案。

您选择的自定义字体和您所穿过的服装一样,是一种风格声明。它们可以是前文而激动人心的,也可以是 冷色 而 从容 的,或什至是最重要的。然而,最后,您选择的字体定义了您,并说明了您要跨越的重点。好,有了这个不错的一周提示,我们可以努力更改您的电邮模板中的字体,使您已发送的消息可以从此发送:

Screen_Spot_2014-07-28_at_8.34.38_AML.png

( 图 1:单调的旧字体)

 


为此:

Screen_Spot_2014-07-28_at_8.32.51_AML.png

(图 2:一些非常简洁的字体)

 

要实现此目标,您需要编辑位于电邮 HTML 模板内的内容占位符,以查找默认样式并重新编写。要做到这一点,我们需要替换当前的 {{content}} 占位符,带有以下模板的变化。

{% 如果内容包含"字体系列:"卢西达无统一码", '卢西达大', '塔霍马', 维达纳, 无序列;" %}

{{content |替换:"字体系列:'卢西达无统一码', '卢西达大', '塔霍马', 维达纳, 无塞线;", "字体系列:海尔维提卡,带线;" | 替换:"字号:14px;", "字号:30px;" | 替换:"color:#2b2e2f;", "color:#333300;"}}

{% 其它 %}
{{content}}
{% endif %}

关于此模板的一些信息:

  • 语句运行 时 ,默认内容包含 LU西达无 统一码、 卢西达 Grande 等。
  • 运行后,它将触发字体系列替换、字号替换和颜色替换。
  • 如果它未运行,则将跳转到 ELSE ,在那里它简单地发送默认值 {{content}}。
  • if 语句必须精确为 true 才能触发。
  • 对于替换过程,您必须填写默认样式和所需的样式(例如:"color:default;", "color:required;")。

要替换默认值,我们需要先找到 {{content}} 占位符。最简单的方法就是发送一封测试电邮给自己。我在此范例中使用了 Gmail,因此如果您有 Gmail 帐户,那么关注该帐户可能会更方便。

注释 :默认内容未必是在电邮 HTML 模板中可见的默认内容。

要查找并替换 {{content}} 占位符

  1. 创建您可以回复的测试工单。回复将激活触发器的测试工单为"通知请求者评论更新"。 您的 Gmail 帐户应从您的 Zendesk Support 实例收到一封电邮。
  2. 在您的电邮应用程序中,找到"显示原始"功能。 此功能的 Gmail 设置显示在这里:

    显示_原始.png
  3. 在原始文本中,找到 Zendesk Support 用作 {{content}}。这可能是一次 Safari,但可以通过搜索您在工单回复中使用的关键字或短语来找到它,如下图所示。
    默认.png

    我搜索的短语以黄色显示,默认样式以绿色突出显示。
  4. 现在我们有了默认内容样式,我们可以将电邮 HTML 模板中的内容替换为我们自己的。在 HTML 模板中找到内容标记,并粘贴新的内容模板以取代原始内容。它应与所附的屏幕截图非常相似。

    Screen_Spot_2014-07-28_at_7.58.06_AML.png

    这是最难的部分。请记住格式(替换:"color:default;", "color:required;"),现在我们必须将默认样式替换为想要的样式。在这一点上,将我们在步骤 3 中找到的信息复制粘贴到步骤 4 的默认位置是有帮助的。就我的例子而言,我会确保字体默认包含"LU西达无统一码、卢西达·格莱德、塔霍马、维达纳、无塞线",并替换为我想要的字体样式。让我们在这里仔细查看模板:

    这会将我当前的字体替换为一些现代的黑体:

    |替换:"字体系列:'卢西达无统一码', '卢西达大', '塔霍马', 维达纳, 无塞线;", "字体系列:"

    这使我的字号非常可读:

    |替换:"字号:14px;", "字号:30px;"

    这会将字体颜色更改为美观的土棕色:

    |替换:"color:#2b2e2f;", "color:#333300;"

    所有这些共同组成了:

    {{content |替换:"字体系列:'卢西达无统一码', '卢西达大', '塔霍马', 维达纳, 无塞线;", "字体系列:海尔维提卡,带线;" | 替换:"字号:14px;", "字号:30px;" | 替换:"color:#2b2e2f;", "color:#333300;"}}

    这是我将带来这些更改的完整声明。

    {% 如果内容包含"字体系列:"卢西达无统一码", '卢西达大', '塔霍马', 维达纳, 无序列;" %}

    {{content |替换:"字体系列:'卢西达无统一码', '卢西达大', '塔霍马', 维达纳, 无塞线;", "字体系列:海尔维提卡,带线;" | 替换:"字号:14px;", "字号:30px;" | 替换:"color:#2b2e2f;", "color:#333300;"}}

    {% 其它 %}
    {{content}}
    {% endif %}

    在将我的内容占位符替换为此之后,我的电邮将不再使用 Zendesk Support 默认电邮模板,而是我自己的自定义字体、颜色和大小。现在我们对电邮模板和消息的外观有了完全的控制!请记住,强大的功能也带来了巨大的责任,因此我不希望看到 过多 使用纸质字体的电邮。

翻译免责声明:本文章使用自动翻译软件翻译,以便您了解基本内容。 我们已采取合理措施提供准确翻译,但不保证翻译准确性

如对翻译准确性有任何疑问,请以文章的英语版本为准。

由 Zendesk 提供技术支持