Bandeau

Site de démonstration du jeu de squelettes ESCAL fonctionnant sous SPIP3 et mis à la disposition des Etablissements SColaires de l’Académie de Lyon... et de qui veut.

Personnaliser habillage infolettre

Etienne
le 12 janvier 2024
à 23:27
Rappel du sujet :

Bonjour,

Existe t-il un moyen de personnaliser facilement l’habillage d’une infolettre (plugin "newsletter") afin qu’elle adopte la charte graphique du site (couleurs, polices, disposition des éléments etc ...) ?
Mon infolettre informe des prochains événements organisés par l’association et j’aimerais que l’affichage des événements soit plus ou moins le même que celui de la page d’accueil du site.
Tout ça évidemment sans avoir à taper dans le css de spip ...

Merci merci !!
Etienne

Personnaliser habillage infolettre

Bonjour

Je ne me suis jamais penché sur ces infolettres. Je vais y regarder de plus près et essayer de proposer un gabarit qui reprend les css du site.

Personnaliser habillage infolettre

Peux-tu me donner des précisions quant au contenu de ton infolettre.
Une seul article ? Plusieurs ? Une ou des rubriques ?

Personnaliser habillage infolettre

Et quel gabarit utilises-tu ?

Personnaliser habillage infolettre

Super, merci de te pencher dessus.

J’utilise le gabarit "nouveauté" du plugin newsletter dont j’ai adapté les boucles pour qu’il avertisse des événements à venir (plugin agenda). Ces événements sont liés à des articles. Ce sont les articles qui s’affichent. Potentiellement il peut y avoir plusieurs articles si plusieurs événements dans la période donnée.
Une infolettre informe des événements situés dans une plage de 21 à 28 prochains jours et une autre de ceux ayant lieu dans les 1 à 7 jours. (On informe trois semaines à l’avance et on rappelle quelques jours avant, aucune lettre ne part si aucune de ces deux conditions n’est remplie.)
Le site c’est peupleetculturecantal.org

Boucle de l’infolettre "trois semaine à l’avance" :

<BOUCLE_nouveautes(EVENEMENTS){!evenement_passe}{par date_debut}{age<=-21}{age>=-28}>
                <BOUCLE_prochains(ARTICLES){id_evenement}{tri #CONFIG{escal/config/ordrealaune,date}, inverse} >
                <tr xmlns="">
                        <td style="margin-bottom:0;line-height:1.4em;">

                                <h2 style="margin:1em 0 3px 0;">
                                        <a style="font-family:Verdana, Arial, Helvetica, sans-serif;font-size:20px;font-weight: bold "
                                           href="#URL_ARTICLE" class="#EDIT{titre}">
                                                [(#LOGO_ARTICLE_NORMAL|image_reduire{100,200}
                                                |inserer_attribut{alt,''}
                                                |inserer_attribut{border,'0'}
                                                |inserer_attribut{style,'margin: 0;margin-left: 1em;margin-bottom: 1em;float:right;padding: 0;max-width:
                                                100%;border: 0;height: auto;line-height: 100%;outline: none;text-decoration: none;'}
                                                |inserer_attribut{class,logo})]
                                                #TITRE</a></h2>
                                [                                
                                <div class='soustitre-article' style="margin-bottom: 2em;">(#SOUSTITRE)</div>
                                ]
                                
                                <p
                                        style="font-size:14px;color:#555;margin:9px 0 3px 0;font-family:Georgia,Helvetica,Arial,Sans-Serif;line-height:140%;font-size:14px;">
                                        <strong>Le [(#DATE_DEBUT|nom_jour)] [(#DATE_DEBUT|affdate)]
                                [(#HORAIRE|=={oui}|?{&agrave; [(#DATE_DEBUT|heures)]h[(#DATE_DEBUT|minutes)],''})]</strong></p>
                                
                                [
                                <strong><div class='chapo' style="margin-bottom: 2em;">(#CHAPO)</div></strong>
                                ]
                                [
                                <div class='descriptif-article' style="margin-bottom: 2em;">(#DESCRIPTIF)</div>
                ]
                                
                        </td>
                </tr>
                </BOUCLE_prochains>
                </BOUCLE_nouveautes>

Merci encore !

Personnaliser habillage infolettre

Peux-tu m’envoyer le fichier complet de ton gabarit ?

Personnaliser habillage infolettre

Ah et si tu pouvais aussi me donner un aperçu de ton infolettre actuelle et un aperçu de ce que tu voudrais.

impossible de poster

Désolé je ne peux plus poster sur fil de discussion. J’ai essayé 5 fois aujourd’hui. Donc je t’ai répondu par mail.

impossible de poster

J’ai l’impression que c’est quand je met une PJ au post ou que le message est trop long (j’essaie de mettre tout le code de mon gabarit dans le post) que ça ne part pas.
Donc je ne peux rien t’envoyer de ce que tu me demandes, désolé.

impossible de poster

Non c’est normal. Comme indiqué au dessus de la zone de texte du message : "Attention ! Si votre message contient un lien, il devra être validé par le webmestre."
Mais l’envoi direct par mail me va aussi, d’autant que dans ce forum, tu ne peux joindre que des images.

Personnaliser habillage infolettre

La suite de l’échange s’est donc déroulée par mail.
Je me retrouve avec une infolettre qui correspond exactement à ce que je souhaitais ; grand merci !
Malheureusement elle a été faite manuellement et il semble très compliqué de faire générer automatiquement par Escal une infolettre qui corresponde à la charte graphique d’un site.
(On s’en fout, Jean-Christophe est tellement réactif ! 😄 )

Réagir au sujet
Qui êtes-vous ?
Votre message

Pour créer des paragraphes, laissez simplement des lignes vides.
Attention ! Si votre message contient un lien, il devra être validé par le webmestre. Inutile de le poster à nouveau ;-)

Ajouter un document

Plan du site Contact Mentions légales Données personnelles et cookies Espace privé squelette RSS

2009-2025 © Escal - Tous droits réservés
Haut de page
Réalisé sous SPIP
Habillage ESCAL 5.2.14