Créez des styles modifiables avec la langue des modèles de Mailchimp
by Intuit• Mis à jour 2 semaines
Les options de modèle dans cet article sont disponibles uniquement pour l' outil de création d'e-mail d'origine . Pour en savoir plus sur les modèles dans le nouvel outil de création d'e-mail, lisez Créer un e-mail dans l'outil de création d'e-mails .
Lorsque vous codez des modèles personnalisés dans le langage des modèles de Mailchimp, utilisez les conventions de nom que vous utilisez pour identifier les zones de votre modèle que vous souhaitez modifier dans la section Présentation de notre Outil de création de campagne.
Dans cet article, vous trouverez plus d'infos sur les styles de modèles modifiables.
Déclarations de zones
Ajoutez les déclarations suivantes à votre CSS pour définir les zones dans lesquelles les styles peuvent être modifiés.
Obligatoire
- @onglet : détermine à partir de quel onglet de conception les styles peuvent être définis.
Facultatif
- @section : définir les styles de présentation des onglets à partir de quels 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.
- La déclaration de @style utilise les règles CSS que vous avez créées et les place dans le menu déroulant de l'éditeur de texte de campagne et vous permet d'appliquer des styles à votre texte de manière rapide et sélectionnée.
- @thème : 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 CSS :
- @ thème : permet de définir la couleur d'arrière-plan de l'e-mail.
- @thème corps : doit figurer dans la section principale de la campagne relative à la couleur du texte et aux polices.
- @ Entre en-tête : doit être utilisé pour la couleur d'arrière-plan de la section « Afficher dans ce navigateur » ou laissée entièrement
- @thème titre : 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.
- @thème pied de page : doit figurer sur la section du pied de page du modèle pour la couleur d'arrière-plan.
Déclarations de styles
Utilisez la déclaration suivante pour définir un style modifiable unique dans une zone de votre modèle.
/*@modifiable*/ propriété : valeur ;
Les blocs de déclaration de style partage une structure de base, quel que soit le style de l'élément cible et la déclaration de /*@modifiable*/déclaration de style à modifier dans une zone donnée. Dans cet exemple, un tag H1 est déclaré :
/** * @onglet Page *
@la section principale *
@style en-tête 1 */h1Sur le même sujet
- Gérez le badge Mailchimp sur votre page de destination.de QuickBooks
- Modifiez et testez les styles mobiles dans votre campagne par e-mailde QuickBooks
- Afficher et modifier l'apparence des sections dans les e-mails et les pages de destinationde QuickBooks
- Effacer les styles dans votre campagnede QuickBooks