templavoilá. allgemeines dient nicht der erweiterung der funktionalität bestehender typo3-sites,...
TRANSCRIPT
![Page 1: TemplaVoilá. Allgemeines Dient nicht der Erweiterung der Funktionalität bestehender TYPO3-Sites, sondern der Erhöhung der Produktivität und der Vereinfachung](https://reader035.vdocuments.mx/reader035/viewer/2022062502/570491c71a28ab14218dbdba/html5/thumbnails/1.jpg)
TemplaVoilá
![Page 2: TemplaVoilá. Allgemeines Dient nicht der Erweiterung der Funktionalität bestehender TYPO3-Sites, sondern der Erhöhung der Produktivität und der Vereinfachung](https://reader035.vdocuments.mx/reader035/viewer/2022062502/570491c71a28ab14218dbdba/html5/thumbnails/2.jpg)
Allgemeines
Dient nicht der Erweiterung der Funktionalität bestehender TYPO3-Sites, sondern der Erhöhung der Produktivität und der Vereinfachung der Erstellung von TYPO3-Sites
Oberfläche zum Einbinden von HTML-Vorlagen (Mapping)
Datenstruktur (DS) und Template-Objekt (TO)
![Page 3: TemplaVoilá. Allgemeines Dient nicht der Erweiterung der Funktionalität bestehender TYPO3-Sites, sondern der Erhöhung der Produktivität und der Vereinfachung](https://reader035.vdocuments.mx/reader035/viewer/2022062502/570491c71a28ab14218dbdba/html5/thumbnails/3.jpg)
Installation
TemplaVoilá Installation Login Backend
http://localhost/typo3/typo3/backend.php
Admin Tools: Ext Manager
![Page 4: TemplaVoilá. Allgemeines Dient nicht der Erweiterung der Funktionalität bestehender TYPO3-Sites, sondern der Erhöhung der Produktivität und der Vereinfachung](https://reader035.vdocuments.mx/reader035/viewer/2022062502/570491c71a28ab14218dbdba/html5/thumbnails/4.jpg)
Installation
Oben: Setting Enable extensions without review (basic security check)
Häckchen setzen Random auswählen Mit update bestätigen unten
![Page 5: TemplaVoilá. Allgemeines Dient nicht der Erweiterung der Funktionalität bestehender TYPO3-Sites, sondern der Erhöhung der Produktivität und der Vereinfachung](https://reader035.vdocuments.mx/reader035/viewer/2022062502/570491c71a28ab14218dbdba/html5/thumbnails/5.jpg)
Installation
Static Info Tables installieren ExtManager Import Extensions (oben) List or look up all extensions Static info tables Look up Die oberste auswählen Import update
![Page 6: TemplaVoilá. Allgemeines Dient nicht der Erweiterung der Funktionalität bestehender TYPO3-Sites, sondern der Erhöhung der Produktivität und der Vereinfachung](https://reader035.vdocuments.mx/reader035/viewer/2022062502/570491c71a28ab14218dbdba/html5/thumbnails/6.jpg)
Installation
Import extensions (oben) List or look up all extensions TemplaVoilá eingeben Mit look up bestätigen TemplaVoilá unter Miscellaneous auswählen Install extension anklicken
![Page 7: TemplaVoilá. Allgemeines Dient nicht der Erweiterung der Funktionalität bestehender TYPO3-Sites, sondern der Erhöhung der Produktivität und der Vereinfachung](https://reader035.vdocuments.mx/reader035/viewer/2022062502/570491c71a28ab14218dbdba/html5/thumbnails/7.jpg)
Installation
Dependency Error:
Import now (opens a new window, wenn es nötig, mehrmals)
![Page 8: TemplaVoilá. Allgemeines Dient nicht der Erweiterung der Funktionalität bestehender TYPO3-Sites, sondern der Erhöhung der Produktivität und der Vereinfachung](https://reader035.vdocuments.mx/reader035/viewer/2022062502/570491c71a28ab14218dbdba/html5/thumbnails/8.jpg)
Mapping
Anlegen eines SysOrdners: Eine normale Seite erstellen Auf Standard Vorlage Die Seite Templates benennen Im Seitenbaum auf die neue Seite klicken und zur
Bearbeitung den Stift wählen Unter Standard SysOrdner wählen
![Page 9: TemplaVoilá. Allgemeines Dient nicht der Erweiterung der Funktionalität bestehender TYPO3-Sites, sondern der Erhöhung der Produktivität und der Vereinfachung](https://reader035.vdocuments.mx/reader035/viewer/2022062502/570491c71a28ab14218dbdba/html5/thumbnails/9.jpg)
Mapping
Eine neue Seite anlegen, Home benennen Im Seitenbaum auf die Seite klicken, den Stift
auswählen Unter Optionen, bei Allgemeine Datensatzsammlung
auf Ordner klicken Im geöffneten Fenster Templates auswählen
![Page 10: TemplaVoilá. Allgemeines Dient nicht der Erweiterung der Funktionalität bestehender TYPO3-Sites, sondern der Erhöhung der Produktivität und der Vereinfachung](https://reader035.vdocuments.mx/reader035/viewer/2022062502/570491c71a28ab14218dbdba/html5/thumbnails/10.jpg)
Mapping
Ein Template für Home anlegen Web – Template – create template for new site Im Bereich Info/Modify auf das Stiftsymbol neben
Setup klicken#Default PAGE object:page = PAGEpage.10 = USERpage.10.userFunc = tx_Templavoila_pil->main_page
![Page 11: TemplaVoilá. Allgemeines Dient nicht der Erweiterung der Funktionalität bestehender TYPO3-Sites, sondern der Erhöhung der Produktivität und der Vereinfachung](https://reader035.vdocuments.mx/reader035/viewer/2022062502/570491c71a28ab14218dbdba/html5/thumbnails/11.jpg)
Mapping
HTML-Vorlage und andere notwendige Dateien herunterladen und im fileadmin in Templates positionieren
Datei – Dateiliste – Templates Eine HTML-Datei als Vorlage nehmen, das Icon
HTML anklicken TemplaVoilá auswählen
![Page 12: TemplaVoilá. Allgemeines Dient nicht der Erweiterung der Funktionalität bestehender TYPO3-Sites, sondern der Erhöhung der Produktivität und der Vereinfachung](https://reader035.vdocuments.mx/reader035/viewer/2022062502/570491c71a28ab14218dbdba/html5/thumbnails/12.jpg)
Mapping
Dem Bereich ROOT den Body-Tag zuweisen Auf Map Inner (exclude tag) Set
![Page 13: TemplaVoilá. Allgemeines Dient nicht der Erweiterung der Funktionalität bestehender TYPO3-Sites, sondern der Erhöhung der Produktivität und der Vereinfachung](https://reader035.vdocuments.mx/reader035/viewer/2022062502/570491c71a28ab14218dbdba/html5/thumbnails/13.jpg)
Mapping
Headline field_headline – Add Title: Headline Mapping instructions: Hier wird der Seitentitel
eingesetzt Sample Data: Beispielüberschrift Editing Type: TypoScript Object Path Object path: lib_headline
![Page 14: TemplaVoilá. Allgemeines Dient nicht der Erweiterung der Funktionalität bestehender TYPO3-Sites, sondern der Erhöhung der Produktivität und der Vereinfachung](https://reader035.vdocuments.mx/reader035/viewer/2022062502/570491c71a28ab14218dbdba/html5/thumbnails/14.jpg)
Mapping
Add - Map <div>-Container mit id=headline wählen INNER(Exclude Tag) – Set
Speichern Save as Voila1 – create TO and DS
![Page 15: TemplaVoilá. Allgemeines Dient nicht der Erweiterung der Funktionalität bestehender TYPO3-Sites, sondern der Erhöhung der Produktivität und der Vereinfachung](https://reader035.vdocuments.mx/reader035/viewer/2022062502/570491c71a28ab14218dbdba/html5/thumbnails/15.jpg)
Mapping
SysOrdner anschauen Web – Liste – Templates Icon TO anklicken, TemplaVoilá auswählen
Anlegen neuer Bereich ist hier nicht möglich
![Page 16: TemplaVoilá. Allgemeines Dient nicht der Erweiterung der Funktionalität bestehender TYPO3-Sites, sondern der Erhöhung der Produktivität und der Vereinfachung](https://reader035.vdocuments.mx/reader035/viewer/2022062502/570491c71a28ab14218dbdba/html5/thumbnails/16.jpg)
Mapping
Auf DS klicken – Bearbeiten Es wird die Datenstruktur im XML-Format
angezeigt Fortführen des Mappingvorgangs Datei – Dateiliste- Fileadmin - .html Templavoila – Load – voila1 – load data structure
![Page 17: TemplaVoilá. Allgemeines Dient nicht der Erweiterung der Funktionalität bestehender TYPO3-Sites, sondern der Erhöhung der Produktivität und der Vereinfachung](https://reader035.vdocuments.mx/reader035/viewer/2022062502/570491c71a28ab14218dbdba/html5/thumbnails/17.jpg)
Mapping
field_inhalt -Add Title : Inhalt der Seite Editing Type: Content Elements – Add Map – INNER (Exclude Tag) Analog: field_nav mit TypoScript Object Path:
lib.nav field_spalte_rechts, Editing Type: Content elements Save as
![Page 18: TemplaVoilá. Allgemeines Dient nicht der Erweiterung der Funktionalität bestehender TYPO3-Sites, sondern der Erhöhung der Produktivität und der Vereinfachung](https://reader035.vdocuments.mx/reader035/viewer/2022062502/570491c71a28ab14218dbdba/html5/thumbnails/18.jpg)
Mapping
Zuweisen der TemplaVoila-Datenstruktur an die Startseite
Web – Seite – Home – Stift Seiten – Datenstruktur: voila1 Benutze Vorlagendesign: voila1 <Template> Unterseiten: voila1 Unterseiten: voila1
![Page 19: TemplaVoilá. Allgemeines Dient nicht der Erweiterung der Funktionalität bestehender TYPO3-Sites, sondern der Erhöhung der Produktivität und der Vereinfachung](https://reader035.vdocuments.mx/reader035/viewer/2022062502/570491c71a28ab14218dbdba/html5/thumbnails/19.jpg)
Mapping
Einbinden der Stylesheetdatei Web – Liste – Templates TO – TemplaVoila Bei Select HTML header parts ein Häckchen setzen Auch bei Meta-Tag und Stylesheet-Link Set Save
![Page 20: TemplaVoilá. Allgemeines Dient nicht der Erweiterung der Funktionalität bestehender TYPO3-Sites, sondern der Erhöhung der Produktivität und der Vereinfachung](https://reader035.vdocuments.mx/reader035/viewer/2022062502/570491c71a28ab14218dbdba/html5/thumbnails/20.jpg)
Mapping
Headline-Bereich Web-Template – Setup Vor der Definition des PAGE Objekts eingeben: lib.headline = TEXT lib.headline.value = {page:title} lib.headline.insertData = 1 lib.headline.wrap = <h1> | <h1> Speichern
![Page 21: TemplaVoilá. Allgemeines Dient nicht der Erweiterung der Funktionalität bestehender TYPO3-Sites, sondern der Erhöhung der Produktivität und der Vereinfachung](https://reader035.vdocuments.mx/reader035/viewer/2022062502/570491c71a28ab14218dbdba/html5/thumbnails/21.jpg)
Mapping
Einbinden des Menüs Web – Template lib.nav = HMENU
lib.nav.1 = TMENUlib.nav.1 {expAll = 1wrap = <u1 id=“mainnav“> | </u1>NO.wrapItemAndSub = <li> | </li>}
![Page 22: TemplaVoilá. Allgemeines Dient nicht der Erweiterung der Funktionalität bestehender TYPO3-Sites, sondern der Erhöhung der Produktivität und der Vereinfachung](https://reader035.vdocuments.mx/reader035/viewer/2022062502/570491c71a28ab14218dbdba/html5/thumbnails/22.jpg)
Mapping
Anlegen weiterer Seiten: Web – Funktionen - Home Mehrere Seiten erzeugen
![Page 23: TemplaVoilá. Allgemeines Dient nicht der Erweiterung der Funktionalität bestehender TYPO3-Sites, sondern der Erhöhung der Produktivität und der Vereinfachung](https://reader035.vdocuments.mx/reader035/viewer/2022062502/570491c71a28ab14218dbdba/html5/thumbnails/23.jpg)
Mapping
Inhalte einfügen Web – Seite – Home Auf Icon neben Inhalt der Seite klicken Normalen Text auswählen – einen beliebigen Text
einfügen - Speichern Analog bei Spalte rechts Als Inhalt nur Bilder wählen Speichern
![Page 24: TemplaVoilá. Allgemeines Dient nicht der Erweiterung der Funktionalität bestehender TYPO3-Sites, sondern der Erhöhung der Produktivität und der Vereinfachung](https://reader035.vdocuments.mx/reader035/viewer/2022062502/570491c71a28ab14218dbdba/html5/thumbnails/24.jpg)
Mapping
Vielen Dank für Ihre Aufmerksamkeit