RÖK Typo3 Dokumentation

Transkript

1 2012 RÖK Typo3 Dokumentation Redakteur Sparten Eine Hilfe für den Einstieg in Typo3. Innpuls Werbeagentur GmbH

2 2 RÖK Typo3 Dokumentation Inhalt 1) Was ist Typo ) Typo3 aufrufen und Anmelden ) Seiten einfügen/bearbeiten und löschen ) Seite erstellen ) Seitentyp Standard ) Allgemein ) Zugriff ) Metadaten ) Erweitert ) Seitentyp Verweis ) Seitentyp Externe-URL ) Seiten bearbeiten und löschen etc ) Seiteninhalte einfügen/bearbeiten und löschen ) Text ) Text mit Bild ) Bilder auswählen und hochladen ) Nur Bilder ) Dateiverweise ) Gästebuch Beiträge löschen ) Galerie bearbeiten... 17

3 3 RÖK Typo3 Dokumentation 1) Was ist Typo3 Typo3 ist eines der beliebtesten und am weitest verbreiteten Open Source Content Management Systeme der Welt. Die Software dient dazu, Inhalte verschiedenster Art auf einer Webseite von mehreren verschiedenen Redakteuren oder Mitarbeiten pflegen zu lassen. Open Source bedeutet in diesem Zusammenhang, dass der Programmier-Code, in dem die Software geschrieben wurde, offen gelegt ist und deshalb von Programmierern weltweit stetig weiter entwickelt und ausgebaut wird. 2) Typo3 aufrufen und Anmelden 1. Diese Adresse bei Punkt 1 einfügen um zur Typo3 Seite zu gelangen Hier den Benutzernamen eingeben. 3. Hier das Passwort eingeben. 4. Um die Eingaben zu bestätigen den Anmelden Button drücken.

4 4 RÖK Typo3 Dokumentation 3) Seiten einfügen/bearbeiten und löschen 3.1) Seite erstellen Nachdem man sich in Typo3 eingeloggt hat erschein dieses Fenster. 1. Als erstes klickt man mit der rechten Maustaste auf eine der aktuellen Seiten, es erscheint ein neues Menü. 2. In diesem Menü kann man nun mehrere Punkte auswählen, um eine Neue Seite zu erstellen wählen wir den Punkt Seitenaktionen. 3. Jetzt muss man nur noch auf den Punkt Neu klicken. Es erscheint nun dieses neue Fenster, hier kann man nun bestimmen wo die neue Seite seinen platz findet. 1.Bei dem markierten Punkt sieht man einen kleinen Grauen Pfeil, bei jedem dieser Pfeile kann man die neue Seite platzieren. Dies geschieht indem man einen Links klick auf den grauen Pfeil macht.

5 5 RÖK Typo3 Dokumentation 3.2) Seitentyp Standard 3.2.1) Allgemein 1. Hier kann man den Seitentyp auswählen als erstes werde ich den Standard Typ erläutern. Mit diesem Typ kann man eine normale Seite erstellen. 2. Hier wird der Seitenname eingegeben der später angezeigt werden soll. 3. Hier wird eingegeben was später in der URL angezeigt wird ) Zugriff 1. Mit dieser auswahlbox kann man die Seite deaktivieren um sie nur noch mit Typo3 zu erreichen. 2. Mit dieser auswahlbox kann man die Seite im Menü unsichtbar machen und sie über die URL erreichen. 3. Hier kann man ein Datum eingeben mit dem die Seite Veröffentlicht wird und auch Abläuft.

6 6 RÖK Typo3 Dokumentation 3.2.3) Metadaten 1. Hier kann man Schlüsselwörter für die Suchmaschinen zb. Google eingeben. 2. Hier kann man eine Beschreibung für die Suchmaschinen eingeben ) Erweitert 1. Hier kann man den Namen der Seite eingeben für die Suchmaschinen. 3.3) Seitentyp Verweis Ein Verweis wird benützt wenn man nicht auf die Seite kommen will, sondern diese Seite auf eine andere Seite Verweisen soll. 1. Hier wählt man aus das es einen Verweis geben soll. 2. Hier wird später angezeigt wie die Seite heißt auf die Weitergeleitet wird.

7 7 RÖK Typo3 Dokumentation 3. Mit diesem Button kann man den Verweis löschen. 4. Mit diesem Button kann man die Seite auf die Weitergeleitet werden soll suchen. 5. Hier kann man die Seite wie bei Punkt 4 suchen. 6. Hier wird wieder ein Seitentitel eingetragen. 7. Hier wird eingegeben was später in der URL angezeigt wird. 3.4) Seitentyp Externe-URL Link zu externer URL wird verwendet wenn durch das Anklicken dieser Seite man auf eine externe Seite umgeleitet werden soll. 1. Hier wählt man den Menüpunkt aus. 2. Hier kann man verschieden Protokoll Typen auswählen wie ftp:// oder auto. 3. Hier wird die URL eingegeben zb Hier wird der Titel der Seite eingegeben. 3.5) Seiten bearbeiten und löschen etc 1. Zuerst wird mit rechtsklick wieder das Menü aufgerufen. 2. Mit diesem Button kann man die Seiten im Standard Browser ansehen

8 8 RÖK Typo3 Dokumentation 3. Mit diesem Button kann man die Seite Deaktivieren. 4. Mit diesem Button kann man die Seite Bearbeiten. 5. Mit diesem Button öffnet man eine neue Menü ebene. 6. Hier kann man wie vorhin schon gezeigt eine neu Seite erstellen. 7. Die Seite Ausschneiden. 8. Die Seite Kopieren. 4) Seiteninhalte einfügen/bearbeiten und löschen 1. Als erstes wählen wir die Seite aus die wir Bearbeiten wollen. 2. Danach klickt man auf den Button einen neuen Datensatz anlegen. Es öffnet sich ein neues Fenster und dort kann man nun auswählen welchen Seiteninhalt man einfügen will.

9 9 RÖK Typo3 Dokumentation 1. Mit diesem Punkt kann man ein normales Textelement mit Überschrift und Fließtext einfügen. 2. Mit diesem Punkt kann man eine beliebige Anzahl von Bildern mit umfließenden Text einfügen. 3. Mit diesem Punkt kann man eine beliebige Anzahl von in Zeilen und Spalten angeordneten Bildern mit Beschriftungen einfügen. 4. Mit diesem Punkt kann man eine Liste mit Dateien zum Herunterladen einfügen. 4.1) Text 1. Hier wird die Überschrift hineingeschrieben. 2. Mit diesem Menüpunkt kann man Aufzählungszeichen oder Nummerierungen einfügen. 3. Damit kann man einen Text von Formatierungen säubern. 4. Dieser Punkt wird verwendet um Bilder einzufügen. 5. Mit diesem Punkt kann man eine Tabelle erstellen. 6. Damit kann man das Format verändern. 7. Mit diesem Auswahlfeld kann man die Schriftgröße ändern. 8. Wird verwendet um die Farbe zu ändern. 9. Wird verwendet um eine Hintergrundfarbe einzufügen. 10. Hier wird der Fließtext hineingeschrieben.

10 10 RÖK Typo3 Dokumentation 4.1.1) Tabellen erstellen (Ergänzung zu Punkt 5) Nach klicken auf den Button Tabelle einfügen / bearbeiten hat, öffnet sich folgendes Fenster: 1. Hier kann man die Salten Anzahl der Tabelle definieren. 2. Hier kann man die Zeilen Anzahl der Tabelle definieren. 3. Hier kann man den Abstand zwischen dem Zellenrand und dem Inhalt der Zelle definieren. 4. Hier kann man den Abstand zwischen 2 Zellen definieren. 5. Hier kann man die Ausrichtung der Tabelle definieren (Zentriert, Links oder Rechtsbündig). 6. Hier kann man die Dicke des Rahmen definieren (0 = kein Rahmen, 1 = Rahmen mit 1px, usw) 7. Hier kann man die Breite der gesamten Tabelle definieren. 8. Hier kann man die Höhe der gesamten Tabelle definieren. 9. Hier kann man verschiedene Tabellenstiele auswählen: a. tabelle_mit_unterstrich: b. tabelle_mit_rahmen: c. tabelle_mit_hintergrund:

11 11 RÖK Typo3 Dokumentation d. tabelle_mit_hintergrund_2: Mit dieser Klasse kann man z.b. jede zweite Zeile in einer dunkleren Farbe gestalten: Dazu klickt man zuerst in die Zeile der jeweiligen Tabelle die man umfärben will, und danach auf den Button Eigenschaften der Zeile. Darauf öffnet sich ein Fenster in dem man unter CSS-Klasse tabelle_mit_hintergrund_2 auswählt und klickt auf Aktualisieren. 10. Hier kann man die Beschriftung der Tabelle aktivieren.

12 12 RÖK Typo3 Dokumentation 4.2) Text mit Bild Der Menüpunkt Allgemein bleibt gleich, hier kann wie gewohnt Fließtext bearbeitet werden. 1. Hier werden die verschiedenen Bilder angezeigt nachdem man sie eingefügt hat. 2. Mit dem Pfeil nach oben kann ein Bild um eine Position nach oben verschoben werden. 3. Mit dem Pfeil nach unten kann ein Bild um eine Position nach unten verschoben werden. 4. Mit dem X kann ein ausgewähltes Bild wieder gelöscht werden. 5. Mit diesem Symbol kann man die Bilder auswählen. (Erklärung bei Punkt 4.2.1) 6. In diesem Eingabefeld kann man eine Beschriftung für das Bild eingeben. Dabei ist zu beachten dass man für ein Bild immer die Zeile daneben hat um ein Bild zu beschreiben. 7. Diese Checkbox verändert das Verhalten der Bilder, wenn sie aktiviert ist kann man Bilder anklicken die danach Größer werden. 8. In dieser Box kann man Links von Bildern einfügen die man anzeigen soll, wenn es mehrere sein sollen müssen die Links mit einem Beistrich getrennt werden. 9. In dieser Box kann man für das Bild einen Text eingeben der Angezeigt wird wenn das Bild nicht geladen wurde. 10. In dieser Box kann man für das Bild einen Text eingeben der Angezeigt wird wenn man mit der Maus auf das Bild zeigt.

13 13 RÖK Typo3 Dokumentation 4.2.1) Bilder auswählen und hochladen 1. Hier werden alle Ordner angezeigt mit einem Links Klick kann man einen auswählen. 2. Mit dieser Funktion wird die aktuelle Auswahl umgedreht das heißt alle ausgewählten Bilder werden nicht mehr ausgewählt und alle nicht ausgewählten werden Ausgewählt. 3. Mit dieser Funktion kann man die Auswahl einfügen. 4. Hier werden die verschiedenen Bilder angezeigt die man auswählen kann. 5. Mit diesen Checkboxen kann man ein Bild auswählen. Wenn man in diesem Fenster ganz nach unten scrollt kann man eine Datei hochladen. 1. Hier wird der Pfad angezeigt, in den das Bild hochgeladen wird. Dieser kann mit klicken auf den jeweiligen Ordner geändert werden. 2. Nach drücken dieses Buttons kann ein Bild auf dem Computer gesucht werden das hochgeladen werden soll. (max. 3 auf einmal) 3. Dieser Button lädt die Bilder hoch. 4. Beim aktivieren dieser Checkbox werden Bilder mit dem gleichen Namen überschrieben.

14 14 RÖK Typo3 Dokumentation 1. Hier kann die Bildbreite angegeben werden. 2. Hier kann man die Ausrichtung des Bildes ändern. 3. Hier kann man die Anzahl der Spalten angeben. 4.3) Nur Bilder Diese Funktion wird genauso verwendet wie Text mit Bild nur das man hier keinen Fließtext schreiben kann. 4.5) Dateiverweise 1. In diesem Feld wir die Überschrift eingegeben. 2. Hier werden die Ausgewählten Dateien angezeigt. 3. Mit dem Pfeil nach oben kann eine Datei um eine Position nach oben verschoben werden. 4. Mit dem Pfeil nach unten kann eine Datei um eine Position nach unten verschoben werden. 5. Mit dem X kann eine ausgewählte Datei wieder gelöscht werden. 6. Mit diesem Symbol kann man die Datei auswählen. (Erklärung bei Punkt 4.2.1) 7. In diesem Feld kann man noch eine kurze Beschreibung für jede Datei hinzufügen.

15 15 RÖK Typo3 Dokumentation 1. Mit dieser Checkbox kann man Informationen zur Dateigröße anzeigen.

16 16 RÖK Typo3 Dokumentation 5) Gästebuch Beiträge löschen 1. Zuerst geht man in die Listen Ansicht. 2. Als nächstes wählt man das Gästebuch aus welches man bearbeiten möchte. 3. Hier werden alle Gästebucheinträge aufgelistet. 4. Mit diesem Button kann man Gästebucheinträge ändern. 5. Mit diesem Button kann man Gästebucheinträge verstecken. 6. Mit diesem Button kann man Gästebucheinträge löschen.

17 17 RÖK Typo3 Dokumentation 6) Galerie bearbeiten Um eine Galerie zu bearbeiten wechselt man auf die listen Ansicht und wählt danach die Seite mit der Galerie aus. 1. Mit dieser Checkbox kann man eine Galerie verbergen. 2. Hier wird der Galerietitel eingegeben. 3. Hier werden die Bilder angezeigt die sich in der aktuellen Galerie befinden. 4. Mit diesem Symbol kann man Bilder zur Galerie hinzufügen. (Erklärung bei Punkt 4.2.1) 5. Hier kann man für jedes Bild eine Beschreibung eingeben.