Melanie

lernt Multimedia Marketing

Tag 17 – Workspaces testen & Verwendung eines neuen Templates

Hinterlasse einen Kommentar

Anlegen einer E-Mail-Adresse in Outlook:

Meine E-Mail-Adresse: kursmelanie@burkard-balzer.de

Im BE unter Einstellungen die Persönlichen Daten unter Benutzereinstellungen eingeben (Das PW-Feld bleibt leer, hier ist das allgemeine Zugangspasswort [123] ins BE hinterlegt und nicht das Outlook-Passwort):

E-Mail

Arbeitsumgebungen – LIVE und virtuell (redaktion):

Arbeitsumgebungen

Verwendung eines neuen Templates

Bootstrap ist ein freies und häufig verwendetes CSS Framework. Unter getbootstrap.com läßt sich Code übernehmen und für die eigene Website individualisieren.

Herunterladen der templates.zip und einfügen in htdocs. Überflüssige Images sowie die index.html- und die style.css-Datei des alten Templates löschen und die Inhalte des neuen Templates einfügen. Im nächsten Schritt werden im BE die Pfade zur HTML- und CSS-Datei aktualisiert. Danach werden in der HTML-Datei die Marker gesetzt.

Ausgangspunkt der Pfade ist die index.php-Datei. Die Pfade beginnen also mit fileadmin/templates/…

Anpassen der Pfade:
Setup-Template anpassen

Einfügen des Javascript-Codes in die Extension headerData (auf großes D achten!):
headerData
TS ext headerdata

Die Extension headerData einbinden:
Einbinden der Extension

Anpassungen des Menüs (Drop-Down-Menü):
Menüanpassungen

Einen Ordner „BE-Layout“ über Liste anlegen:
Order BE Layout

Neuen Datensatz erstellen und als Standard bezeichnen sowie im GridWizard das BE-Layout anlegen:
BE Layout Konfiguration

In unserem Beispiel werden 3 Spalten angelegt und die beiden linken Spalten miteinander verbunden. Danach werden die Spalten benannt. Zellenname ist frei vergebar, die Spaltennummer ist fest. Die linke Spalte erhält die Bezeichnung:
GridWizard

 

Die rechte Spalte erhält die Bezeichnung:
GridWizard2

 

Ansicht des GridWizards nach der Bezeichnung der Spalten:
GridWizard3

 

Die Bezeichnung wird unter Konfiguration in TypoScript-Schreibweise übermittelt:
Konfigurations in TS Schreibweise

Abspeichern des BE-Layouts:
Standard

Unter Liste – Home (bearbeiten) – Erscheinungsbild das BE-Layout (für Unterseiten) als Standard festlegen:
BE Layout für Unterseiten

Vollständigen Template-Datensatz bearbeiten (Template – Home):
Setup-Template Anpassungen

Es ist möglich, daß Fehler in der Darstellung des Menüs im Frontend auftreten, wenn man am Scrollrad der Maus gedreht hat.

Redakteur kann nicht nur die Artikel gestalten, sondern auch das Layout.

Für die Umstellung des o.g. Themas im Live-System, wird die folgende Kennung benötigt:
burkard-balzer.de
nord05
PW: 123456

Tag 17 – Workspaces und Verwendung eines neuen Templates als PDF drucken.

Advertisements

Kommentar verfassen

Trage deine Daten unten ein oder klicke ein Icon um dich einzuloggen:

WordPress.com-Logo

Du kommentierst mit Deinem WordPress.com-Konto. Abmelden / Ändern )

Twitter-Bild

Du kommentierst mit Deinem Twitter-Konto. Abmelden / Ändern )

Facebook-Foto

Du kommentierst mit Deinem Facebook-Konto. Abmelden / Ändern )

Google+ Foto

Du kommentierst mit Deinem Google+-Konto. Abmelden / Ändern )

Verbinde mit %s