Online-Dokumentation (Beta) zu CMS Core/Grid 12.x

Hinweis:

Sie befinden sich in der Online-Dokumentation einer älteren CMS-Version!

>>> Dokumentation CMS 14.x <<<

INFO: Administrator Version 12.x Zusatzmodul bis Core Prof. 3 Projekte

Newsletter Layout - Darstellung anpassen

Weblication® CMS Newsletter nutzen zur Erstellung die gleichen Techniken, welche auch für die Webseiten verwendet wird. Für die Newsletter-Darstellung besteht ein eigenes HTML Seiten-Template und eingebettete CSS-Definitionen.

Die Darstellung des Weblication® CMS Newsletter kann somit individuell über Templates, Elemente und CSS angepasst werden.

Das Newsletter HTML Seiten-Template

Die BASE bzw. das Newsletter-Formular Weblic® liefert die für das Newsletter-Modul erforderlichen Dateien standardmäßig mit einem vordefinierten Seiten-Template und eingebettetem CSS aus. Einen Auszug aus diesem Seiten-Template finden Sie nachfolgend.

Auszug aus dem Newsletter Seiten-Template /IhrGlobalesProjekt/wGlobal/layout/templates/newsletter/standard.wDocument.php

<?php $version="1.0"; $encoding="UTF-8"; ?>
<?php exit; ?>
<xsl:stylesheet xmlns="http://www.w3.org/1999/xhtml" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:xslIfIsInEditor="http://www.w3.org/1999/XSL/TransformIfIsInEditor" xmlns:wslPre="http://weblication.de/5.0/wsl" xmlns:wslPost="http://weblication.de/5.0/wsl" xmlns:wslEditorPre="http://weblication.de/5.0/wsl" xmlns:wsl="http://weblication.de/5.0/wsl" xmlns:wd="http://weblication.de/5.0/wd" xmlns:php="http://php.net/xsl" exclude-result-prefixes="xslIfIsInEditor wd wslPre wsl php" version="1.0">
<!-- Source: base.standard, 002.001.262.000 (2014-07-31 22:09:34)-->
  <xsl:output method="xml" indent="yes" omit-xml-declaration="no" encoding="UTF-8"/>

  <!--
    ... Hier werden diverse Dateien für System-Parameter, Funktionen, Templates, etc. eingebunden (siehe Standard-Auslieferung) ...
  -->
  
  <!-- Definition der Darstellung -->
  <xsl:template match="/wd:document" wChecksum="5dd8c1d89219c92fb5bccace69b6be93">
  
    <!-- Breite des Inhaltsbereichs -->
    <xsl:variable name="blockMainWidth">520</xsl:variable>  
    
    <!-- Setzt den Ansichtsmodus auf Newsletter-->
    <wslPre:php>wEnv::setGlobalValue('wViewMode', 'newsletter');</wslPre:php>
    
    <!-- Setzt die Breite des Inhaltsbereichs (blockMainWidth - seitliches Padding) -->
    <xsl:value-of select="php:functionString('wEnv::setGlobalValue', 'innerWidthCurrentElement', format-number(number($blockMainWidth) - 40, '####'))"/>    
    
    <html xmlns="http://www.w3.org/1999/xhtml" lang="de">
      <head>             
        <title>Newsletter</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <meta name="Generator" content="Weblication CMS" />
        <meta name="Keywords" content="{wd:extension/wd:meta/wd:keywords/text()}"/>
        <meta name="Description" content="{wd:extension/wd:meta/wd:description/text()}"/>
        <meta name="Robots" content="{/wd:document/wd:extension/wd:meta/wd:robots/@value}"/>  
        
        <xsl:if test="$wIsLoggedIn">
          <link rel="stylesheet" type="text/css" href="/weblication/grid5/gui/styles/wgl.css"/>
        </xsl:if>
        
        <xsl:if test="$wIsInEditor">
          <link rel="stylesheet" type="text/css" href="/IhrGlobalesProjekt/wGlobal/layout/styles/editor.css"/>
        </xsl:if>

        <style type="text/css">
          body                  {background-color:#f0f0f0;}
          /* ... Hier werden die CSS-Definitionen für den Newsletter angegeben ... */
                             
        </style>               
        <wsl:includeJsRessources/>
      </head> 
      <body>                   
        <!--
          ... Hier wird der HTML-Body des Newsletters definiert (siehe Standard-Auslieferung) ...
        -->
      </body>
    </html>
  </xsl:template>
  
  <!-- Hier werden die Inhaltselemente eingebunden -->
  <xsl:template match="wd:group[@id='content1']" wChecksum="e55897c556b81d11920f89a99545b88d">
    <!-- web:group:start name="newsletter" caption="" display="user" itemsExclude="" itemsInclude=""-->
    <xsl:apply-templates select="wd:item[php:functionString('wOutput::isViewableItem', ., $wViewMode)]"/>
    <!-- web:group:stop -->
  </xsl:template>   
  
</xsl:stylesheet>

Individuelle Anpassungen können Sie direkt in diesem Newsletter HTML Seiten-Template vornehmen.

Für die Newsletter HTML E-Mail nutzt das Template im Standard eine HTML-Tabelle innerhalb des Body. In diese wird in der ersten Tabellenzeile das Logo eingelesen und darunter die für den Newsletter definierten Elemente (Text, Bild, etc.).

Auswahl der Strukturelemente für Newsletter festlegen

Welche Strukturelemente für die Newsletterbearbeitung zur Verfügung stehen, wird über die contentGroup-Angabe in den jeweiligen Mastertemplate-Elementen festgelegt.

Als Beispiel wird nachfolgend ein Auszug aus dem Mastertemplate-Element des Bild-Weblics®/Elementes angeführt, bei dem die Gruppe für den Newsletter ("newsletter") gesetzt ist (Pfad des Mastertemplate-Elementes: /IhrGlobalesProjekt/wGlobal/mastertemplates/items/picture.standard.wItemMastertemplate.php).

Auszug aus dem Mastertemplate-Element "Bild"

...
    <wd:mastertemplate>
      <wd:contentGroup name="content1"/>
      <wd:contentGroup name="content2"/>
      <wd:contentGroup name="content3"/>
      <wd:contentGroup name="content4"/>
      <wd:contentGroup name="content5"/>
      <wd:contentGroup name="content6"/>
      <wd:contentGroup name="content7"/>      
      <wd:contentGroup name="container"/>
      <wd:contentGroup name="formContainer"/>
      <wd:contentGroup name="newsletter"/>
    </wd:mastertemplate>
...
Erweitern Sie die für den Newsletter verfügbaren Strukturelemente mit Bedacht! Die unterschiedlichen Mail-Programme definieren HTML E-Mails teilweise sehr unterschiedlich (siehe auch Artikel in den weiterführenden Informationen "Tipps zum Versenden ..."). Testen Sie eine Newsletter HTML E-Mail vor richtigem Versand an die gewünschten Empfänger daher am besten immer im Vorfeld über eine Test-Empfängerliste und unterschiedliche E-Mail Clients!

HTML-Struktur einer Newsletter E-Mail beeinflussen

Sie können auf die HTML-Struktur der zu versendenden Newsletter HTML E-Mail unmittelbar Einfluß nehmen. Hierzu passen Sie innerhalb des oben genannten Newsletter HTML Seiten-Templates das HTML für die Ausgabe an. Standardmäßig liefern wir dies als HTML-Tabelle aus, da diverse Mail-Programme mit Tabellen derzeit noch am besten umgehen.

CSS einer Newsletter E-Mail beeinflussen

Sie können auf die Formatierung  der zu versendenden Newsletter HTML E-Mail unmittelbar Einfluß nehmen. Hierzu passen Sie innerhalb des oben genannten Newsletter HTML Seiten-Templates die CSS-Definitionen für die Ausgabe an. Standardmäßig liefern wir diese für die wichtigsten Strukturelemente vordefiniert aus. Sie können diese nach Belieben anpassen und erweitern.

In der aktuellen Umsetzung des Newsletter-Modules setzen wir im HTML Seiten-Template für die Newsletter HTML E-Mail eine maximale Breite von 520 Pixel. Durch die max-width Angabe ist somit auch der Newsletter nach Responsive Webdesign (RWD) Gesichtspunkten umgesetzt. Sorgen Sie dafür, daß auch die Strukturelement (z.B. Bild, Container, etc.) in aktueller Weblic® Version installiert sind.


Powered by Weblication® CMS