Anleitung OpenCms. Einfügen eines Template-Umschalters für den Wechsel zwischen mobiler und Dektop-Ansicht

Transkript

1 Anleitung OpenCms Einfügen eines Template-Umschalters für den Wechsel zwischen mobiler und Dektop-Ansicht

2 INHALT Inhalt...2 Möglichkeiten der Einrichtung...3 Kopf- bzw. Fußzeile...3 Der Template-Umschalter als eigenes Element...3 Konfiguration...4 Das Ergebnis...4 Mobile Webseite voreinstellen...5 Ansprechpartner bei Fragen und Problemen...6 OpenCms-Support...6 Wolfgang Koch-Tien, Internetadministration...6 Bei Fragen zu den Anleitungen:...6 Bei Schulungsanfragen Erzbistum Köln 17. August 2015 Monika Herkens & Kim Heineke

3 Der Template-Umschalter Der Template-Umschalter ermöglicht ein Umschalten von der Desktop-Ansicht auf eine mobile Version, sofern die Seiten entsprechend angelegt worden sind. Dabei wird einfach ein Link entweder in die Kopflinks oder in die Fußlinks integriert, der den Weg zur alternativen Ansicht ermöglicht. Als weitere Möglichkeit kann ein Template-Umschalter auch an einer beliebigen Stelle der Website platziert werden. Abbildung 1: Der Schalter in der Kopfzeile Abbildung 2: Eigens platzierter Template-Umschalter Alternativ wird in der Mobilversion der Text Zur Desktopversion angezeigt. MÖGLICHKEITEN DER EINRICHTUNG Kopf- bzw. Fußzeile Rufen Sie die Elementgruppe des Kopf- oder Fußbereichs auf und klicken dort direkt auf die Links in der Kopf- bzw. Fußzeile. (Beim Kopf-Element müssen Sie dazu den Direct-Edit-Schalter ganz rechts anklicken, erst dann wird die Möglichkeit der Bearbeitung des Kopfelementes gegeben.) Fügen Sie einen weiteren Link über das Plus-Symbol hinzu und wählen unter Standardfunktionen den Eintrag Template Umschalter aus. Abbildung 3: Anlegen eines Links zur alternativen Version Ein Link-Text kann nicht eingegeben werden, hier sind die Standardtexte Zur Mobilversion und Zur Desktopversion hinterlegt. Der Template-Umschalter als eigenes Element Wählen Sie über den Zauberstab den Typ Dynamische Funktion über Doppelklick aus. Dann öffnet sich das Optionsfenster mit den Auswahlmöglichkeiten. 3 Erzbistum Köln 17. August 2015 Monika Herkens & Kim Heineke

4 Abbildung 4: Wählen Sie das Element vom Typ Template Umschalter Platzieren Sie das Element an der von Ihnen gewünschten Stelle. Der Template Umschalter ist nun aktiv. Konfiguration Sie können allerdings noch weitere Konfigurationen vornehmen: Abbildung 5: Sie können hier ein eigenes Farbschema vorgeben Über die Element-Einstellungen können Sie die Texte selbst definieren sowie das gewünscht Farbschemata (analog zu den drei Boxen-Schemata) festlegen. Zudem können Sie noch die Option Auswahl verbergen deaktivieren/aktivieren. Das Ergebnis Besucher Ihrer Webseite sehen jetzt je nach Gerät folgende Ansichten mit der Option zum Auswählen: 4 Erzbistum Köln 17. August 2015 Monika Herkens & Kim Heineke

5 Abbildung 6: Desktop-Ansicht Abbildung 7: iphone-ansicht MOBILE WEBSEITE VOREINSTELLEN Falls Ihre Seite nur eine mobile Version hat, können Sie diese auch im Template (am besten im Workplace unter den Eigenschaften der Subsite Eigenschaften/erweitert/template) direkt festlegen: Setzen der Eigenschaft template, je nach Template Typ: 1. dynamic:de.erzbistumkoeln.v8.template.cmstemplateproviderportalmobile 2. dynamic:de.erzbistumkoeln.v8.template.cmstemplateproviderportalstartmobile 3. dynamic:de.erzbistumkoeln.v8.template.cmstemplateproviderv8mobile Rufen Sie im Workplace die Eigenschaften Ihrer Subsite auf, klicken Sie auf erweitert und suchen den Eintrag template. Verändern Sie nun den Eintrag, d.h. setzen Sie einfach ein Mobile dahinter. 5 Erzbistum Köln 17. August 2015 Monika Herkens & Kim Heineke

6 ANSPRECHPARTNER BEI FRAGEN UND PROBLEMEN Bei technischen Fragen siehe auch OpenCms-Support Telefon: Wolfgang Koch-Tien, Internetadministration Telefon: Telefax: Mobil: Bei Fragen zu den Anleitungen: Monika Herkens BEI SCHULUNGSANFRAGEN Ralf Diessner, Referat Kommunikation Fon: 0221/ Fax: 0221/ Erzbistum Köln 17. August 2015 Monika Herkens & Kim Heineke