Réaliser des patrons

Quelques patrons sont proposés dans la distribution de spip listes

-  Envoi de l’introduction des derniers articles
-  Envoi des derniers messages publiés dans les forums

 [1]

Pour réaliser un patron, écrire un squelette spip avec des boucles et du html simple.

ne pas mettre les balises <html> <head > <body> dans le patron , ces balises seront rajoutées au moment de l’envoi.

Attention également de ne pas envoyer des messages trop lourds : limitez vous à 20ko par exemple.

Pour les images et les documents joints, utilisez des adresses absolues (avec les http://...).

Les images et documents joints ne sont pas envoyés dans le mail, mais chargés depuis l’Internet à l’ouverture du mail.

Afficher des images avec des adresses absolues

Spip listes va convertir vos éventuelles adresses relatives en adresses absolues (http://...) grâce au filtre liens_absolus().

Vous pouvez donc utiliser #LOGO_ARTICLE, #URL_ARTICLE etc dans vos patrons.

Vérifiez bien que toutes les urls sont absolues pendant la prévisualisation.

Si dans certains cas les adresses ne sont pas absolues, ajoutez #URL_SITE_SPIP/ ou ajouter le filtre |url_absolue.

Le critère {age_relatif<=0} pour les courriers automatiques

Dans le code des squelettes, le critère {age_relatif<=0} permet de n’envoyer que les éléments publiés depuis la date passée dans le contexte (la date du dernier envoi pour les messages automatiques).

Balises et Filtres pour les courriers automatiques

-  (#DATE : affiche « depuis le » avant le nombre de jours précédant un envoi.
-  #DATE_MODIF_SITE : date de dernière mise à jour du site
-  #DATE_MODIF_FORUM : date du dernier messsage de forum

Utiliser des styles CSS en ligne style="..."

N’oubliez pas que les messages html vont être lus par des clients de messagerie (et non par des navigateurs). Aussi, vos messages et patrons ne doivent contenir que des balises html simples et les styles css dans les balises html (<div style="styles ici">). Pour les images, utilisez des adresses absolues (exemple : http://mon-site.fr/puce.png). Par défaut, les images et documents joints ne sont pas envoyées avec le message, mais chargés depuis l’Internet à l’ouverture du courriel.

Voir les exemples d’utilisation dans les patrons fournis avec spip-listes.

Si vous avez réalisé des patrons, vous pouvez les proposer sur cette page du site : Bourse aux patrons

Vous pouvez ajouter dans le repertoire /patrons autant de squelettes spip que vous voulez.

Ces squelettes vous seront proposés dans la liste des patrons au moment de la rédaction d’un message dans SPIP-listes.

Références

Voici des conseils pour réaliser des mails HTML en tenant compte des clients mails qui le recevront

Emails HTML, Dompter la bête (fr)

Et des tests par clients mails

http://www.campaignmonitor.com/blog... (en)

http://www.campaignmonitor.com/blog... (en)

Notes

[1Voir également les patrons proposés par les utilisateurs.

Discussion

17 discussions

  • 5
    Charles

    Bonjour,

    Tout d’abord félicitations pour cette source TERRIBLEMENT efficace.

    Je l’utilise et j’en suis fan.

    Une question seulement.

    #ENV{message}

    Je n’arrive pas à faire prendre en compte les raccourcis html de spip, le gras, les retours à la ligne , l’italic, les liens. tout apparait en string sans remplacer par les bonnes balises html, avant, et après la meuleuse.

    Que faire ?
    Merci d’avance beaucoup

    Cordialement
    Charles

    • essaie avec [(#ENV{message}|propre)]

      attention, si tu veux avoir un patron texte seul, il faut faire [(#ENV{message}|texte_brut)]

    • charles

      au fait, merci. Ca marche

    • Bonjour,
      Moi j’ai crée mon propre patron, et je veux placer le #ENV{message} ou je veux mais impossible, quoi que je face ça reste carrément en haut....y’a til une solution ?? Merci

      PS : je l’utilise sous forme d’introduction avant de lister les articles de mon patron

    • spontanément, je dirais un pb de cache. Tu a vidé le cache SPIP avant chaque test ? un patron de lettre, a priori, est juste un squelette normal...

    • Merci pour votre réponse,
      Pourtant j’ai vidé le cache, la preuve toutes les modifications faites au niveau des boucles s’affichent correctement, mais le #ENV{message} reste afficher tout a fait en haut bien que je l’ai placé après mon bandeau....C’est bizarre je sais ! je me dis peut être on la fixé quelque part avec le style, mais j’arrive même à mettre la main dans le fichier ou il se trouve.....

    Répondre à ce message

  • 6

    Bonjour !

    J’ai un problème avec l’affichage du logo des articles
    (#LOGO_ARTICLE||abs_url) fonctionne
    mais
    (#LOGO_ARTICLE||abs_url|image_modifier120,0)
    échoue car le directory /ecrire/ est introduit dans le chemin de l’image qui est inclus dans le message.

    Pour vérifier ma syntaxe, j’ai recopié mon patron dans un squelette qui, lui, fonctionne correctement avec la succession des 2 filtres.
    Qui peut me signaler le détail qui tue et que j’ai oublié ?
    S’il s’agit d’un bug, je tiens les fichiers concernés à disposition des développeurs.

    • Désolé, mais le patron article=2.html (dossier patrons) donne un bon résultat pour le logo de l’article.
      Et je ne connais pas le filtre image_modifier.
      Bon courage.

      Svp : ne pas utiliser la messagerie pour signaler un pb. Le forum ici est bien mieux adapté à ce genre de requetes. Et tout le monde en profite (en fouillant, avec du courage ;-)

      Merci.

    • Je ne pense pas être le seul intéressé à l’adaptation de la taille des LOGO dans ses messages.

      En pièce jointe le résumé et l’état de mon essais de contournement.
      Merci à qui maîtrise PHP de me débloquer !

      Et, comme disait le tonton de Boris Vian (un fameux geek à son époque) :
      “Y a quelque chose qui cloche là-dedans”
      J’y retourne immédiatement”

    • La réponse :
      inverser l’ordre des filtres et placer ||rediure_image avant |abs_url  !

    • Redimensionner les LOGO et autres images .

      Après essais, demandes et consultations, il apparaît que le redimensionnement des LOGO dans les patrons est tout simple, suivant :
      [( #LOGO_ARTICLE||image_reduire{x,y}|abs_url )]
      Attention : double barre et ordre des filtres impératif !

      De même, il est possible de limiter la largeur des images incluses dans un article, suivant :
      [( #TEXTE|image_reduire{x,y}|liens_absolus )]
      Là aussi, l’ordre des filtres est impératif.

    • Christophe Noisette

      bonjour
      chez moi, après 35 essais, j’ai découvert que la formule ne fonctionnait que si on utilisait deux barres entre les filtres image_reduire et abs_url... Ainsi, cela donne...[(#LOGO_ARTICLE||image_reduire120||abs_urls)]
      je vous le signale car j’ai passé des heures pour une simple barre, je ne sais même pas pourquoi j’ai pensé à en ajouter une ici...

    • Christophe Noisette

      Non j’ai dit une connerie... déjà il y a un s en trop à abs_url...et ensuite les deux barres ne changent rien. J’ai réussi (comment ? Mystère) à voir une fois les logos. Est-ce qu’il y a une question de temps, de cache ?

    Répondre à ce message

  • Bonjour

    Les messages reçus ne s’affichent pas suivant le style css configuré dans mon squelette que j’ai fait patron. comment faire ?

    Répondre à ce message

  • 2

    Pour par exemple le patron « nouveautes » il y a-t-il un mode d’emploi ou une explication du fonctionnnement de la ligne 18 ? :

    La balise suivante est utile pour generer un message vide (non envoye) si il n’y a pas de nouveautes depuis la date indiquee
    * [ Affichage ici (#DATE_MODIF_SITE|strtotime|>(#ENVdate| ?’ ’,’’) Affichage ici ]

    pour l’instant celà dysfonctionne, une fois sur deux il y a un message « vide » qui part pour la diffusion contenant et ne contenant que :

    « voici les nouveautés publiées sur le site www. depuis x jours »

    et donc pas d’article , mais le message est diffusé quand même et il ne peut être considéré que comme intempestif et inutile par les lecteurs...

    par avance merci

    • et donc dans :

      [ Affichage ici (#DATE_MODIF_SITE|strtotime|>(#ENVdate| ?’ ’,’’) Affichage ici ]

      1/ que signifie « Affichage ici » ?
      2/ où faut-il mettre le premier [ ?
      3/où faut-il mettre le dernier ] ?
      4/où faut-il placer exactement [ (#DATE_MODIF_SITE|strtotime|>(#ENVdate| ?’ ’,’’) ]
      dans le code du patron ?

    • J’ai les mêmes interrogations que toi.
      As-tu ru des réponses ?

      dd

    Répondre à ce message

  • 2

    Je cherche à ajouter un marqueur incrémental dans une newsletter. Je pensais reposer sur #ID_COURRIER mais il ne semble pas accessible dans le courrier sans y mettre une boucle_(COURRIER), et là encore il faut que je puisse indiquer que c’est le courrier en cours qui m’intéresse.

    Est-ce que quelqu’un sait comment avoir accès à l’id_courrier courant dans un patron ?

    (j’espère avoir réussit à être clair)

    • La question se pose aussi dans le cas de l’édition d’un bulletin périodique :
      comment les numéroter automatiquement ?

      Dans mon cas d’espèce j’ai trouvé un pis-aller en utilisant comme éditorial du bulletin le texte du dernier article associé à un mot clé « Editorial »". La numérotation se détermine alors à partir du nombre d’articles associés à ce mot clef.
      Merci à ceux qui m’indiqueront un procédé moins fragile.

    • Les variables de personnalisation permettent ce genre de choses.
      Voir l’aide en ligne, § Personnaliser le sujet de votre message

    Répondre à ce message

  • ...la suite :) disait que jai rajouté une image de cette façon :

    <table border=0 style="background:url(http://www.monsite.com/images/top.jpg);">

    L’image apparait bien dans la prévisualisation sur spiplistes avant d’envoyer le mail, mais une fois le mail arrivé dans outlook les images en background n’apparaissent pas. Pourquoi ??

    Répondre à ce message

  • Bonjour, j ai créé u patron avec des tableaux html afin d’éviter les css. J’ai ajouté à une table une image de fond ainsi :

    Répondre à ce message

  • 1

    J’ai réalisé un gabarit pour ma future newsletter, en HTML et boucles SPIP, dans les règles de l’art, appelé newsletter.html et sagement rangé dans mon dossier « squelettes ». Que dois-je faire maintenant ? Y’a-t-il un tuto qui explique ça ?

    Répondre à ce message

  • Charles

    Merci beaucoup pour ta réponse.
    C’est quiet parfait sauf pour le lien, il me le laisse comme ca.

    [Mon lien html->www.google.com]

    mais le 3w marche et devient un lien.
    Peut-etre ne pas compter sur le raccourci spip des liens tt simplement ?

    En tout cas merci beaucoup j’ai déjà le bold et l’italique

    Répondre à ce message

  • 2

    Bonjour,

    j’utilise l’attribut backcground pour afficher mes images et quand je prévisualise mon patron SPIP-liste rajoute ../ devant le chemin de l’image, comment changer ce comportement ?

    De plus les filtres abs_url n’a aucun effet sur le traitement des images via cet attribut.

    Comment faire ?

    Merci Arnaud

    • J’ai résolu mon problème en mettant le chemin en dur mais je rencontre un autre problème qui concerne le lien de désabonnement, comment peut on générer ce lien ?

      Quand on réalise un test avant envoi ce lien est généré au lieu du pied de page normale, quel est le fichier qui est inclu ?

      merci Arnaud

    • Bonjour Stanislas,

      Comment peut-on styler le lien de désabonnement de spip liste ? Il est d’un vilain bleu et sort du graphisme centrée de notre news-letter ce qui ne rend pas très beau l’ensemble.

      Y a-t-il une balise pour l’ajouter dans un pied de courrier ?

    Répondre à ce message

Ajouter un commentaire

Avant de faire part d’un problème sur un plugin X, merci de lire ce qui suit :

  • Désactiver tous les plugins que vous ne voulez pas tester afin de vous assurer que le bug vient bien du plugin X. Cela vous évitera d’écrire sur le forum d’une contribution qui n’est finalement pas en cause.
  • Cherchez et notez les numéros de version de tout ce qui est en place au moment du test :
    • version de SPIP, en bas de la partie privée
    • version du plugin testé et des éventuels plugins nécessités
    • version de PHP (exec=info en partie privée)
    • version de MySQL / SQLite
  • Si votre problème concerne la partie publique de votre site, donnez une URL où le bug est visible, pour que les gens puissent voir par eux-mêmes.
  • En cas de page blanche, merci d’activer l’affichage des erreurs, et d’indiquer ensuite l’erreur qui apparaît.

Merci d’avance pour les personnes qui vous aideront !

Par ailleurs, n’oubliez pas que les contributeurs et contributrices ont une vie en dehors de SPIP.

Qui êtes-vous ?
[Se connecter]

Pour afficher votre trombine avec votre message, enregistrez-la d’abord sur gravatar.com (gratuit et indolore) et n’oubliez pas d’indiquer votre adresse e-mail ici.

Ajoutez votre commentaire ici

Ce champ accepte les raccourcis SPIP {{gras}} {italique} -*liste [texte->url] <quote> <code> et le code HTML <q> <del> <ins>. Pour créer des paragraphes, laissez simplement des lignes vides.

Ajouter un document

Suivre les commentaires : RSS 2.0 | Atom