TYPO3 hat den Ruf eines komplizierten CMS. Einerseits zurecht, denn es ist ein sehr mächtiges CMS mit unzähligen Möglichkeiten. Jedoch kann man mit wenigen gezielten Erweiterungen und etwas Know-How sehr schnell ein Projekt umsetzen. Hier wird gezeigt wie man in einer Stunde eine HTML-Vorlage einbindet und die Website mit Navigation, wartbaren Inhalten und Volltextsuche erstellt.
Alle Neuerungen von TYPO3 4.3 im Überblick. Auf mehr als 80 Slides werden die Neuerungen in den verschiedenen Kategorien - von Backendänderungen bis zu den neuen Entwicklerhooks vorgestellt.
XING learningZ Event: Umfangreiche Dokumente effizient formatierenDigicomp Academy AG
Umfangreiche Microsoft Word Dokumente effizient zu formatieren oder zu bearbeiten bereitet oft viel Mühe. Viel zu rasch wird das Ganze zu einer zeitfressenden und nervenaufreibenden Übung.
Ein Inhaltsverzeichnis hinzufügen? Fortlaufende Kapitelnummerierungen bearbeiten?
Wie man sich das Leben und die Arbeit erleichtern kann und dank Formatvorlagen effizient und schnell ans Ziel kommt, erklärte Experte Oliver Künzler im vergangenen XING learningZ.
Alle Neuerungen der am 29.09.2015 veröffentlichten Version TYPO3 CMS 7.5 auf über 65 Slides. Viel Spaß damit!
Alle weiteren Neuerungen gibt es auf: http://www.lobacher.de
Alle Neuerungen von TYPO3 4.3 im Überblick. Auf mehr als 80 Slides werden die Neuerungen in den verschiedenen Kategorien - von Backendänderungen bis zu den neuen Entwicklerhooks vorgestellt.
XING learningZ Event: Umfangreiche Dokumente effizient formatierenDigicomp Academy AG
Umfangreiche Microsoft Word Dokumente effizient zu formatieren oder zu bearbeiten bereitet oft viel Mühe. Viel zu rasch wird das Ganze zu einer zeitfressenden und nervenaufreibenden Übung.
Ein Inhaltsverzeichnis hinzufügen? Fortlaufende Kapitelnummerierungen bearbeiten?
Wie man sich das Leben und die Arbeit erleichtern kann und dank Formatvorlagen effizient und schnell ans Ziel kommt, erklärte Experte Oliver Künzler im vergangenen XING learningZ.
Alle Neuerungen der am 29.09.2015 veröffentlichten Version TYPO3 CMS 7.5 auf über 65 Slides. Viel Spaß damit!
Alle weiteren Neuerungen gibt es auf: http://www.lobacher.de
Alle Neuerungen der am 04.08.2015 veröffentlichten Version TYPO3 CMS 7.4 auf über 74 Slides. Viel Spaß damit!
Alle weiteren Neuerungen gibt es auf: http://www.lobacher.de
Seit Version 8.5.x ist es mit der XPages-Technologie einfach möglich, Applikationen unter Lotus Notes/Domino „wirklich“ webfähig zu machen.
Wie aber fange ich an? An einem praktischen Beispiel werden die Grundlagen der XPages-Entwicklung erklärt.
Zielgruppe: Alle, die einen Einstieg in das Thema suchen
Kenntnisse: Es sind keine speziellen Vorkenntnisse nötig.
Mit TSEnergie 5 haben Sie Ihre Energiekosten im Griff. Keine unerwarteten Nachzahlungen mehr. Sie
können sich jederzeit einen Überblick über ihre Energiekosten machen. Unterstützt werden Zähler für
Gas, Wasser, Strom, Wärme, Öl sowie Holzpellets.
FMK2014: Ein Warenwirtschaftssystem, das mit Scannern, Waagen und Mitarbeiter...Verein FM Konferenz
Teil 2/2: So funktioniert die Anbindung von Dokumentenscannern, Waagen, RFID-Kartenlesegeräten – und der Informationsfluss im Unternehmen
Heike Landschulz und Klaus Kegebein zeigen ein ERP-System mit Anbindung von Scannern, Waagen und RFID-Lesegeräten.
Die Kosmetik Konzept GmbH – Hersteller von Kosmetik- und Medizinprodukten – setzt in allen Bereichen auf FileMaker: von den allgemeinen Stammdaten (Adressen, Artikel, Mitarbeiter) über Rezepturentwicklung, Kalkulation, Einkauf, Lagerhaltung, Produktion, Qualitätssicherung, Dokumentation, Vertrieb und Rechnungsstellung bis zum Controlling wird alles in einer Datenbank verwaltet.
Klaus Kegebein zeigt, wie die Datenbank mit den Anwendern und die Anwender untereinander Informationen austauschen: über ein Todo-System, mit E-Mail-Benachrichtigungen, einem „Handbuch-Abo“ usw.
Heike Landschulz erklärt, wie sie unterschiedliche Dokumentenscanner in die Datenbank eingebunden hat, wie sie mit FileMaker Waagen ansteuert (von der mg-Analysenwaage bis zur 1,5-Tonnen-Bodenwaage), wie sie zur fälschungssicheren Identifikation von Mitarbeitern RFID-Kartenlesegeräte ausliest.
Beispiel: Lesen von RFID-Karten:
http://www.filemaker-konferenz.com/2014/downloads/Landschulz_Heike/KommunikationMenschMaschine_RFID.fmp12
Beispiel: Anbindung von Waagen:
http://www.filemaker-konferenz.com/2014/downloads/Landschulz_Heike/KommunikationMenschMaschine_Wiegen.fmp12
IHRE IBM LOTUS NOTES-DATEN AN JEDEM ORT ZU JEDER ZEIT 3/3We4IT Group
In dem dritten Teil unserer Webinar-Reihe zum We4IT docLinkr zeigen wir Ihnen anhand von verschiedenen Praxisbeispielen, wie vielseitig und flexibel diese Lösung ist.
Wir demonstrieren z.B. Verknüpfungen von Ansichten und Dokumenten, Einsatz von Formelsprache zur individuellen Aufbereitung der anzuzeigenden Daten, Einbindung von eigenen Agenten sowie das Erstellen und Bearbeiten von Dokumenten.
In der Präsentation werden die Funktionen und neuen Möglichkeiten von Communote in der Version 3.0 ausführlich vorgestellt. Weitere Informationen finden Sie unter: www.communote.com
Wer die gleiche Aktion zwanzig Mal hintereinander fast identisch ausführt, mag als fleißig gelten. Mit „faul“ sind die Entwickler gemeint, die ab der zweiten Wiederholung innehalten und darüber nachdenken, wie sich die nächsten achtzehn Wiederholungen vermeiden oder zumindest effizienter durchführen lassen.
In solchen Situationen hat es sich bewährt, erstmal herauszufinden, wie man Dinge mit weniger Stress, weniger Energie und weniger Zeitaufwand lösen kann. Der Autor beispielsweise ist zu faul, etwas doppelt zu tun, sondern verbringt seine Entwicklungszeit lieber kreativ.
Vor allem ab Version 4 bietet SQL Developer jede Menge Möglichkeiten, die helfen, effizienter mit dem Tool umzugehen. Faule Entwickler nutzen diese.
Die Inhalte einer Webseite dürfen bei einem Wechsel auf einen anderes CMS nicht einfach verloren gehen. Da jedes CMS seine Daten etwas anders speichert ist Daten-Migration aber eine oft komplexe und aufwändige Aufgabe. Der Vortrag berichtet von einer konkreten Migration von Typo3 zu Plone, bei der Inhalte mittels Transmogrifier automatisch transferiert und angepasst wurden.
TYPO3 Version 4.5 wird noch bis April 2015 unterstützt! Sie sollten daher dringend zu 6.2 LTS wechseln.
In dieser Präsentation erfahren Sie mehr zum Thema und unserem Workflow.
http://www.cs2.ch/update/
TYPO3 CMS 6.0 - Die Neuerungen (typovision GmbH)die.agilen GmbH
Am 27.11.2012 ist die Version 6.0 beliebten und markführenden Open Source Enterprise Content Management Systems TYPO3 erschienen. Der Claim "Back to the Future!" ist dabei Programm.
Hauptaugenmerk dieser Major-Version sind dabei die folgenden Aspekte:
- Weitere Annäherung an die technologische Basis von TYPO3 Neos und TYPO3 Flow
- Verbesserung der Code-Qualität
- Steigerung der Benutzerfreundlichkeit
- Integration des neuen File Abstraction Layers (FAL)
- u.v.a.m.
Letztlich sind über 1280 Änderungen, Bugfixes, Korrekturen und Features in diese neue Version eingeflossen - schier unüberschaubar, wenn man sich nicht gerade als Core-Entwickler im Code zu Hause fühlt.
Daher hat Patrick Lobacher (GF Marketing/Sales der typovision GmbH) auch diesmal wieder - wie die letzten 3 Jahre auch schon - alle wichtigen Änderungen für Redakteure, Integratoren und Entwickler in knapp über 135 Slides zusammengestellt und kostenlos zum Download zur Verfügung gestellt.
Bei der Erstellung von API-Dokumentation besteht die Gefahr, dass relevante Informationen fehlen und irrelevante enthalten sind. Das Lesen dieser Art von Dokumentation ist aufwändig, u.U. nicht zielführend und kostet daher unnötig Zeit – und zwar für Autor und Leser. Dieser Vortrag diskutiert Ursachen dafür und zeigt, wie Lücken und irrelevante Aspekte in API-Dokumentation erkannt und vermieden werden können. Auf diese Weise kann die Pflege und Nutzung von API-Dokumentation trotz eines stressigen Projektalltags möglich werden.
Weitere ähnliche Inhalte
Ähnlich wie Eine Website in einer Stunde mit TYPO3 bauen
Alle Neuerungen der am 04.08.2015 veröffentlichten Version TYPO3 CMS 7.4 auf über 74 Slides. Viel Spaß damit!
Alle weiteren Neuerungen gibt es auf: http://www.lobacher.de
Seit Version 8.5.x ist es mit der XPages-Technologie einfach möglich, Applikationen unter Lotus Notes/Domino „wirklich“ webfähig zu machen.
Wie aber fange ich an? An einem praktischen Beispiel werden die Grundlagen der XPages-Entwicklung erklärt.
Zielgruppe: Alle, die einen Einstieg in das Thema suchen
Kenntnisse: Es sind keine speziellen Vorkenntnisse nötig.
Mit TSEnergie 5 haben Sie Ihre Energiekosten im Griff. Keine unerwarteten Nachzahlungen mehr. Sie
können sich jederzeit einen Überblick über ihre Energiekosten machen. Unterstützt werden Zähler für
Gas, Wasser, Strom, Wärme, Öl sowie Holzpellets.
FMK2014: Ein Warenwirtschaftssystem, das mit Scannern, Waagen und Mitarbeiter...Verein FM Konferenz
Teil 2/2: So funktioniert die Anbindung von Dokumentenscannern, Waagen, RFID-Kartenlesegeräten – und der Informationsfluss im Unternehmen
Heike Landschulz und Klaus Kegebein zeigen ein ERP-System mit Anbindung von Scannern, Waagen und RFID-Lesegeräten.
Die Kosmetik Konzept GmbH – Hersteller von Kosmetik- und Medizinprodukten – setzt in allen Bereichen auf FileMaker: von den allgemeinen Stammdaten (Adressen, Artikel, Mitarbeiter) über Rezepturentwicklung, Kalkulation, Einkauf, Lagerhaltung, Produktion, Qualitätssicherung, Dokumentation, Vertrieb und Rechnungsstellung bis zum Controlling wird alles in einer Datenbank verwaltet.
Klaus Kegebein zeigt, wie die Datenbank mit den Anwendern und die Anwender untereinander Informationen austauschen: über ein Todo-System, mit E-Mail-Benachrichtigungen, einem „Handbuch-Abo“ usw.
Heike Landschulz erklärt, wie sie unterschiedliche Dokumentenscanner in die Datenbank eingebunden hat, wie sie mit FileMaker Waagen ansteuert (von der mg-Analysenwaage bis zur 1,5-Tonnen-Bodenwaage), wie sie zur fälschungssicheren Identifikation von Mitarbeitern RFID-Kartenlesegeräte ausliest.
Beispiel: Lesen von RFID-Karten:
http://www.filemaker-konferenz.com/2014/downloads/Landschulz_Heike/KommunikationMenschMaschine_RFID.fmp12
Beispiel: Anbindung von Waagen:
http://www.filemaker-konferenz.com/2014/downloads/Landschulz_Heike/KommunikationMenschMaschine_Wiegen.fmp12
IHRE IBM LOTUS NOTES-DATEN AN JEDEM ORT ZU JEDER ZEIT 3/3We4IT Group
In dem dritten Teil unserer Webinar-Reihe zum We4IT docLinkr zeigen wir Ihnen anhand von verschiedenen Praxisbeispielen, wie vielseitig und flexibel diese Lösung ist.
Wir demonstrieren z.B. Verknüpfungen von Ansichten und Dokumenten, Einsatz von Formelsprache zur individuellen Aufbereitung der anzuzeigenden Daten, Einbindung von eigenen Agenten sowie das Erstellen und Bearbeiten von Dokumenten.
In der Präsentation werden die Funktionen und neuen Möglichkeiten von Communote in der Version 3.0 ausführlich vorgestellt. Weitere Informationen finden Sie unter: www.communote.com
Wer die gleiche Aktion zwanzig Mal hintereinander fast identisch ausführt, mag als fleißig gelten. Mit „faul“ sind die Entwickler gemeint, die ab der zweiten Wiederholung innehalten und darüber nachdenken, wie sich die nächsten achtzehn Wiederholungen vermeiden oder zumindest effizienter durchführen lassen.
In solchen Situationen hat es sich bewährt, erstmal herauszufinden, wie man Dinge mit weniger Stress, weniger Energie und weniger Zeitaufwand lösen kann. Der Autor beispielsweise ist zu faul, etwas doppelt zu tun, sondern verbringt seine Entwicklungszeit lieber kreativ.
Vor allem ab Version 4 bietet SQL Developer jede Menge Möglichkeiten, die helfen, effizienter mit dem Tool umzugehen. Faule Entwickler nutzen diese.
Die Inhalte einer Webseite dürfen bei einem Wechsel auf einen anderes CMS nicht einfach verloren gehen. Da jedes CMS seine Daten etwas anders speichert ist Daten-Migration aber eine oft komplexe und aufwändige Aufgabe. Der Vortrag berichtet von einer konkreten Migration von Typo3 zu Plone, bei der Inhalte mittels Transmogrifier automatisch transferiert und angepasst wurden.
TYPO3 Version 4.5 wird noch bis April 2015 unterstützt! Sie sollten daher dringend zu 6.2 LTS wechseln.
In dieser Präsentation erfahren Sie mehr zum Thema und unserem Workflow.
http://www.cs2.ch/update/
TYPO3 CMS 6.0 - Die Neuerungen (typovision GmbH)die.agilen GmbH
Am 27.11.2012 ist die Version 6.0 beliebten und markführenden Open Source Enterprise Content Management Systems TYPO3 erschienen. Der Claim "Back to the Future!" ist dabei Programm.
Hauptaugenmerk dieser Major-Version sind dabei die folgenden Aspekte:
- Weitere Annäherung an die technologische Basis von TYPO3 Neos und TYPO3 Flow
- Verbesserung der Code-Qualität
- Steigerung der Benutzerfreundlichkeit
- Integration des neuen File Abstraction Layers (FAL)
- u.v.a.m.
Letztlich sind über 1280 Änderungen, Bugfixes, Korrekturen und Features in diese neue Version eingeflossen - schier unüberschaubar, wenn man sich nicht gerade als Core-Entwickler im Code zu Hause fühlt.
Daher hat Patrick Lobacher (GF Marketing/Sales der typovision GmbH) auch diesmal wieder - wie die letzten 3 Jahre auch schon - alle wichtigen Änderungen für Redakteure, Integratoren und Entwickler in knapp über 135 Slides zusammengestellt und kostenlos zum Download zur Verfügung gestellt.
Ähnlich wie Eine Website in einer Stunde mit TYPO3 bauen (20)
Bei der Erstellung von API-Dokumentation besteht die Gefahr, dass relevante Informationen fehlen und irrelevante enthalten sind. Das Lesen dieser Art von Dokumentation ist aufwändig, u.U. nicht zielführend und kostet daher unnötig Zeit – und zwar für Autor und Leser. Dieser Vortrag diskutiert Ursachen dafür und zeigt, wie Lücken und irrelevante Aspekte in API-Dokumentation erkannt und vermieden werden können. Auf diese Weise kann die Pflege und Nutzung von API-Dokumentation trotz eines stressigen Projektalltags möglich werden.
Get the latest news about the PHP projects, which deep changes happened in the PHP organization and the way php.net works on PHP itself and with the communities. Also learn what will or may be in the next PHP releases, PHP 5.5 and later.
1. Eine Website in einer Stunde mit TYPO3 bauen
TYPO3 hat den Ruf eines komplizierten CMS. Einerseits zurecht, denn es ist ein sehr mächtiges CMS mit
unzähligen Möglichkeiten. Jedoch kann man mit wenigen gezielten Erweiterungen und etwas Know-How
sehr schnell ein Projekt umsetzen. Hier wird gezeigt wie man in einer Stunde eine HTML-Vorlage einbindet
und die Website mit Navigation, wartbaren Inhalten und Volltextsuche erstellt.
Inhaltsverzeichnis
Eine Website in einer Stunde mit TYPO3 bauen................................................................................................ 1
Vorbereitungen.................................................................................................................................................... 2
Seiten anlegen.................................................................................................................................................... 2
Erweiterungen laden und installieren.................................................................................................................. 3
Templavoila vorbereiten...................................................................................................................................... 4
Ordner für HTML-Dokumente anlegen und hochladen....................................................................................... 5
Eine Templavoila-Seitenvorlage erstellen........................................................................................................... 6
Die Seitenvorlage zuweisen.............................................................................................................................. 10
Typoscript Template erstellen............................................................................................................................ 11
Navigationen mit Typoscript erstellen............................................................................................................... 13
Inhalte einfügen................................................................................................................................................. 14
Volltextsuche einrichten..................................................................................................................................... 15
Ein Suchfeld auf allen Seiten............................................................................................................................ 17
Weitere Informationen....................................................................................................................................... 18
WEBprofil – Gernot Ploiner e.U.
Untere Gartenzeile 22/2 | 3492 Etsdorf | Österreich
T. ++43 / 2735 / 20 1 95 | office@typo3kurse.com | www.typo3kurse.com
2. Vorbereitungen
Bevor man mit diesem Handbuch zu arbeiten beginnt, sollte man folgendes vorbereiten:
• einen Webserver, idealerweise mit LAMP (Linux, Apache, MySQL, PHP). Genaue
Serveranforderungen finden Sie auf typo3.org.
• TYPO3 fertig installieren und konfigurieren
Alternativ gibt es auf www.mittwald.de ein kostenloses TYPO3 Testhosting für 30 Tage. Dies kann
selbstverständlich auch kostengünstig angemeldet werden.
• Empfehlung: Deutsche Übersetzung für das Backend laden (Einloggen und dann unter
Extensionmanager → Translations), ändern des Admin-Benutzer- und Installtoolpasswortes
Seiten anlegen
Zu allererst legt man ein paar Seiten im Seitenbaum an. Dies funktioniert im Modul Seite. Dort kann eine
neue Seite über das Kontextmenü oder klick auf das Seitensymbol oberhalb des Seitenbaumes und dann
mit Drag&Drop erstellt werden.
Man nennt die erste Seite Startseite. Danach legt man eine zweite Seite vom Typ System an und nennt
diese Vorlagen. Weitere Hauptmenüpunkte können nach Belieben unter der Startseite angelegt werden.
WEBprofil – Gernot Ploiner e.U.
Untere Gartenzeile 22/2 | 3492 Etsdorf | Österreich
T. ++43 / 2735 / 20 1 95 | office@typo3kurse.com | www.typo3kurse.com
3. Erweiterungen laden und installieren
Für dieses Projekt benötigen wir die folgenden TYPO3-Erweiterungen: templavoila (in Abhängigkeit
static_info_tables), indexed_search und um einen Bug in Templavoila 1.7.0 zu beheben phpmyadmin.
Die Extensions werden im Modul Erweiterungen und dort im Reiter Erweiterungen importieren auf den
eigenen Server geladen. Die Erweiterung indexed_search ist hier ausgenommen. Sie ist eine
Systemerweiterung und wurde bereits mit der TYPO3-Installation mitgeliefert.
Vor dem ersten Importvorgang muss die aktuelle Extensionliste vom typo3.org Server geladen werden. Dies
geschieht mit dem Icon rechts neben der Selectbox Bibliothek. Das Herunterladen kann ein paar Minuten
dauern. Danach kann jede benötigte Extension im Suchfeld gesucht und mit dem Icon am Zeilenanfang
importiert werden. In Folge kann die Erweiterung gleich installiert werden. Man braucht lediglich den
Schritten des Assistenten folgen.
WEBprofil – Gernot Ploiner e.U.
Untere Gartenzeile 22/2 | 3492 Etsdorf | Österreich
T. ++43 / 2735 / 20 1 95 | office@typo3kurse.com | www.typo3kurse.com
4. Templavoila vorbereiten
Nach der Installation muss noch eine Einstellung für Templavoila getätigt werden. Es muss in den
Seiteneigenschaften der Startseite die allgemeine Datensatzsammlung eingestellt werden (die Seite
System). Die erfolgt über das Kontextmenü der Startseite → Bearbeiten.
In Folge wird im Reiter Ressourcen die Seite gewählt. Weiters sollte im Reiter Verhalten die Checkbox Als
Anfang der Website benutzen aktiviert werden.
WEBprofil – Gernot Ploiner e.U.
Untere Gartenzeile 22/2 | 3492 Etsdorf | Österreich
T. ++43 / 2735 / 20 1 95 | office@typo3kurse.com | www.typo3kurse.com
5. Ordner für HTML-Dokumente anlegen und hochladen
Als nächster Schritt wird am Server ein Ordner für die HTML-Vorlagen samt CSS- und Bilddateien angelegt.
Dies geschieht in der Dateiliste. Dort wird über das Kontextmenü des Ordners fileadmin ein neuen
Unterordner mit dem Namen templates angelegt.
Danach wählt man diesen Ordner durch anklicken aus und lädt via Kontextmenü die Dateien vom lokalen PC
aus hoch.
WEBprofil – Gernot Ploiner e.U.
Untere Gartenzeile 22/2 | 3492 Etsdorf | Österreich
T. ++43 / 2735 / 20 1 95 | office@typo3kurse.com | www.typo3kurse.com
6. Eine Templavoila-Seitenvorlage erstellen
Nun ist alles vorbereitet um die erste Seitenvorlage zu erstellen. Man wählt dazu (immer noch in der
Dateiliste) über das Kontextmenü den Eintrag Templavoila. Danach erscheint die Maske zum Definieren von
dynamischen Feldern. Hiermit werden Bereiche der statischen HTML-Vorlage mit verschiedensten
Elementen ersetzt.
In dieser Maske wird zuerst der Root-Knoten bestimmt. Dies ist der Bereich der für unsere Seitenvorlage
verwendet werden soll. Dies ist in der Regel der Inhalt des BODY-Tag, da das HTML-Gerüst herum (HTML /
HEAD / BODY) von TYPO3 generiert wird. Um dies zu bewerkstelligen, klickt man auf die Schaltfläche
Abbilden und wählt dann in der HTML-Vorschau den sichtbaren BODY-Tag durch Klick darauf aus. In Folge
bestimmt man, ob man den Inhalt des gewählten Tags (INNER), oder das HTML inklusive des Tags
(OUTER) in der Vorlage haben möchte. Mit Festlegen wird dies bestätigt.
WEBprofil – Gernot Ploiner e.U.
Untere Gartenzeile 22/2 | 3492 Etsdorf | Österreich
T. ++43 / 2735 / 20 1 95 | office@typo3kurse.com | www.typo3kurse.com
7. Danach werden dynamische Felder für Navigation, Subnavigation, Inhalt usw. angelegt. Also für all dies was
aus der HTML-Vorlage genommen werden soll und vom CMS befüllt werden soll.
Dazu füllt man das Eingabefeld mit einem eindeutigen Namen und bestätigt mit Add. In Folge befüllt man
das Formular mit Titel und wählt den Elementtyp.
WEBprofil – Gernot Ploiner e.U.
Untere Gartenzeile 22/2 | 3492 Etsdorf | Österreich
T. ++43 / 2735 / 20 1 95 | office@typo3kurse.com | www.typo3kurse.com
8. Für Navigationen verwendet man immer den Typ Typoscript-Objektpfad. Nach dem Bestätigen mit
Hinzufügen wechselt man im linken kleinen Menü auf TypoScript und bestätigt den Vorschlag lib.xxx mit
aktualisieren. Dies ist auch dann unbedingt notwendig, wenn der Objektpfad nicht verändert wird! Ansonsten
wird der Name nicht gesetzt und es wird keine Ausgabe auf der Website geben (hohe Fehlerquelle !!!)
Mit Abbilden wird nun zum Abschluss der HTML-Bereich in der Vorlage bestimmt, wo die Navigation platziert
werden soll. Dieses Abbilden funktioniert genau gleich wie beim Root Knoten zuvor. Hier wird allerdings der
HTML-Tag, welcher die Navigation umschließt, gewählt.
In Folge werden weitere Felder für Subnavigation und Inhaltsbereich angelegt. Für Inhaltsbereiche wählt
man die Voreinstellung: Seite – Inhaltselemente [Pos.: 0]
Zum Abschluss speichert man die Vorlage mit der Schaltfläche Speichern unter. Mit Titel DS/VO gibt man der
Vorlage einen sprechenden Namen, damit der Redakteur später weiß welche Vorlage er einstellt.
Mit der Schaltfläche DS/VO Erstellen wird die Vorlage endgültig gespeichert.
Achtung: Wird der Browser zuvor geschlossen geht die Arbeit verloren! Die Vorlagenerstellung ist bis zu
diesem Zeitpunkt nur in der Browsersession gespeichert.
WEBprofil – Gernot Ploiner e.U.
Untere Gartenzeile 22/2 | 3492 Etsdorf | Österreich
T. ++43 / 2735 / 20 1 95 | office@typo3kurse.com | www.typo3kurse.com
9. Da das HTML-Grundgerüst inkl. HEAD Bereich von TYPO3 generiert wird, fehlt nun die Einbindung von
CSS- und Javascript-Dateien. Dies wird nun nachgeholt. Dazu wechselt man in das Modul Templavoila. Im
Seitenbaum wird die Seite Vorlagen gewählt. Nun erscheinen rechts die angelegten Seitenvorlagen (derzeit
eine). Dort klickt man auf Abbildung aktualisieren.
In Folge kann man alle in der Vorlage existierenden Headerzeilen durch aktivieren der jeweiligen Checkbox
übernehmen. Mit Speichern und Zurück muss dieser Schritt noch bestätigt werden.
WEBprofil – Gernot Ploiner e.U.
Untere Gartenzeile 22/2 | 3492 Etsdorf | Österreich
T. ++43 / 2735 / 20 1 95 | office@typo3kurse.com | www.typo3kurse.com
10. Die Seitenvorlage zuweisen
Die Seitenvolrage ist nun fertig erstellt und gespeichert. Es können auf diesem Weg mehrere Vorlagen für
verschiedene Designs oder Bedürfnisse (verschiedene Inhaltsspalten und Strukturen) angelegt werden.
Was nun noch fehlt ist die Zuordnung zum Seitenbaum → Welche Vorlage soll wo verwendet werden.
Dies geschieht in den Seiteneigenschaften einer jeden Seite. Zuerst beginnt man am besten mit der
Startseite. Dort wählt man in den Seiteneigenschaften den Reiter Erscheinungsbild und stellt bei Vorlagen-
Design benutzen und Unterseiten – Vorlagen-Design benutzen die erstellte Vorlage ein. Natürlich ist dies je
nach belieben und ggf. auch auf weiteren Unterseiten Projektspezifisch zu definieren.
WEBprofil – Gernot Ploiner e.U.
Untere Gartenzeile 22/2 | 3492 Etsdorf | Österreich
T. ++43 / 2735 / 20 1 95 | office@typo3kurse.com | www.typo3kurse.com
11. Typoscript Template erstellen
Bisher haben wir nur im Backend gearbeitet. Eine Vorschau im Frontend liefert bisher immer nur
Fehlermeldungen. Damit die Ausgabe auch klappt, muss zwingend ein TypoScript Template erstellt werden.
Hier wird definiert was am Frontend ausgegeben werden soll. Ohne dieser Definition weiß TYPO3 nicht
welche Art der vielen Möglichkeiten für die Ausgabe verantwortlich ist.
Dazu wechselt man in das Modul Template. Im Seitenbaum wählt man danach die oberste Seite im
Seitenbaum – in diesem Beispiel ist das die Startseite. Dort wird mit Template für neue Seite erstellen ein
sogenanntes Typoscript Template erstellt.
Wechselt man oben in der Selectbox zu Info/Bearbeiten, muss noch mit Klick auf Vollständigen Template-
Datensatz bearbeiten ein vordefiniertes TypoScript für die Inhaltsausgabe eingebunden werden.
Dazu wählt man im Reiter Enthält in der obersten Selectbox den Eintrag CSS Styled Content aus. Dieser
wandert nach dem Klick nach links.
WEBprofil – Gernot Ploiner e.U.
Untere Gartenzeile 22/2 | 3492 Etsdorf | Österreich
T. ++43 / 2735 / 20 1 95 | office@typo3kurse.com | www.typo3kurse.com
12. Mit speichern und beenden (Diskette oben mit X Icon) wird diese Einstellung gespeichert.
Klickt man in Folge auf den Bleichstift neben Setup das Typoscript einsehen und bearbeiten.
Diese 4 Zeilen werden automatisch von der Extension Templavoila eingefügt und sind dafür verantwortlich,
dass Templavoila für die Frontendausgabe konfiguriert ist.
Ab nun kann das Frontend begutachtet werden. Es fehlen aber immer noch die Navigationen. Dies ist der
nächste Schritt.
Falls die Frontendausgabe nicht funktioniert, kann dies am Cache liegen, der jederzeit Problemlos oben mit
dem gelben Blitz-Icon gelöscht werden kann.
WEBprofil – Gernot Ploiner e.U.
Untere Gartenzeile 22/2 | 3492 Etsdorf | Österreich
T. ++43 / 2735 / 20 1 95 | office@typo3kurse.com | www.typo3kurse.com
13. Navigationen mit Typoscript erstellen
Mit dem nachfolgenden TypoScript wird die beim Vorlagen-erstellen konfigurierte Hauptnavigation generiert.
Ausgenommen davon sind die ersten 3 Zeilen (config usw). Diese definieren den Doctype mit HTML5.
lib.field_navigation ist der Name der bei der Vorlagenerstellung in Templavoila vergeben wurde. Dieser wird
nun mit TypoScript befüllt. Eine ausführliche TypoScript-Dokumentation welche diese Zeilen erläutert findet
man unter:
http://typo3.org/documentation/document-library/ oder deutsch unter: http://www.typo3.net/tsref/
Auch die Subnavigation wird ähnlich beschrieben:
WEBprofil – Gernot Ploiner e.U.
Untere Gartenzeile 22/2 | 3492 Etsdorf | Österreich
T. ++43 / 2735 / 20 1 95 | office@typo3kurse.com | www.typo3kurse.com
14. Inhalte einfügen
Nun ist es an der Zeit die Website mit Content zu befüllen.
Dies geschieht mit dem Modul Seite. Hier wählt man im Seitenbaum die zu befüllende Seite und in Folge
klickt man auf das grüne Icon mit dem Plus-Symbol im Hauptbereich.
Nun kann man aus verschiedenen Elementen wählen (Experimentieren erlaubt ;-)
Ein angelegter Inhalt kann so aussehen:
WEBprofil – Gernot Ploiner e.U.
Untere Gartenzeile 22/2 | 3492 Etsdorf | Österreich
T. ++43 / 2735 / 20 1 95 | office@typo3kurse.com | www.typo3kurse.com
15. Volltextsuche einrichten
Die Volltextsuche indexed_search ist bereits mit an Board und muss nur noch installiert werden. Dies erledigt
man unter Erweiterungen im Reiter Verfügbare Erweiterungen.
Nach der Installation ist eine neue Seite im Seitenbaum nötig, auf der das Suchergebnis angezeigt wird.
Diese Seite wird in den Seiteneigenschaften im Menü versteckt angezeigt, damit man sie nicht direkt (leer)
aufrufen kann.
WEBprofil – Gernot Ploiner e.U.
Untere Gartenzeile 22/2 | 3492 Etsdorf | Österreich
T. ++43 / 2735 / 20 1 95 | office@typo3kurse.com | www.typo3kurse.com
16. Diese Seite wird in Folge mit einem Inhaltselement vom Typ Allgemeines Plugin befüllt.
Damit die Suche aktiviert wird (genauer gesagt das indizieren), ist eine weiter Typoscript-Zeile erforderlich:
page.config.index_enable = 1
Nun muss zum indizieren das Frontend (jede einzelne Seite) aufgerufen werden. Dann kann die Suche
schon verwendet werden.
WEBprofil – Gernot Ploiner e.U.
Untere Gartenzeile 22/2 | 3492 Etsdorf | Österreich
T. ++43 / 2735 / 20 1 95 | office@typo3kurse.com | www.typo3kurse.com
17. Ein Suchfeld auf allen Seiten.
Bisher ist die Suche noch eine eigene (versteckte) Seite. Um ein Suchfeld auf allen Seiten (Menüpunkten)
anzubieten, legt man ein neues Typoscript-Objektpfad Feld in der Seitenvorlage an.
Eine Vorlage kann unter Templavoila → Vorlagen → Abblidung aktualisieren und in Folge DS/VO
modifizieren bearbeitet werden.
Hier legt man ein neues Feld (field_suche) vom Typ TypoScript-Objektpfad an – genauso wie beim Erstellen
der Vorlage.
Zuletzt wird nochmals das TypoScript erweitert, welches das Formular-HTML ausgibt:
WEBprofil – Gernot Ploiner e.U.
Untere Gartenzeile 22/2 | 3492 Etsdorf | Österreich
T. ++43 / 2735 / 20 1 95 | office@typo3kurse.com | www.typo3kurse.com
18. Weitere Informationen
Wenn Sie mehr über TYPO3 lernen möchten, besuchen Sie unsere Website www.typo3kurse.de. Wir bieten
laufend Kurse in Deutschland, Österreich und in der Schweiz an. Für Einsteiger, TypoScript Neulinge oder
TYPO3-Extensionprogrammierer.
Unter www.typo3kurse.de/gutschein erhalten Sie bis 23.09.2012 einen EUR 50,00 Gutschein, den Sie bis
Jahresende für alle Kurse bei uns buchen können.
Bei weiteren Fragen stehen wir Ihnen jederzeit zur Verfügung. Gerne stehen wir Ihnen bei TYPO3-Projekten
zur Seite – kontaktieren Sie uns über unsere Firmenwebsite www.webprofil.at
Wir hoffen Ihnen einen guten Einblick in dieses mächtige CMS gegeben zu haben.
Vielen Dank für Ihre Aufmerksamkeit.
Gernot Ploiner
WEBprofil – Gernot Ploiner e.U.
Untere Gartenzeile 22/2 | 3492 Etsdorf | Österreich
T. ++43 / 2735 / 20 1 95 | office@typo3kurse.com | www.typo3kurse.com