SPIP-Contrib

SPIP-Contrib

عربي | Deutsch | English | Español | français | italiano | Nederlands

279 Plugins, 195 contribs sur SPIP-Zone, 115 visiteurs en ce moment

Accueil > Interactivité, échanges > Email, Newsletters, listes de diffusion > SPIP-Listes > Réaliser des patrons

Réaliser des patrons

3 novembre 2008 – par BoOz, Stanislas – 36 commentaires

6 votes

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.

Retour en haut de la page

Tout afficher

Vos commentaires

  • Le 11 mars 2010 à 18:39, par Charles En réponse à : Réaliser des patrons

    Bonjour,

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

    Je l’utilise et j’en suis fan.

    Une question seulement.

    1. #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

    • Le 11 mars 2010 à 18:49, par Maïeul En réponse à : Réaliser des patrons

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

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

    • Le 14 avril 2010 à 13:08, par charles En réponse à : Réaliser des patrons

      au fait, merci. Ca marche

    • Le 23 juillet à 21:09, par  ??? En réponse à : Réaliser des patrons

      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

    • Le 24 juillet à 09:01, par Maïeul En réponse à : Réaliser des patrons

      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...

    • Le 25 juillet à 11:21, par  ??? En réponse à : Réaliser des patrons

      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

  • Le 6 mars 2011 à 19:46, par JPG En réponse à : Réaliser des patrons

    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.

    • Le 18 mars 2011 à 17:43, par Paladin En réponse à : Réaliser des patrons

      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.

    • Le 20 mars 2011 à 05:04, par JPG En réponse à : Réaliser des patrons

      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”

      JPEG - 111.7 ko
    • Le 30 mars 2011 à 07:19, par JPG En réponse à : Réaliser des patrons

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

    • Le 13 avril 2011 à 21:39, par ? En réponse à : Réaliser des patrons

      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.

    • Le 1er octobre 2013 à 18:32, par Christophe Noisette En réponse à : Réaliser des patrons

      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...

    • Le 1er octobre 2013 à 18:56, par Christophe Noisette En réponse à : Réaliser des patrons

      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

  • Le 19 juillet 2012 à 12:22, par Lin En réponse à : Réaliser des patrons

    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

  • Le 28 mai 2010 à 13:51, par vinz En réponse à : Réaliser des patrons

    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

    • Le 28 juin 2010 à 12:04, par vinz En réponse à : Réaliser des patrons

      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 ?

    • Le 30 décembre 2011 à 18:54, par DD En réponse à : Réaliser des patrons

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

      dd

    Répondre à ce message

  • Le 21 octobre 2010 à 10:57, par Julien Falconnet En réponse à : Réaliser des patrons

    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)

    • Le 6 mars 2011 à 22:04, par JPG En réponse à : Réaliser des patrons

      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.

    • Le 18 mars 2011 à 17:35, par Paladin En réponse à : Réaliser des patrons

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

    Répondre à ce message

  • Le 13 octobre 2010 à 12:28, par fd En réponse à : Réaliser des patrons

    ...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

  • Le 13 octobre 2010 à 02:51, par fd En réponse à : Réaliser des patrons

    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

  • Le 30 août 2010 à 13:12, par tetue En réponse à : Réaliser des patrons

    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 ?

    • Le 18 septembre 2010 à 22:19, par DD En réponse à : Réaliser des patrons

      Je pense qu’il faut mettre ton gabarit dans squelettes/patrons/

    Répondre à ce message

  • Le 11 mars 2010 à 18:58, par Charles En réponse à : Réaliser des patrons

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

    1. [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

  • Le 20 août 2009 à 12:21, par Arnaud En réponse à : Réaliser des patrons

    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

    • Le 20 août 2009 à 14:54, par Arnaud En réponse à : Réaliser des patrons

      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

    • Le 23 février 2010 à 13:25, par ? En réponse à : Réaliser des patrons

      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

Répondre à cet article

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 Les choses à faire avant de poser une question (Prolégomènes aux rapports de bugs. )
Ajouter un document

Retour en haut de la page

Ça discute par ici

  • Liens explicites

    15 juin 2011 – 37 commentaires

    Styles et pictos explicitant les liens du site : documents à télécharger, liens externes, mailto, etc. (avec ouverture possible en nouvelle fenêtre). Les liens pointent souvent vers d’autres pages HTML mais aussi vers d’autres types de documents et (...)

  • Hébergeurs payants

    24 janvier 2009 – 13 commentaires

    Cet article en encore à réorganiser / scinder en deux selon le type (mutualisé ou pro). À priori, SPIP fonctionnera sur tout hébergeur payant traditionnel (qui propose PHP et MySQL). Merci de ne pas mettre des remarques du genre « l’hébergeur truc (...)

  • AnythingSlider version 2.x.x

    19 décembre 2012 – 60 commentaires

    Ce plugin permet d’utiliser aisément le script AnythingSlider dans ses squelettes. ATTENTION : plugin pour utilisateur averti. Note : le numéro de version du plugin est différent du numéro de version du script embarqué. Note de version Cette (...)

  • Comarquage Service public Flux v2

    9 décembre 2010 – 36 commentaires

    Le co-marquage s’adresse aux services de l’état et administrations locales, il permet aux sites web locaux de rediffuser les contenus et les services offerts par le portail de l’administration française, Service-public.fr. Ce plugin est une (...)

  • Associaspip 2.1

    25 novembre 2012 – 97 commentaires

    Plugin de gestion de petites associations avec gestion des : membres (liste et statut, cotisations, relances), dons, ventes associatives, participations aux activités, prêts. Fonctionnalités Associaspip permet la gestion d’une association en (...)