TYPO3 Das Content Management System im Überblick

Transkript

1 TYPO3 Das Content Management System im Überblick TYPO3 (Administrationsbereich) aufrufen Rufen Sie dazu die Internetadresse auf. Geben Sie Benutzernamen und Passwort ein. Hinweis: Wenn Sie sich mit Ihrem Benutzernamen zum ersten Mal anmelden, erscheint eine Meldung, dass Sie Ihr Passwort ändern müssen. Klicken Sie in dieser Meldung auf Zu den Benutzereinstellungen. Bitte geben Sie ein neues Passwort ein und speichern Sie die Änderung (Speichern-Symbol links oben). Die wichtigsten Symbole/Schaltflächen in TYPO3 Speichern Auswahl Speichern + Aktion Löschen Inhalt oder Seite bearbeiten neue Seite / neuen Inhalt anlegen Seite / Inhalt nicht mehr auf Website anzeigen Inhalt / Seite kopieren Inhalt / Seite ausschneiden kopierten / ausgeschnittenen Inhalt/Seite einfügen Dateien / Bilder hochladen Das TYPO3 Backend/Administrationsbereich Der Administrationsbereich ist in drei Spalten unterteilt. Linke Spalte - Module: Auswahl des Moduls Seite, Liste, Dateiliste, Einstellungen (Benutzereinstellungen) Mittlere Spalte - Seitenbaum: Auswahl der zu bearbeitenden Seite Rechte Spalte Inhalte: Auswahl/Erstellung der Seiteninhalte Amt für Kommunikation und Öffentlichkeitsarbeit der 1/10

2 Neue Bilder und Dateien hochladen Um Bilder und Dateien auf der Website verwenden zu können, müssen Sie diese zuerst auf den Webserver hochladen. Gehen Sie dazu bitte wie folgt vor: Klicken Sie in in der linken Spalte auf Dateiliste Wählen Sie in der mittleren Spalte den Ordner, in dem Sie das Bild/Datei speichern wollen. Klicken Sie in der Symbolleiste auf das Symbol Dateien hochladen. Es öffnet sich ein neues Fenster. Wählen Sie die Datei/Bild auf Ihrem Computer. (Sie können auch mehrere Bilder/Dateien gleichzeitig auswählen!) Klicken Sie auf Öffnen. Wenn sie eine bereits hochgeladene/vorhandene Datei erneut hochladen, so öffnet sich automatisch folgendes Fenster: In diesem Fenster können Sie unter Aktion wählen, ob Sie die bestehende Datei - belassen - umbenennen - überschreiben möchten Nach Auswahl der Aktion können Sie die Datei(en) mit Klick auf den Button Mit ausgewählten Aktionen fortfahren die Datei(en) hochladen. Die Datei wird hochgeladen. Bitte warten Sie bis der Upload-Vorgang erfolgreich abgeschlossen wurde. Urheberrechtsbestimmungen Bilder und Text von anderen Websites unterliegen strengen Urheberrechtsbestimmungen. Bitte klären Sie unbedingt vor Kopieren/Verwendung auf Ihre Website, ob diese Bilder/Texte verwendet werden dürfen! Amt für Kommunikation und Öffentlichkeitsarbeit der 2/10

3 Neue Veranstaltungen anlegen Klicken Sie in TYPO3 in der linken Spalte auf Liste. Klicken Sie in der mittleren Spalte auf Veranstaltungen Pfarre... (nur auf den Namen klicken, nicht auf das Symbol) Klicken Sie in der rechten Spalte auf das Symbol neuen Datensatz erstellen (in der Symbolzeile oben). Klicken Sie auf Veranstaltung. Wählen Sie die gewünschte Registerkarte (Allgemein, Ort, Veranstalter, usw.) Befüllen Sie die jeweiligen, benötigten, Eingabefelder In der Registerkarte Allgemein können Sie im Feld Bilder Bilder hochladen. Formulieren Sie im Feld Alternativer Text pro Bild eine kurze Bildbeschreibung Erste Zeile im Alternativ-Text ist die Beschreibung für das erste Bild Zweite Zeile Alternativ-Text ist die Beschreibung für das zweite Bild, usw. Sollte die Veranstaltung erst ab einem bestimmten Zeitpunkt auf der Website veröffentlicht werden, gehen Sie bitte wie folgt vor: Registerkarte Zugriff Klicken Sie rechts vom Feld Veröffentlichungsdatum auf das Kalender-Symbol Klicken Sie auf den gewünschten Veröffentlichungstag Korrigieren Sie ggf. die Uhrzeit im Feld Veröffentlichungsdatum Klicken Sie auf das Speichern -Symbol (Diskette in der Symbolleiste). Amt für Kommunikation und Öffentlichkeitsarbeit der 3/10

4 Hintergrundbilder der Seiten ändern/hinzufügen Klicken Sie auf Liste in der linken Spalte. Wählen Sie die Seite aus, auf der Sie das Hintergrundbild ändern wollen. Klicken Sie in der rechten Spalte auf das Symbol Seiteneigenschaften bearbeiten in der oberen Symbolleiste. Wählen Sie die Registerkarte Hintergrundbilder. In dieser Registerkarte ählen Sie bei Modus die Option Hochgeladene Bilder im Dropdown-Menü. Sollte nach dieser Auswahl eine Popup-Meldung kommen, dass sich die Ansicht aktualisiert, bestätigen Sie diese bitte mit JA oder OK Klicken Sie auf das Ordner-Symbol (Dateien durchblättern) rechts neben dem großen weißen Feld Hochgeladene Bilder Wählen Sie die gewünschten Bilder aus, indem Sie auf den jeweiligen Bildnamen oder auf das kleine Plus-Symbol rechts vom Bildnamen klicken. Speichern Sie die Änderungen durch einen Klick auf das Speichern-Symbol (Diskette in der Symbolleiste). Hintergrundbilder der Seiten löschen Klicken Sie auf Liste in der linken Spalte Wählen Sie die Seite aus, deren Hintergrundbild Sie löschen wollen Klicken Sie in der rechten Spalte auf das Symbol Seiteneigenschaften bearbeiten in der oberen Symbolleiste. Wählen Sie die Registerkarte Hintergrundbilder. Klicken bzw. Markieren Sie auf den Bildnamen im Feld Hochgeladene Bilder Rechts vom Feld Hochgeladenen Bilder klicken Sie auf das kleine X-Symbol Das markierte Bild wird nun nicht mehr im Feld angezeigt Speichern Sie die Änderungen durch einen Klick auf das Speichern-Symbol (Diskette in der Symbolleiste). Einen Newsbeitrag erstellen Klicken Sie auf Liste in der linken Spalte. Klicken Sie auf die Seite Newsbeiträge (Unterseite von Daten ). Klicken Sie auf das Symbol neuen Datensatz erstellen. Klicken Sie auf Artikel (unterhalb des Titels News system ). Befüllen Sie alle relevanten Felder mit Überschriften und/oder Texten. Wählen Sie in der Registerkarte Optionen eine Newskategorie aus. In der Registerkarte Relationen können Sie durch Klick auf den Button Add media file hinzufügen. Definieren Sie einen Alternativ-Text (Feld mit gelben Rufzeichen) pro Bild Speichern Sie den neuen Newsbeitrag durch einen Klick auf das Speichern-Symbol (Diskette in der Symbolleiste). Amt für Kommunikation und Öffentlichkeitsarbeit der 4/10

5 Eine Bildergalerie anlegen Klicken Sie auf Liste in der linken Spalte Klicken Sie auf die Seiten-Ordner Daten Wählen Sie hier den Unter-Ordner Bildergalerien Klicken Sie auf das Symbol neuen Datensatz erstellen Klicken Sie auf Bildergalerie (unter dem Titel Image gallery ) Geben Sie der neuen Galerie einen Namen (Feld Titel / Überschrift ) Sie können auch einen Einleitungs- und Beschreibungstext definieren (jedoch kein Muss) Wählen Sie Bilder aus, in dem Sie neben dem Feld Bilder ganz unten (ggf. runterscrollen) auf das kleine Ordner-Symbol klicken. Es öffnet sich ein Popup-Fenster. In diesem Fenster können Sie nun die gewünschten Bilder auswählen Definieren Sie im Feld Alternativer Bildtext eine kurze Bildbeschreibung (ein bis zwei Wörter). Dieser Beschreibungstext dient zur Barrierefreiheit der Bilder auf der Website. Dabei muss pro Zeile eine Beschreibung eingegeben werden. (Beispiel: erste Zeile = Beschreibung für erstes Bild, zweite Zeile = Beschreibung für zweites Bild) Speichern Sie Ihre Eingaben durch Klick auf das Speichern-Symbol (Diskette oben) Neue (Unter)Seiten anlegen Klicken Sie auf Liste in der linken Spalte Klicken Sie auf die Seite Hauptnavigation oder jene Seite, unter der Sie die neue Unterseite anlegen wollen Klicken Sie in der rechten Spalte auf das Symbol neuen Datensatz erstellen Klicken Sie unter Neue Seite erstellen auf Seite (in) Geben Sie der Seite einen Namen, indem Sie das Feld Seitentitel befüllen (Dieser Seitentitel wird auch für die Darstellung der Seite in der Navigation verwendet) Speichern Sie Ihre Eingabe durch Klick auf das Speichern-Symbol (Diskette oben) Amt für Kommunikation und Öffentlichkeitsarbeit der 5/10

6 Inhalte mit Texten mit Bildern erstellen Klicken Sie auf Seite in der linken Spalte. Wählen Sie in der mittleren Spalte die Seite, auf der Sie die neuen Texte einfügen wollen. Klicken Sie in der rechten Spalte unter Inhalte auf das Symbol neuen Datensatz erstellen. Wählen Sie den gewünschten Typ aus (nur Überschrift, Text, Text und Bilder, usw.). Geben Sie eine Überschrift im Feld Überschrift ein. Tipp: Im Feld Typ unter der Überschrift können Sie die Größe der Überschrift bestimmen. (Layout 1 = sehr groß, Layout 2 = groß, Layout 3 = mittel) Geben Sie den Text im Texteditor ein. Bilder können Sie bei der Auswahl Text mit Bildern oder nur Bilder in der Registerkarte Bilder hinzufügen. In der Registerkarte Erscheinungsbild können Sie unter Bildausrichtung bestimmen, ob das Bild oberhalb, unterhalb, links oder rechts neben dem Bild angezeigt werden soll. Speichern Sie Ihre Änderungen durch einen Klick auf das Speichern-Symbol (Diskette oben). Verwendung von Leerzeilen im TYPO3-Texteditor Wenn Sie in einem Text eine Leerzeile einfügen möchten, so drücken Sie bitte die Hochstell-Taste (SHIFT-Taste) und gleichzeitig die ENTER-Taste. Erstellen eines Links im Texteditor von TYPO3 Markieren Sie das Wort oder die Wörter, die Sie verlinken möchten. Klicken Sie auf das Symbol Link einfügen (kleine Weltkugel mit Kette davor). Es öffnet sich ein Popup-Fenster. Hier können Sie je nach Bedarf auswählen, ob Sie auf Seiten Ihrer Website, Dateien, Verzeichnisse, Externe Websites oder s verlinken möchten. Bei externen Links und adressen: Nach Eingabe/Auswahl des Links klicken Sie auf den Button Link setzen. Das Popup schließt sich. Speichern Sie nun Ihre Änderungen durch einen Klick auf das Speichern-Symbol (Diskette oben). Das Kopieren von Texten aus Word oder anderen Websites in den TYPO3- Texteditor Wenn Sie Texte aus Word-Dokumenten oder anderen Website in TYPO3 verwenden wollen, z.b. in Veranstaltungen, Newsbeiträgen oder normalen Inhalteselementen, gehen Sie bitte wie folgt vor: Markieren Sie den zu kopierenden Text in der Word-Datei oder der Website Öffnen Sie den Texteditor Notepad Amt für Kommunikation und Öffentlichkeitsarbeit der 6/10

7 Windows XP Windows 7: Start Zubehör Notepad Windows 8: Maus auf rechten Bildschirmrand ziehen Suchen notepad eingeben Fügen Sie den zuvor kopierten Text ein Markieren Sie nun diesen Text in Notepad Wählen Sie in TYPO3 den gewünschten Datensatz (Veranstaltung, News, etc.) aus Fügen Sie den kopierten Text nun in den Texteditor ein Einen PDF-Blätterkatalog erstellen (z.b. Pfarrbriefe, Gottesdienstordnungen) Laden Sie die gewünschte PDF-Datei auf den Webserver (siehe Punkt Neue Bilder und Dateien hochladen ) Klicken Sie in der linken Spalte auf Liste Klicken Sie in der mittleren Spalte auf den Ordner Daten -> PDF-Blätterkataloge Klicken Sie in der rechten Spalte auf das Symbol neuen Datensatz erstellen In der rechten Spalte erscheint eine Liste mit möglichen neuen Datensätzen Wählen Sie hier unter Convert PDFs into online books die Option Buch aus In der Registerkarte Allgemein müssen Sie nun einen Titel für den PDF-Katalog vergeben Im Feld Datei klicken Sie auf das Symbol Dateien durchblättern (kleines Ordner-Symbol rechts vom Eingabefeld) Es öffnet sich ein Popup Wählen Sie hier die zuvor hochgeladene PDF-Datei aus (Klicke auf den Dateinamen) Optional kann ein Vorschaubild des Blätterkatalogs hochgeladen werden. Ist im Feld Vorschaubild kein Bild ausgewählt, wird die erste Seite der PDF-Datei als Vorschaubild verwendet Optional können Sie noch eine Kurzbeschreibung zum Blätterkatalog erstellen Speichern Sie Ihre Änderungen durch einen Klick auf das Speichern-Symbol (Diskette oben). Klicken Sie in der linken Spalte auf Liste Wählen Sie in der mittleren Spalte die Seite aus, auf der der Blätterkatalog angezeigt werden soll (z.b. Pfarrbriefe, Gottesdienstordnung) In der rechten Spalte: Klicken Sie bei dem Inhaltselement (Typ: Plugin) auf das Bearbeiten- Symbol (Bleistift) Das Inhaltselement öffnet sich Klicken Sie im Inhaltselement auf die Registerkarte Plug-in Im Feld PDFs als Online-Blätterfunktion können Sie nun Blätterkataloge auf der Seitenausgabe hinzufügen oder entfernen. Hinweis: Dieses Feld dient nur für die Websiteausgabe Blätterkataloge selbst können hier nicht erstellt oder gelöscht werden! Amt für Kommunikation und Öffentlichkeitsarbeit der 7/10

8 Einen Youtube-Channel mittels Youtube-API einbinden Voraussetzung: Sie haben die Youtube-API bestellt. Wenn Sie das Tool bestellen möchten, wenden Sie sich bitte an das Amt für Kommunikation. Schritte in Youtube: Öffnen Sie den gewünschten Youtube-Channel oder Youtube-Plalist (auf Kopieren Sie die URL (in der Adresszeile des Browsers) Die URL sieht aus wie folgt : Channel: ID-des-channels Playlist: Schritte in TYPO3 Klicken Sie in der linken Spalte auf Seite Wählen Sie in der mittleren Spalte die Seite aus, auf der Ihr Youtube-Channel ausgegeben werden soll Klicken Sie in der rechten Spalte unter Inhalte auf das Symbol neuen Datensatz erstellen. In der rechten Spalte öffnet sich das Auswahlfenster der Inhaltstypen. Klicken Sie auf die Registerkarte Plug-Ins Klicken Sie auf Allgemeines Plug-In In der rechten Spalte öffnet sich das Inhalts-Konfigurationsfenster Klicken Sie auf das Registerkarte Plugin-In Wählen Sie im Feld Ausgewähltes Plug-In das Plugin Youtube API aus Kopieren Sie die URL Ihres Channels in das Feld Youtube-Channel (die URL einer Playlist bitte in das Feld Youtube-Playlist einfügen Sie können die Ausgabe der Youtube-API auf Ihrer Website individuell konfigurieren, indem Sie die restlichen Konfigurationsmöglichkeiten der Eingabemaske nutzen Speichern Amt für Kommunikation und Öffentlichkeitsarbeit der 8/10

9 Kurzzusammenfassungen Neue Bilder und Dateien hochladen 1. Linke Spalte Klick auf Dateiliste 2. Gewünschtes Verzeichnis auswählen 3. Klick auf Symbol Dateien hochladen in der rechten Spalte 4. Datei(en) vom eigenen Computer auswählen 5. Dateien werden hochgeladen Neue Veranstaltung anlegen 1. Linke Spalte Klick auf Liste 2. Mittlere Spalte - Veranstaltungen Pfarre... auswählen 3. Rechte Spalte Klick auf Symbol neuen Datensatz erstellen 4. In der Datensatzliste Veranstaltung auswählen 5. Die benötigten Felder der Veranstaltungen ausfüllen 6. Speichern Hintergrundbilder der Seiten ändern/hinzufügen 1. Linke Spalte Klick auf Liste 2. Mittlere Spalte Klick auf die Seite, deren Hintergrundbilder Sie ändern möchten 3. Rechte Spalte Klick auf das Symbol Seiteneigenschaften bearbeiten 4. Registerkarte Hintergrundbilder auswählen 5. Feld Modus auf Hochgeladene Bilder einstellen 6. Im Feld Hochgeladene Bilder neue Bilder hinzufügen oder vorhandene löschen 7. Speichern Einen Newsbeitrag erstellen 1. Linke Spalte Klick auf Liste 2. Mittlere Spalte Seite Newsbeiträge (Unterseite von Daten ) auswählen 3. Rechte Spalte Klick auf das Symbol neuen Datensatz erstellen 4. In der Datensatzliste Artikel auswählen (unterhalb des Titels News system ) 5. Alle benötigen/relevanten Felder befüllen 6. Newskategorie zuweisen (Registerkarte Optionen ) 7. Speichern Amt für Kommunikation und Öffentlichkeitsarbeit der 9/10

10 Eine Bildergalerie anlegen 1. Linke Spalte Klick auf Liste 2. Mittlere Spalte Seite Bildergalerien (Unterseite von Daten ) auswählen 3. Rechte Spalte Klick auf das Symbol neuen Datensatz erstellen 4. In der Datensatzliste Bildergalerie auswählen 5. Alle benötigten/relevanten Felder befüllen 6. Bilder auswählen 7. Alternativ-Text pro Bild definieren 8. Speichern Neue (Unter)Seiten anlegen 1. Linke Spalte Klick auf Liste 2. Mittlere Spalte wählen Sie die Seite aus, in der die neue Unterseite erstellen werden soll 3. Rechte Spalte Klick auf das Symbol neuen Datensatz erstellen 4. In der Datensatzliste unter Neue Seite erstellen, Klick auf Seite (in) 5. Im Feld Seitentitel den Seitennamen eingeben 6. Speichern Inhalte mit Texten und Bildern erstellen 1. Linke Spalte Klick auf Seite 2. Mittlere Spalte gewünschte Seite auswählen 3. Rechte Spalte Im Bereich Inhalte auf Symbol neuen Datensatz erstellen klicken 4. Wählen Sie den gewünschten Inhaltstyp aus (Überschrift, Text, Text mit Bildern, usw.) 5. Geben Sie die Überschrift und/oder die Texte ein 6. Bilder in der Registerkarte Bilder hinzufügen (bei INhaltstypen Text mit Bilder oder Bilder) 7. Speichern PDF Blätterkatalog erstellen 1. Laden Sie in der Dateiliste die PDF-Datei auf den Server 2. Linke Spalte Klick auf Liste 3. Mittlere Spalte - Mittlere Spalte Seite PDF-Blätterkataloge (Unterseite von Daten ) auswählen 4. Rechte Spalte Klick auf Symbol neuen Datensatz erstellen 5. In der Datensatzliste Buch auswählen 6. Relevante Felder befüllen und PDF-Datei auswählen 7. Speichern Amt für Kommunikation und Öffentlichkeitsarbeit der 10/10