Créez des styles modifiables avec la langue des modèles Mailchimp

Les options de modèle dans cet article sont uniquement disponibles pour l' outil de création d'e-mail classique . Pour en savoir plus sur les modèles dans la nouvelle fenêtre, lisez Créer un e-mail dans la nouvelle fenêtre.

Lorsque vous codez des modèles personnalisés dans le langage des modèles Mailchimp, utilisez nos conventions de nommage recommandées pour identifier les zones de votre modèle que vous souhaitez pouvoir modifier à partir de la section Conception du site Web de donné.

Dans cet article, vous trouverez plus d'informations sur les styles de modèles modifiables.

Déclarations de zone

Ajoutez les déclarations suivantes à votre fichier CSS pour définir les zones où les styles peuvent être modifiés.

Obligatoire

• @onglet : définie l'onglet à partir duquel les styles peuvent être définis.

Facultatif

• @section : permet de définir les styles de mise en page des onglets. Ceci est facultatif, mais recommandé lorsque vous avez plusieurs styles modifiables. Trop de styles modifiables dans une section ou regroupés dans aucune section peuvent rendre plus difficile de trouver des options de modification.
• @ styledéclaration provient d'une règle CSS que vous avez créée et qui fait glisser dans le menu déroulant de l'éditeur du texte de la campagne et vous permet d'appliquer des styles au texte de manière rapide et sélectionnée.
• @theme  : si vous souhaitez que les couleurs de votre modèle soient modifiables via l'outil de thème de couleur Mailchimp, utilisez les définitions de thème suivantes dans votre fichier CSS :
  • @ thème : définie la couleur de fond de l'e-mail.
  • @ thème : doit figurer dans la section du corps principal de la campagne pour la couleur du texte et la police
  • En-tête @thème : doit être utilisé pour la couleur d'arrière-plan de la section « Afficher dans ce navigateur » ou ne pas être activé
  • @ thème : défini l'avant-plan, la taille et la police des titres.
  • @thème sous-titre : définir l'avant-plan, la taille et la police des sous-titres
  • @theme pied de page  : doit figurer dans la section pied de page du modèle pour la couleur de fond.

Déclarations de style

Utilisez la déclaration suivante pour définir un style unique modifiable dans une partie de votre modèle.

/*@modifié*/ propriété : valeur ;

Les blocs de déclaration de style partagent une structure de base, et ce quel que soit le style de l'élément cible. La déclaration de /*@modifié*/la déclaration se répète pour chaque élément à modifier dans une zone donnée. Dans cet exemple, un tag H1 est déclaré :

*** * @onglet Page *
@section en-tête principal *
@style titre 1 */ h1{ /*
     @editable*/ Choisissez la couleur:#202020 !importance; affichage:bloc; /*
     @editable*/font-familial:Arial; /*
     @editable*/police-taille:34px; /*
     @editable*/police- obligatoire:bold; /*
     @editable*/ line-hight:100%; /*
     @editable*/ text-alignement:left; }