Accueil » Pro » Emailing » Newsletters » Concevoir un template de newsletter responsive

Concevoir un template de newsletter responsive

Votre newsletter est-elle adaptée au mobile ? Pour la rendre responsive, il va vous falloir l’optimiser avec des feuilles de style CSS. Elles vous permettront d’adapter la newsletter à la taille de l’écran du destinataire.

En l’occurrence, ce sont les Media Queries du CSS 3, et la balise @media, qui vont être mise en oeuvre. On peut par exemple forcer la largeur d’un tableau ou cacher des cellules via ce code :

@media only screen and (max-device-width: 480px) {

table[class=table], td[class=cell] { width: 320px !important;}
td[class=hide] { display:none !important;}

}
  • screen : s’adresse aux terminaux avec écran. Notez que la majorité des mobiles se considèrent comme média screen (et non handheld comme souhaité).
  • device-width : dimension en largeur du périphérique
  • !important : hack permettant d’imposer les valeurs indiquées, quelles que soient les spécifications CSS ultérieures.
Précédent :

Créer une newsletter au format HTML

Suivant :

Envoyer un e-mail au format MIME multipart/alternative

Nous vous recommandons également :

Bénéficiez du soutien de la communauté Arobase.org dans le forum Emailing

Abonnez-vous à Arobase.org

Messageries, logiciels, applications, services : Arobase.org explore l'univers du courrier électronique. Pour suivre l'actualité de l'e-mail et recevoir nos trucs & astuces, rejoignez-nous sur les réseaux sociaux et abonnez-vous à notre newsletter mensuelle.

Postez un commentaire

Vous voulez donner votre avis ou apporter une précision ? Laissez-nous un commentaire !
Attention : si vous avez un problème particulier à résoudre, cherchez de l'aide et attendez une réponse rapide et personnalisée, nous vous conseillons de vous rendre de préférence dans le forum Emailing.

Votre adresse email ne sera pas publiéeLes champs requis sont surlignés *

*

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.

Au fait, vous aussi, vous pouvez afficher votre propre avatar dans les commentaires.


Toute l'actu de l'e-mail,
des astuces et des conseils pratiques
chaque mois dans votre boîte aux lettres.

Abonnez-vous à la lettre d'Arobase.org !

Votre adresse ne sera communiquée à aucun tiers. Promis !        En savoir plus