Lorsqu’il y a quelques temps, je vous présentais des services de création (YLMP et MailChimp) et des modèles gratuits de newsletters (ici et là), je ne manquais pas de vous rappeler que pour créer une bonne newsletter, il faut aller à l’encontre des bonne pratiques du web.
Il faut notamment embarquer tout le code CSS de mise en forme dans le code HTML lui-même. Sans cela, votre newsletter pourrait apparaitre dégradées (sans images par exemple) dans certains clients email, car elle serait mal interprétées.
Et bien souvent, le contenu que l’on souhaite mettre dans sa newsletter est déjà présent sur un site web ou un blog. Quoi de plus naturel, alors, que de copier la source (HTML) de la page en question pour en récupérer le contenu ?
Sauf que si vous faite cela, vous avez 99% de chance pour que votre résultat final ne ressemble pas beaucoup à la page source. Tout simplement parce que le code CSS se trouve dans un fichier externe (et c’est tant mieux).
Css inliner Tool est un webware qui permet d’inliner le code CSS externe dans le source HTML d’une page.
CSS Inliner Tool va chercher les styles dont vous avez besoin pour chaque balise HTML et enrichira celles-ci avec les styles de vos feuilles CSS externes. De longues heures de travail rébarbatif gagnées !
Voici un test avec la Home de Google.fr, qui possède un code simple et donc parlant Je récupère simplement la source HTML (clic droit–> Code source de la page sur Firefox) et je le colle telle quelle dans l’interface de CSS Inliner Tool.
Si vous regardez bien le code, vous pouvez voir les styles embarqués. Ce serait la même chose avec une CSS externe.
<style> ....</style>
Vous pouvez également choisir de supprimer les styles dans le résultat final, en cochant la case adéquate plus bas.
En cliquant sur le bouton Convert It!, CSS Inliner Tool va automatiquement placer les bons styles directement dans les balises HTML en utilisant un attribut styles.
L’exemple ici est trivial tant la page de Google est déjà spéciale et optimisée.
Je pense en tout cas que cet outil gratuit peut faire gagner un temps fou.
N’oubliez pas de lire mon article sur comment créer un service de newsletter avec WordPress.
Inlinez vos styles dans vos newsletters