Les polices de caractères personnalisées que vous choisissez sont autant une déclaration de mode que vos vêtements. Elles peuvent être d'avant-garde ou édifiantes, cool ou calmes, voire même extrêment loufoques * raclement de gorge * comme comic sans *raclement de gorge*. Cependant, à la fin, la police de caractères que vous choisissez vous définit et illustre l'argument que vous tentez de faire comprendre. Eh bien, avec cette actice de la semamine sensass, nous pourvoir modifier la police de caractères dans votre modèle d'e-mail pour que vos messages envoyés passent de ceci:
(Fig 1: police de caractères barbante)
À cela :
(Fig 2 : des polices de caractères plutôt chouette)
Pour atteindre cet objectif, vous souhaitez modifier le contenu de l'espace réservé à l'intérieur de votre modèle HTML pour localiser les styles par défaut et les réécrire. Pour ce faire, nous voulons remplacer l'espace réservé actuel {{content}} par une variante du modèle suivant.
{% if content contains "font-family: 'Lucida Sans Unicode', 'Lucida Grande', 'Tahoma', Verdana, sans-serif;" %}
{{content | replace: "font-family: 'Lucida Sans Unicode', 'Lucida Grande', 'Tahoma', Verdana, sans-serif;", "font-family: Helvetica, serif;" | replace: "font-size: 14px;", "font-size: 30px;" | replace: "color:#2b2e2f;", "color:#333300;"}}
{% else %}
{{content}}
{% endif %}
Une petite information à propos de ce modèle :
- L'énoncé fonctionne SI le contenu par défaut contient Lucida Sans Unicode, Lucida Grande etc.
- Lorsque cela fonctionne, il déclenche le remplacement de la famille de police de caractères, le remplacement de la taille de la police et le remplacement de la couleur.
- S'il ne fonctionne pas, il ira directement à AUTRE et à ce moment-là, il enverra simplement le {{content} par défaut.
- L'énoncé si doit être tout à fait vrai pour qu'il se déclenche.
- Pour le processus de remplacement, vous devez remplir le style par défaut suivi du style souhaité (par exemple, remplacer: "color:defaut;"par "color:desired;").
Pour remplacer le défaut, nous devons d'abord localiser le défaut de l'espèce réservé du {{content}} . Le moyen le plus simple consiste à vous envoyer un e-mail de test. J'utilise Gmail dans cet exemple alors si vous avez un compte Gmail, il vous sera plus facile de suivre.
Remarque : le contenu par défaut n'est pas nécessairement le défaut qui est visible dans le modèle HTML de l'e-mail.
Pour localiser et remplacer l'espace réservé du {{content}}
- Créer un ticket de test auquel vous pouvez répondre. Répondez au ticket de test qui va activer le déclencheur de «Notifier le demandeur de la mise à jour du commentaire.» Votre compte Gmail devrait recevoir un e-mail de votre instance de support de Zendesk.
- Dans votre application e-mail, localisez la possibilité «Afficher l'original». Le paramètre Gmail pour ceci est représenté ici:
- Dans le texte original, localisez le texte de style que le support de Zendesk a utilisé comme par défaut pour {{content}}. Cela peut paraître un peu comme un jeu de cache-cache mais il peut être trouvé en cherchant un mot-clé ou une phrase que vous utilisez dans votre ticket de réponse comme indiqué dans l'image ci-dessous.
La phrase que j'ai recherchée est en jaune, le style par défaut est surligné en vert. - Maintenant que nous avons nos styles de contenu par défaut, nous pouvons remplacer le contenu du modèle HTML de l'email Localisez le balisage de contenu dans le modèle HTML et collez le nouveau modèle de contenu à la place du contenu original. Il devrait ressembler à la capture d'écran jointe
C'est la partie difficile. Gardez à l'esprit le format (remplacez "color:default;"par "color:desired;" ), maintenant nous devons remplacer le style par défaut par nos styles souhaités. À ce moment-là, il est judicieux de copier et coller l'information que nous avons localisée à la 3e étape à la position part défaut de la 4e étape. Pour mon exemple, je m'assurerai que la police de caractères contient "Lucida Sans Unicode, Lucida Grande, Tahoma, Verdana, sans-serif" et je la remplacerai par mon style de police souhaité. Regardons ce modèle de plus près :
Cela remplace ma police de caractère actuelle par une police Helvetica plus branchée:
| replace: "font-family: 'Lucida Sans Unicode', 'Lucida Grande', 'Tahoma', Verdana, sans-serif;", "font-family: Helvetica, serif;"
Cela rend ma taille de police plus facile à lire :
| replace: "font-size: 14px;", "font-size: 30px;"
Cela change la couleur de police en un beau terre de sienne.
| replace: "color:#2b2e2f;", "color:#333300;"
Tous ces éléments mise ensemble constituent ceci:
{{content | replace: "font-family: 'Lucida Sans Unicode', 'Lucida Grande', 'Tahoma', Verdana, sans-serif;", "font-family: Helvetica, serif;" | replace: "font-size: 14px;", "font-size: 30px;" | replace: "color:#2b2e2f;", "color:#333300;"}}
Et c'est mon énoncé en entier qui va entraîner ces modifications.
{% if content contains "font-family: 'Lucida Sans Unicode', 'Lucida Grande', 'Tahoma', Verdana, sans-serif;" %}
{{content | replace: "font-family: 'Lucida Sans Unicode', 'Lucida Grande', 'Tahoma', Verdana, sans-serif;", "font-family: Helvetica, serif;" | replace: "font-size: 14px;", "font-size: 30px;" | replace: "color:#2b2e2f;", "color:#333300;"}}
{% else %}
{{content}} {% endif %}Après avoir remplacé mon emplacement réservé de contenu avec ceci, mes e-mails n'auront plus le modèle d'e-mail par défaut du support de Zendesk plutôt ma propre police avec une couleur et une taille personnalisées, Nous avons maintenant le contrôle complet de notre modèle d'e-mail et du style de notre message ! Souvenez-vous que «de grands pouvoirs impliquent de grandes responsabilités», donc je ne veux pas voir circuler trop d'e-mails avec la police de caractères de Papyrus.