Plugin Lettre d'information - Intégration graphique - v1.6.0 a v1.9.0

Dimension: px

Commencer à balayer dès la page:

Download "Plugin Lettre d'information - Intégration graphique - v1.6.0 a v1.9.0"

Simon Poulin
il y a 7 ans
Total affichages :

1 Plugin Lettre d'information - Intégration graphique - v1.6.0 a v1.9.0 Créer un gabarit de lettre d'information Exemple de gabarit pour la version HTML (Fichier template.xsl) Exemple de gabarit pour la version HTML (Fichier template-text.xsl) Personnalisation avancée Insérer un sommaire automatique Lien pour se désabonner à lettre d'information Lien pour voir la lettre d'information en ligne Créer un modèle de lettre d'information Exemple Cette page est destinée aux intégrateurs ayant un minimum connaissances en HTML, CSS, XML, XSL, I18N. Créer un gabarit de lettre d'information Ce plugin nécessite l'integration graphique d'au moins un gabarit pour la lettre d'information. Pour chaque gabarit, vous devez créer des feuilles de styles (fichiers xsl) permettant de générer la lettre d'information aux formats HTML et texte: Un fichier template.xsl pour la version HTML Un fichier template-text.xsl pour la version texte. Ces fichiers doivent se trouver dans un répertoire de la charte graphique dansskins/[nom_skin]/newsletter/[nom_gabarit]/styleshe ets Exemple de gabarit pour la version HTML (Fichier template.xsl)

2 <xsl:template match="/"> <html> <head> <xsl:copy-of select="/html/head/node()"/> <link type="text/css" href="{$skincontext}/css/newsletter.css" rel="stylesheet" media="screen" /> </head> <body> <div id=" -box"> </body> </html> <div id="box"> <div id="header">  <div class="content"> <xsl:apply-templates select="/html/body/node()"/> <div id="footer">  Exemple de gabarit pour la version HTML (Fichier template-text.xsl)

3 <xsl:template match="/"> <html> <head> </head> <body>  <xsl:text> <xsl:text> <xsl:apply-templates select="/html/body/node()"/> <xsl:text> <xsl:text>  </body> </html> <xsl:template match="h3"><xsl:text>. <xsl:value-of select="normalize-space(text())"/><xsl:text> <xsl:template match="h2"><xsl:text> <xsl:value-of select="translate(text(), 'abcdefghijklmnopqrstuvwxyz', 'ABCDEFGHIJKLMNOPQRSTUVWXYZ')"/><xsl:text> <xsl:template match="p"><xsl:apply-templates/><xsl:text> <xsl:template match="br"><xsl:text> <xsl:template match="img">[<xsl:value-of <xsl:template match="a"><xsl:value-of select="text()"/><xsl:text> <xsl:value-of <xsl:template match="text()"><xsl:value-of select="normalize-space(.)"/> Personnalisation avancée

4 Insérer un sommaire automatique Le code XSL ci-après vous donne un exemple pour insérer de manière automatique un sommaire dans la lettre d'information. Le sommaire est ici constitué des titres des articles (H1) contenus dans la lettre d'information (provenant d'une insertion des dernières publication) et crée une ancre vers le résumé de l'article dans la lettre d'information. <xsl:template name="toc"> <xsl:if = = = 'articles']//h1"> <div id="toc"> <h2><i18n:text i18n:key="newsletter_top_of_content" i18n:catalogue="skin.{$skin}"/></h2> <xsl:call-template name="toc-list"/> </xsl:if> <xsl:template name="toc-list"> <ul> <xsl:for-each = = = 'articles']//h1"> <li> <a href="#go-to-{count(preceding::h1)}"><xsl:value-of select="text()"/></a> </li> </xsl:for-each> </ul> Lien pour se désabonner à lettre d'information Ajoutez le bout de code XSL suivant pour ajouter un lien de désinscription dans votre gabarit <a href="{$contextpath}/{$lang}/_plugins/newsletter/page/unsubscribe?token=#token#"><i18n :text i18n:key="newsletter_footer_mentions_4" i18n:catalogue="skin.{$skin}"/></a> Lien pour voir la lettre d'information en ligne Ajoutez le bout de code suivant pour ajouter un lien pour visualiser la lettre d'information en ligne <xsl:if test="$mail = 'true'"> <a href="{$contextpath}/_wrapped-content/{/html/head/meta[@name = 'contentname']/@content}.html"><i18n:text i18n:key="skin_newsletter_template_redirect_2" i18n:catalogue="skin.{$skin}"/></a> </xsl:if> Créer un modèle de lettre d'information

5 Un modèle de lettre d'information est un fichier XML utilisé pour guidé le webmaster lorsqu'il crée ou édite sa lettre d'information. Une lettre d'information nouvellement créée sera pré-remplie par ce modèle. Il y a un modèle pour chaque gabarit. Le fichier de modèle doit se trouver dans un répertoire de la charte graphique dans skins/[nom_skin]/ newsletter/[nom_gabarit]/model/model.xml Le fichier doit contenir la balise racine <model> suivi du code HTML qui sera ajouté dans le contennu de la lettre d'information au moment de la création. Voici un exemple simple de modèle:

6 <model lang="en"> <div id="newsletter-content"> <div class="center"> <div class="edito"> <h1>edito</h1> <p> Enter the edito here </p> <div class="articles"> <p>insert the last publication here</p> <div class="sidebar"> <div class="encart"> <h2>zoom</h2> <p>enter the zoom here.</p> <div class="encart last"> <h2>links</h2> <p>enter the new links here</p> </model> Exemple Voici ci-dessous un exemple de lettre d'information pouvant être intégrée et envoyée Sommaire automatique généré automatiquement (non éditable) en fonction des titres contenus dans le contenu (2) de la lettre d'information Contenu principal éditable de la lettre d'information. Ici a été insérée une sélection des derniers articles publiés sur le site (via la fonctionnalité d'insertion des dernières publication) Contenu libre éditable Pied de la lettre d'information contenu dans le gabarit (non éditable)

Documents pareils

Production de documents avec XSLT. Production de documents p.1/??

Production de documents avec XSLT Production de documents p.1/?? Sommaire La balise xsl:output comment choisir le format de sortie Création de nœuds dans un document créer des éléments et attributs Création