Kurzanleitung Typo3 Pflege

Transkript

1 Kurzanleitung Typo3 Pflege 1. Vorwort Grundsätzlich kann für das CMS (Content-Management-System) Typo3 gesagt werden, dass Übung den Meister macht. Je öfter Sie mit dem System arbeiten, desto besser und schneller finden Sie sich zurecht. 2. Bearbeitungsbereiche Typo3 ist im Bearbeitungsmodus in drei Bereiche aufgeteilt: Spalte 1: Allgemeine Bereiche und Funktionen von Typo3 Spalte 2: Strukturbäume der Webseiten und einzelne Navigationspunkte Spalte 3: Einzelne Inhaltselemente der Seiten

2 3. Web Seite Für den Auftritt der Wolf Heiztechnik GmbH werden keine weiteren Web-Elemente neben der Seite benötigt. Anlegen neuer Seiten: Um eine neue Seite zu erstellen, finden Sie in Spalte 2 in der oberen Zeile den Button Neue Seite erstellen. Wenn Sie diesen Button anklicken, erhalten Sie eine Auswahl an Seitenelementen, die Sie im Strukturbaum einfügen können. Standard Klassisches Seitenelement Backend-Benutzerbereich Seitenelement mit der Möglichkeit der Zugriffsrechtevergabe. Eignet sich für Seiten des Fachpartner-Portals. Verweis Interne Verlinkung auf eine andere Seite im Seitenbaum. Der Nutzer wird erkenntlich auf eine andere Seite im Internetauftritt weitergeleitet. Einstiegspunkt Spiegelt den Inhalt einer anderen internen Seite wieder. Augenscheinlich bleibt der User jedoch auf der aufgerufenen Seite. Link zu externer URL Externe Verlinkung zu anderen Internetauftritten. Ordner Das Seitenelement Ordner dient der Sortierung des Seitenbaums für beispielsweise Seiten die nicht im Menü erscheinen. Papierkorb Trennzeichen für Menü Dient ebenfalls der Sortierung des Menüs.

3 Sobald Sie das richtige Element für Ihre neue Seite gewählt haben, können Sie das Element mit der Maus anklicken, festhalten und ganz einfach an die gewünschte Stelle ziehen (Bez.: Drag-and-Drop ) Als nächstes werden Sie aufgefordert, eine Bezeichnung für den Navigationspunkt zu hinterlegen. Natürlich kann die Bezeichnung hinterher jederzeit erneut geändert werden. Wenn Sie die Seite nun anwählen, erhalten Sie die Maske zur Anlage von Inhaltselementen (bez.: Content-Elementen). Im Main-Content können Sie mittels des Buttons Neuen Datensatz an diesem Ort hinzufügen ein Inhaltselement anlegen. Das Symbol erscheint, sobald Sie mit der Maus über den grauen Kasten des Main Content fahren. Sie befinden sich jetzt bei der Auswahl des geeigneten Inhaltselements. In den vier Tabs Typischer Seiteninhalt, Spezielle Elemente, Formulare und Plug-Ins finden Sie eine umfangreiche Auswahl an Inhaltselementen.

4 Je nach gewähltem Inhaltselement werden Sie in die entsprechende Eingabemaske weitergeleitet. Nun können Sie den gewünschten Text, Links, Bilder oder ein Video hinterlegen und abspeichern. Ebenso können Sie mehrspaltige Inhalte anlegen, indem Sie das Element Mehrspalten Container auswählen. In der Eingabemaske des Mehrspalten Containers haben Sie im Tab Konfiguration die Auswahl der Spaltenanzahl oder die Funktion Accordion zur Verfügung. Accordion Mittels dieser Funktion können Sie ein Klapp-Menü in eine Inhaltsseite einfügen. Nach Auswahl der Funktion erhalten Sie eine zweispaltige Eingabemaske. Spalte 1 dient hierbei für die Darstellung des zu klickenden Elements, das die Aufklapp-Funktion auslöst. Spalte 2 ist zur Eingabe des Textes, der nach aufklappen des Menüs erscheint. Hier sind Sie in der Darstellung flexibel, da Sie ein beliebiges Inhaltselement hinterlegen können. Wenn Sie für die Seite selbst beispielsweise die Bezeichnung anpassen möchten oder sog. Meta-Tags (Suchmaschinenoptimierung) hinterlegen möchten, müssen Sie auf den Button Seiteneigenschaften bearbeiten in Spalte 3 klicken ( )

5 Hier können Sie nun die Bezeichnung der Seite, einen alternativen Navigationstitel sowie im Tab Metadaten Schlagworte und eine Beschreibung der Seite hinterlegen. 4. Besonderheiten Neben den normalen Textseiten gibt es ebenfalls Übersichtsseiten, die lediglich dazu dienen, einen kurzen Überblick über die Unterseiten des jeweiligen Navigationspunktes aufzuzeigen. Auf diesen Übersichtsseiten werden Verlinkungen auf Unterseiten mit einer kurzen Informationskachel dargestellt. Anlegen einer Informationskachel Als erstes wählen Sie als Inhaltselement Mehrspalten Container. Im Tab Allgemein finden Sie bei der Auswahl des Typs ebenfalls Weitere Optionen Wenn Sie den Button aktiviert haben, können Sie unter Rahmen die Option Background grey auswählen. Somit legen Sie den grauen Verlauf, der im Hintergrund der Boxen erscheint, fest. Anschließend wählen Sie im Tab Konfiguration das zweispaltige Layout und speichern den Vorgang ab.

6 Im nächsten Schritt legen Sie nun in der Spalte 1 des Mehrspalten Containers ein weiteres Inhaltselement Text und Bilder an. Tab Allgemein: Überschrift, Text und Verlinkung in Form des Buttons werden im Bereich Text in den Editor eingetragen. Den Link zur entsprechenden Unterseiten können Sie anlegen, indem Sie zuerst den Text schreiben, der verlinkt werden soll. Anschließend markieren Sie den Text und klicken auf den Button im Editor Link einfügen Im nun geöffneten Pop-Up können Sie zwischen einer internen Verlinkung auf eine Seite, eine Datei zum Download, einer Verlinkung zu einem Ordner, einer externen URL oder einer wählen. In unserem Fall muss im Tab Seite aus dem Strukturbaum die entsprechende Seite gewählt werden. Nach Auswahl der Seite sollte sich das Pop-up wieder schließen und der markierte Text verlinkt sein. Für das Aussehen des Buttons wählen Sie nun noch im Blockstil: buttonstyle aus. Schon haben Sie einen korrekt verlinkten Button zur Unterseite.

7 Tab Bilder: Vorweg: Dateien, Bilder, Dokumente und ähnliches können Sie gesammelt unter DATEI Dateiliste hinterlegen. Von Vorteil ist es hier, wenn Sie in der Dateiliste ebenfalls eine Ordnerstruktur aufbauen. So bleibt eine gewisse Sortierung und Übersicht der Daten stets erhalten. Für Kachelbilder ist es sinnvoll, das Bild vor dem hochladen ins passende Format zu bringen. In unserem Fall betragen die Maße des Bildes: 235 x 250 Pixel. Zurück zum Tab Bilder: Über den Button Bild gelangen Sie mittels eines Pop-Ups zur Dateiliste und wählen das gewünschte Bild aus. Tab Erscheinungsbild: Mittels des Tabs Erscheinungsbild können Sie die Einstellungen zur Bilddatei und zur Darstellung festlegen. Sie wählen nun unter Layout des Inhaltselements Einrückung und Rahmen die Option Without margin. Weiter unten unter Bildausrichtung wählen Sie zudem Neben dem Text rechts aus. Nun sind alle Einstellungen für eine Informationskachel abgeschlossen. Wenn Sie die Einstellungen nun abspeichern, sollte Ihre Kachel ebenfalls wie die anderen Kacheln der Webseite aussehen.