TYPO3 4.4.x - Schulungsunterlagen für Redakteure TZ-COM Thomas Zimmermann Computer GmbH (Reinhard Kreitner )

Transkript

1 TYPO3 4.4.x - Schulungsunterlagen für Redakteure TZ-COM Thomas Zimmermann Computer GmbH (Reinhard Kreitner ) Wichtige Begriffe:... 2 Was ist ein Content Management System (CMS)?... 2 Die Begriffe Frontend und Backend lt. WIKIPEDIA!... 2 Frontend... 2 Backend... 2 Die Oberfläche... 3 Anmeldung Backend... 3 Übersicht Backend... 4 Hauptmenü (Menüpunkte für Redakteure)... 4 Web... 4 Datei... 4 Benutzer... 4 Seiten und Inhalte anlegen... 5 Neue Seite anlegen... 5 Seiteneigenschaften Allgemein... 7 Seiteneigenschaften Ressourcen... 7 Seiteneigenschaften Zugriff... 7 Seite bearbeiten... 8 Inhalt anlegen... 9 Inhaltstyp Text Inhaltstyp Text mit Bild Seiteninhalte bearbeiten: Dateiliste: Dateien hochladen: Optionen in der Dateiliste: Extensions: Image Lightbox V News: Neue News erstellen: Bearbeiten eines vorhanden News Artikel Gästebuch: Seite 1 von 22

2 Wichtige Begriffe: Was ist ein Content Management System (CMS)? Content Management ist Inhaltsmanagement. Ein Content Management System ( (CMS) organisiert die Darstellung Ihrer Inhalte - Bilder, Texte, Tabellen, Multimedia usw. - auf Ihrer Internetseite. Alle Ihre Inhalte werden vom CMS automatisch mit Ihrem Design versehen, und für Ihre Besucher dargestellt - wie eine normale Webseite. Die Pflege und Aktualisierung ist für Sie aber im Gegensatz zu einer normalen Webseite jedoch stark vereinfacht. Die Begriffe Frontend und Backend lt. WIKIPEDIA! Die Begriffe Frontend und Backend (deutsch vorderes und hinteres Ende ) werden in der Informationstechnik an verschiedenen Stellen in Verbindung mit einer Schichteneinteilung verwendet. Dabei ist typischerweise das Frontend näher am Benutzer, das Backend näher am System. Frontend Das Frontend eines CMS ist der Teil, den Ihre Besucher zu sehen bekommen. Das Frontend wird in jedem aktuellen Browser (z.b. Microsoft Internet Explorer, Mozilla Firefox, Google Chrome ) wie eine herkömmliche Webseite angezeigt und bedient. Backend Das Backend eines CMS ist der Teil, mit dessen Hilfe Sie die Inhalte Ihrer Seite kontrollieren und aktualisieren. Es ist, genauso wie die Seite selbst, weltweit erreichbar, so dass Sie von jedem Internet Anschluss aktuellste Informationen einfügen, löschen oder ändern können Die Navigationsstruktur Ihrer Seiten wird ähnlich der Ordneransicht im Microsoft Windows Explorer dargestellt. + und - Symbole blenden einzelne Zweige Ihrer Webseite ein oder aus. Texte werden mit einem so genannten Rich-Text-Editor eingegeben, der im Browser dargestellt wird. Er ist in der Oberfläche eng an Microsoft Word angelehnt und dementsprechend problemlos zu bedienen. Nutzer, die Internet Explorer und Microsoft Word kennen, benötigen häufig nur wenig Einarbeitungszeit, um Texte, Bilder, Tabellen etc. selbstständig zu aktualisieren! Seite 2 von 22

3 Die Oberfläche Anmeldung Backend Durch Eingabe von Benutzername und Passwort gelangen sie in das sogenannte Backend ihrer Webseite. Seite 3 von 22

4 Übersicht Backend Gliederung in Hauptmenü, Seitenbaum und Inhaltsbereich Hauptmenü (Menüpunkte für Redakteure) Web Seite: Standardinhalte (Texte, Bilder, usw.) erstellen / bearbeiten / löschen Liste: Spezielle Inhalte (News, Gästebucheinträge, usw.) erstellen / bearbeiten / löschen Funktionen: mehrere Seiten können in einem Arbeitsschritt angelegt werden Datei Dateiliste: Dateien hochladen (Bilder, pdf Dokument usw.) Benutzer Einstellungen: Persönliche Einstellungen bearbeiten (Passwort ändern, Namen und Adresse) Seite 4 von 22

5 Seiten und Inhalte anlegen Neue Seite anlegen In der Seitenansicht auf das Icon Neue Seite anlegen klicken Seite 5 von 22

6 Position des neuen Datensatzes (der neuen Seite) auswählen in dem man den Pfeil zwischen bestehenden Seiten auswählt. Seite 6 von 22

7 Seiteneigenschaften Allgemein Typ: Standard: normale Seite mit Inhalten Link zu externe Url: beliebige Seite im www Verweis: Verweis auf eine andere Seite SysOrdner: besondere Inhalte z.b. News, Photos für Photogallery Seite verstecken: Kann beim Erstellen der Seite nützlich sein, wenn aktiviert, ist die Seite im Frontend nicht sichtbar. Im Menü verbergen: Seite wird im Menü (Navigation) nicht angezeigt ist aber sichtbar, nicht verwechseln mit Seite verstecken Seitentitel: Name der Seite Untertitel: Untertitel der Seite (opional) Navigationstitel: alternativer Titel im Menü, Vorrang gegenüber dem Seitentitel (opional) Seiteneigenschaften Ressourcen Optional kann einer Seite z.b. ein Bild hinterlegt werden welches irgendwo im Layout nur bei dieser Seite angezeigt wird. Seiteneigenschaften Zugriff Seiten und optional auch alle Unterseiten nur während eines Zeitraums anzeigen, oder für eine bestimmte Benutzergruppe zugängig machen. Seite 7 von 22

8 Seite bearbeiten Mit der rechten Maustaste auf die Seite klicken und z.b. Seiteneigenschaften bearbeiten (wie bei Seite erstellen), löschen (Vorsicht beim Löschen der Seite wird auch der gesamte Inhalt der Seite gelöscht.) Seite 8 von 22

9 Inhalt anlegen Im Backend die Seite auswählen, wo der Inhalte angelegt werden soll. Die Punkte Neues Inhaltselement oder Neuen Datensatz anlegen führen alle zum selben Ziel. In den meisten Fällen wird nur die Spalte NORMAL verwendet. Seite 9 von 22

10 Inhaltstyp auswählen: Normaler Text: Überschrift mit Text Text mit Bild: Text mit darunter liegendem Bild, Text mit rechts liegendem Bild: Normaler Text mit beliebig vielen Bildern. Nur Bilder: beliebig viele Bilder mit Überschrift Aufzählung: 1., 2., 3., usw. Dateiverweise: Liste mit Dateien zum Download Medien: Video, Audio, Flash, o.ä. einbinden Sitemap: Sitemap oder verschiedene Arten von Menüs (z.b. Menü des Seiteninhalts, der Unterseiten) Reines HTML: HTML-Code Mailformular: Formular, dessen Inhalt an eine -Adresse gesandt wird Suchformular: Formular zur Textsuche innerhalb des gesamten Webs News: Spezielles News-System mit Archivierung Seite 10 von 22

11 Inhaltstyp Text Typ: Inhaltstyp kann geändert werden. Verbergen: gesamtes Inhaltselement kann verborgen werden. z.b. während des erstellen eines Artikels, bei wiederkehrenden Angeboten usw. Überschrift: Überschrift des Textblocks Link zum Seitenanfang einfügen: nützlich bei langen seiten um von weit unten schnell zum Seitenanfang zu gelangen. Text: Editierung des Text mit Hilfe des Rich Text Editors (RTE) Zugriff: optional kann dem Inhaltselement ein Anfangs und Enddatum angegeben werden zu welchem dieser Inhalt ein- bzw. ausgeblendet wird. Seite 11 von 22

12 Inhaltstyp Text mit Bild Die Eingabe des Textes erfolgt unter Allgemein wie bei Inhaltstyp normaler Text Unter Medien können Bilder in den Inhalt eingefügt werden. Mit Position kann die Position des bzw. der Bilder zum Text konfiguriert werden. Unter Bildmaße kann die Breite und die Höhe angepasst werden. ACHTUNG Typo3 ist KEIN Bildbearbeitungsprogramm! Seite 12 von 22

13 Seiteninhalte bearbeiten: Die Icons im Detail: Mit Hilfe des 1. Symbol (Taschenrechner mit + Zeichen) können sie ein weiteres Inhaltselement nach dem ausgewähltem einfügen. Durch klicken auf den Bleistift (2.Symbol) kann der Inhalt bearbeitet werden. Das 3. Symbol (Glühlampe) dient zum ein- bzw. ausblenden bestimmter Inhaltselemente im Frontend. Der Mülleimer (4.Symbol) löscht das ausgewählte Inhaltselement. Mit Hilfe der Symbole Pfeil auf und Pfeil ab können die Inhalte in ihrer Reihenfolge verschoben werden. Seite 13 von 22

14 Dateiliste: Dateien hochladen: Mit der Funktion Neu können neue Verzeichnisse angelegt werden Verzeichnis auswählen und danach die Schaltfläche Dateien hochladen klicken Seite 14 von 22

15 Dateien auswählen öffnet den Windows Dialog zum auswählen der Dateien. Seite 15 von 22

16 Durch drücken der Shift Taste können mehrere Dateien in einem Vorgang ausgewählt bzw. hochgeladen werden. Durch drücken der Schaltfläche Öffnen wird der Upload gestartet. Achtung! Bei grossen Bildern bzw. mehrere Bilder in einem Updoad Vorgang kann der Vorgang einige Minuten dauern. Beachten Sie den Balken des Uploadfortschritts in der Statusleiste. Nach erfolgreichem Upload sind die Dateien in der Dateiliste sichtbar. Typo3 wechselt automatisch nach dem Upload in diese Ansicht! Wechselt man vorher in einen anderen Menüpunkt, z.b. Seite, so wird der Upload abgebrochen! Seite 16 von 22

17 Optionen in der Dateiliste: Vorschaubilder anzeigen: zeigt bei jeder Bilddatei eine Vorschau an Erwiterte Ansicht: zeigt zusätlich einige Icon s wie Umbenennen, Kopieren Auschneiden. Seite 17 von 22

18 Extensions: Image Lightbox V2 Erstellen Sie einen Seiteninhalt des Typs nur Bilder oder Text mit Bild und fügen sie beliebig viele Bilder ein. Durch Begrenzen der Breite der Bilder auf z.b. 150 Pixel wird die Grösse des Vorschaubildes festgelegt. Im Punkt Bild Links versteckt sich die Extension Image Lightbox v2 durch Aktivieren dieser bzw. der optionalen Punkte Imageset und Presentation erhalten Sie eine tolle Photogallery. Seite 18 von 22

19 News: Im Hauptmenü unter Web den Menüpunkt Liste auswählen und im Seitenbaum die Seite auf der die News gespeichert werden markieren. Neue News erstellen: Durch klicken auf Neuen Datensatz anlegen Seite 19 von 22

20 Datensatztyp News auswählen Titel: Titel (Überschrift) der News Verstecken: Sichtbarkeit des News Artikels Autor und Adresse der News Untertitel der News (kann Kurzbeschreibung beinhalten) Text: eigentlicher Inhalt der News Seite 20 von 22

21 Bearbeiten eines vorhanden News Artikel durch klicken auf den Bleistift Sortierung und optionales Archivieren wird durch den Administrator festgelegt. Seite 21 von 22

22 Gästebuch: Wie bei News wechseln Sie im Menü Web auf Liste und wählen die Seite mit den Gästebucheinträgen aus. Der Gästebucheintrag test ist im Frontend sichtbar, testeintrag hingegen ist versteckt. Durch klicken auf das Symbol des Gästebuch-Eintrags kann der Datensatz bearbeitet werden. Die Sichtbarkeit des Gästebuch Eintrags kann mit Verstecken konfiguriert werden. Alle folgenden Felder sind jene, die der Besucher ausgefüllt hat. Seite 22 von 22