LFK-Bezirks-Homepage

Transkript

1 LFK-Bezirks-Homepage Typo3 Hilfe für Redakteure Version: 1.4 Zuletzt aktualisiert am: Zuletzt aktualisiert von: Razenberger Thomas Homepage Neu Hilfe für Redakteure

2 Änderungsverzeichnis Version Datum Änderung Ersteller Grundstruktur Zusammenfassung Thomas Razenberger Überarbeitung, Bezirks-Benutzer anlegen Thomas Razenberger Version 1 Thomas Razenberger Anpassung Nachrichten Thomas Razenberger Versionsverwaltung der Inhaltselemente Thomas Razenberger Anpassung Nachrichten Thomas Razenberger Neu: erstellen Detailansicht für eine spezielle News-Kategorie, Nachrichten Archiv einrichten, Cache Funktion, Allgemeine Überarbeitung Thomas Razenberger OÖ. Landes-Feuerwehrverband Seite 2 von 28 Version: 1.4

3 Inhaltsverzeichnis 1 Kleine Einführung Alles im Web-Browser Das Caching-Prinzip von TYPO Bildbearbeitung Bilder in TYPO Anmelden Aufbau der Typo3-Benutzeroberfläche Passwort/Benutzerdaten ändern: Arbeitsfläche Statische Seiteninhalte anlegen Neuen Content/Inhalt anlegen: Neues Textelement anlegen Seiteninhalte Speichern Verlinkungen im Text anlegen Neuen Content/Inhalt anlegen: Neues Textelement mit Bild anlegen Seiteninhalte bearbeiten Seiten bearbeiten Seiteneigenschaften bearbeiten Seiteneigenschaften bearbeiten: Seiten verschieben: Neue Seite anlegen Nachrichten (News) Neuen Artikel erstellen Beispiel Einsatz: Detailansicht für eine News-Kategorie Detail Seite erstellen Plug-In hinzufügen Nachrichten Kategorie anpassen Nachrichten Archiv hinzufügen Archiv anlegen Archiv Plug-In einstellen Grundlagen zum TYPO3-Modul Dateiliste Medien per FTP/SFTP auf den Webserver laden Medien über die TYPO3-Dateiliste uploaden Versionsverwaltung Versionen anzeigen Neue Version anlegen Version Bearbeiten Neue Version freischalten Backend Benutzer anlegen Linksammlung (ohne Gewähr): OÖ. Landes-Feuerwehrverband Seite 3 von 28 Version: 1.4

4 Einleitung: Dieses Handbuch richtet sich einschließlich an die Redakteuren der einzelnen LFK Bezirk-Seiten und sollte eine kleine Hilfestellung im Arbeiten mit der neuen Homepage sein. Grundlagen in Umgang mit Typo3 sind von Vorteil. Für Typo3 gibt es eine Menge Online Lehrmaterial und in Buchform zu finden. Dieses Handbuch geht genauer auf die speziell benötigten Extensions und den generellen Umgang im Backend ein. 1 Kleine Einführung Jeder Bezirk in OÖ besitzt eine eigene MicroSite auf Basis der LFK Seite. Somit wird ein einheitliches Auftreten garantiert. Im Zuge dessen obliegt dem LFK das Design der Seite. Der Bezirk kann kleine Anpassungen an der Menüstruktur vornehmen. 1.1 Alles im Web-Browser TYPO3 ist ein Online-Redaktionssystem und benötigt als Client nur einen üblichen Web-Browser. Sie können jederzeit und überall Veränderungen an Ihrer Web-Site vornehmen. Frontend Das so genannte Frontend von TYPO3 ("vordere Seite") ist der Web-Server, der die Web-Pages den Internet-Surfern anzeigt. Der Zugriff kann mit jedem beliebigen Web-Browser erfolgen, auch mit älteren Versionen und auch ohne spezielle Funktionen wie Cookies oder JavaScript. Genauso wurde die Homepage so konzipiert das es keine Einschränkung beim Surfen mit mobilen Endgeräten beliebiger Größe gibt. Der Zugriff auf die Web-Pages erfolgt im Allgemeinen über einen URL Backend Das so genannte Backend von TYPO3 ("hintere Seite") ist das Content-Management-System, mit dem die Web-Pages erstellt und editiert werden. Der Zugriff ist nur für berechtigte Personen, die sogenannten Web-Autoren oder Redakteure möglich (Login, siehe Kapitel 2). Sie brauchen dafür einen Benutzernamen und ein Passwort mit einer entsprechenden TYPO3-Berechtigung. Der Zugriff kann mit allen gängigen Web-Browsern erfolgen. Cookies und JavaScript müssen eingeschaltet sein und Popup-Fenster müssen für diesen Server erlaubt sein. Der Zugriff auf das Backend erfolgt im Allgemeinen über einen URL der Form (während des Testzeitraums) bz.ooelfv.at/typo3 (bz=bezirk kurz) Nur wenn Seite bereits online verfügbar ist. OÖ. Landes-Feuerwehrverband Seite 4 von 28 Version: 1.4

5 1.2 Das Caching-Prinzip von TYPO3 Sie haben einen Inhaltsbereich überarbeitet oder einen neuen Inhalt eingestellt, das Ergebnis abgespeichert und auf sichtbar gesetzt. Dennoch erscheint die Änderung wider Erwarten nicht im Frontend. Warum? TYPO3 ist als professionelles Content Management System dafür ausgelegt, auch Websites mit tausenden von Inhaltsseiten managen zu können. Die Website selbst besteht aus einem Template, einer Rahmenvorlage mit Platzhaltern ( Markern ). Der eigentliche Content, den Redakteure über das TYPO3-Backend einpflegen, befindet sich als Rohdaten in einer MySQL-Datenbank. Wird eine Seite nun von einem Besucher zum ersten Mal aufgerufen, so muss TYPO3 die Inhalte zunächst aus der Datenbank zusammensuchen, in die entsprechenden Marker einfügen und (serverseitig) die Seite aufbauen. Das Ergebnis wird dann als HTML-Seite an den Browser des Benutzers geschickt und als fertige Webseite angezeigt. Insbesondere bei einer gut frequentierten Website mit vielen Inhaltsseiten kann dadurch die Wartezeit bis zur Anzeige der fertigen Seite verhältnismäßig lang ausfallen. Daher bedient sich TYPO3 eines Tricks : Statt jedes Mal die komplette Seite neu aufzubauen, wird das Ergebnis gecached. Dabei wird eine Kopie der erstellten Seite zwischengespeichert und kann beim Aufruf durch den nächsten Besucher schneller angezeigt werden. Dadurch wird vermieden, dass die Informationen unter relativ hohem Aufwand ständig neu generiert werden müssen. Wird die vorgenommene Änderung nicht im Frontend angezeigt, so ist der Seitencache zu löschen. Sofern der Administrator die erforderlichen Rechte vergeben hat, steht dafür oben rechts in der Ecke ein entsprechendes Icon zur Verfügung: OÖ. Landes-Feuerwehrverband Seite 5 von 28 Version: 1.4

6 1.3 Bildbearbeitung Bilder in TYPO3 Was wäre eine Website ohne Bilder? Ihnen steht digitales Bildmaterial zur Verfügung, mit dem Sie das Webportal aufwerten möchten oder das zusätzliche visuelle Informationen bereitstellt z.b. Bilder des Mitarbeiterteams oder Grafiken. Bilder, die direkt von einer Digitalkamera stammen, können mehrere Megabyte groß sein. Werden diese unverändert auf den Webserver übertragen, so können lange Upload-Zeiten entstehen und die Bilder benötigen zudem viel Platz auf dem Server. Derart große Bilder sollten auf der Website letztendlich sowieso nicht eingesetzt werden, da es durch den Ladevorgang zu langen Wartezeiten beim Besucher kommen kann und sich die Ladedauer nachteilig auf das Suchmaschinenranking auswirkt. In Bezug auf die Suchmaschinenoptimierung sollte im Idealfall eine einzelne Seite inklusive aller Texte, Bilder und sonstigen Medien nicht größer als ca. 120 KByte sein. Gut also, dass TYPO3 mit integriertem ImageMagick (oder GraphicMagick) über Bordmittel verfügt, eine große Bilddatei auf handliches Webformat zu reduzieren. Dabei lässt sich auch die Bildqualität ganz nach Wunsch einstellen, um wahlweise größtmögliche Qualität, bestmögliche Ladezeiten oder den idealen Kompromiss aus beiden Möglichkeiten zu realisieren. Sogar Features wie das Drehen oder Schärfen von Bildern werden angeboten. Dennoch ist es in der Regel von Vorteil, wenn die Bilder vorab in einem Bildbearbeitungsprogramm bearbeitet werden. Damit kann die Bildqualität verbessert und das Foto auf das gewünschte Zielformat skaliert werden. Letzteres bietet den Vorteil, dass einerseits nur kleine Bilddateien auf den Server geladen werden müssen und der Upload schneller von statten geht, andererseits weniger Speicherplatz auf dem Server benötigt wird. Bildbearbeitungssoftware Das Standardwerkzeug für professionelle Bildbearbeitung ist Adobe Photoshop. Doch auch kostenlose Bildbearbeitungsprogramme können gute Dienste leisten. Empfehlenswert ist beispielsweise das kostenlose Programm GIMP: Dort wird auch ein deutschsprachiges Handbuch angeboten. Eine Downloadseite in deutscher Sprache ist z.b.: Tutorials und Anleitungen bietet beispielsweise die Gimp-Werkstatt an: Sollten Sie bereits mit einem anderen Bildbearbeitungsprogramm vertraut sein, so können Sie dieses selbstverständlich ebenfalls einsetzen. Weitere Programme Picassa3: Verkleinerer.exe: OÖ. Landes-Feuerwehrverband Seite 6 von 28 Version: 1.4

7 2 Anmelden Wenn Sie die Backend-Adresse in Ihrem Web-Browser eingeben, erscheint eine Seite mit folgendem Dialogfeld: Geben Sie bitte Benutzername (nachname.vorname) und das Passwort ein danach klicken Sie auf Anmelden. Bei erfolgreichem Login erscheint Ihre persönliche Benutzeroberfläche. 2.1 Aufbau der Typo3-Benutzeroberfläche Die Arbeitsoberfläche von TYPO3 ist in drei Hauptbereiche unterteilt. 1. Links sehen Sie die Modulleiste. Hier wählen Sie aus, welche Art von Arbeiten Sie durchführen wollen. 2. In der Mitte sehen Sie den Verzeichnisbaum. Hier wählen Sie aus, welche Seite oder welchen Seiteninhalt Sie bearbeiten wollen. 3. Rechts sehen Sie die Arbeitsfläche. Hier führen Sie Ihre Arbeiten durch. 2.2 Passwort/Benutzerdaten ändern: Um Ihr Passwort zu ändern klicken Sie ganz links in der Modulleiste auf Benutzerwerkzeuge und Einstellungen Folgendes Fenster erscheint: Geben Sie Ihre adresse und Ihr neues Passwort sowie optional Ihren Namen ein. Fixieren Sie Ihre Änderung durch klicken auf das Speichern-Symbol Speichern OÖ. Landes-Feuerwehrverband Seite 7 von 28 Version: 1.4

8 3 Arbeitsfläche Die Arbeitsfläche wird vom LFK vorgegeben und kann nicht geändert werden. Eine Seite wird in 3 Bereiche eingeteilt. SLIDER: Bilder im Kopfbereich (sind keine Bilder bei der Seite vorhanden werden die Bilder der übergeordneten Seite verwendet). ACHTUNG: Max. 4-5 Fotos (950x300 Pixel) pro Seite. Bilder sollten für Web und Geräte optimiert sein. Gilt generell für alle Fotos. INHALT: Content, News Bereich (In diesem Bereich werden die Inhalte, News, Bilder angezeigt) RECHTE SPALTE: können Seperate Infos bzw. Plug-in`s hinzugefügt werden. Beispiel: Quicklinks, Termine. In der Rechten Spalte werden Statische Inhaltselemente (Über uns, Termine/Veranstaltungen, Qicklinks) angezeigt. Diese Inhalte sind über sidebar-static konfigurierbar. OÖ. Landes-Feuerwehrverband Seite 8 von 28 Version: 1.4

9 4 Statische Seiteninhalte anlegen In einer Seite befinden sich Statische Inhalt Elemente. Für aktuelle Nachrichten (NEWS) ist die Extension Nachrichten zu verwenden (siehe Kapitel 5). 4.1 Neuen Content/Inhalt anlegen: Neues Textelement anlegen Klicken Sie links in der Modulleiste auf Seite, erscheint der so genannte Verzeichnisbaum, die Menüstruktur Ihrer Seite. Klicken Sie auf die Seite, wo ihr Inhalt erscheinen soll, als Beispiel in diesem Fall auf Home, es erscheint die Arbeitsfläche mit den bisher eingefügten Inhalten: Klicken Sie auf das Symbol mit dem grünen Pluszeichen Text : (Neuen Inhalt einfügen) und wählen Sie Sie können nun zwischen Allgemein, Erscheinungsbild und Zugriff wählen. ALLGEMEIN: Unter Typ können Sie im Nachhinein ändern. Hier können Überschrift und Texte eingebaut werden sowie die Texte auch bearbeitet werden. Das bearbeiten des Textes (Zeichen fett, kursiv setzten, Aufzählungslisten erstellen etc.) erfolgt wie in jedem anderen Textbearbeitungsprogramm wie z.b. in Microsoft Word. OÖ. Landes-Feuerwehrverband Seite 9 von 28 Version: 1.4

10 ERSCHEINUNGSBILD: Hier kann ein Abstand für das Element oben und unten geben. UNTER "ZUGRIFF" WÄHLEN SIE: Die Sichtbarkeit Ihres Inhaltes aus. Wenn Sie wollen, dass der Inhalt momentan NICHT online abrufbar ist, können Sie ihn mittels Ankreuzen verbergen. Dieser Schritt ist jederzeit rücksetzbar, der Inhalt der Seite wird nicht gelöscht. 4.2 Seiteninhalte Speichern Beim Speichern Ihres Inhalts können Sie zwischen 4 Elementen wählen, die oberhalb Ihres Inhalts angezeigt werden: 1. Dokument Speichern und weiter arbeiten 2. Dokument Speichern und Webseite anzeigen (= Vorschau) 3. Dokument Speichern und Schließen 4. Dokument Speichern und neues Element erstellen 4.3 Verlinkungen im Text anlegen Wenn Sie einen Link setzen wollen, markieren Sie das Wort, dass verlinkt werden soll und klicken Sie auf das Symbol der Weltkugel. Es erscheint ein neues Fenster: SEITE: Hier können Sie auf eine Seite innerhalb Ihres Webauftrittes verlinken. Anschließend Link setzen. DATEI: Hier können Sie auf eine Datei wie zb. auf ein PDF verlinken. (TIPP: Wählen Sie hier unter Zielfenster im Dropdownmenü Neues Fenster damit der Besucher die Seite nicht verlässt wenn er bei der Datei auf schließen klickt). Anschließend Link setzen. EXTERNE URL: Hier können Sie auf eine andere Website wie zb auf die Website eines Partners verlinken. Wenn Sie auf eine externe Webseite verlinken wollen, geben die Adresse inkl. zu Beginn ein. (TIPP: Wählen Sie hier unter Zielfenster im Dropdownmenü Neues Fenster damit der Besucher die Seite nicht verlässt wenn er die verlinkte Seite schließt). Anschließend Link setzen. Hier können Sie eine adresse verlinken (zb unter Kontakt). Anschließend Link setzen. Der gesetzte Link ist im Text dadurch zu erkennen, dass er blau und unterstrichen ist. OÖ. Landes-Feuerwehrverband Seite 10 von 28 Version: 1.4

11 4.4 Neuen Content/Inhalt anlegen: Neues Textelement mit Bild anlegen Wenn Sie ein Textelement mit Bild einfügen wollen, gehen Sie wie in Kapitel 2.1. vor. Sie klicken auf, um einen neuen Inhalt einzufügen. Bsp.: Text mit rechts liegendem Bild: ALLGEMEIN: Wie schon in Kapitel 2.1. erläutert können Sie Ihrem Inhalt unter Allgemein optional eine Überschrift geben. Als Typ lassen Sie in diesem Fall Text und Bilder bestehen. BILDER: Unter Bilder geht es jetzt direkt um das Einfügen des Bildes. Klicken Sie auf Bilder und es erscheint folgende Maske: Hier können Sie entweder per Bild hinzufügen Bilder einbauen, welche sich bereits in der Dateiliste befinden oder per Dateien auswählen und hochladen direkt vom PC in diese Seite hochladen. BILD HINZUFÜGEN: Bei diese Funktion öffnet sich ein neues Fenster: In diesem Fenster können Sie Bilder auswählen, welche auf der gewünschten Seite angezeigt werden sollen. Haken Sie nun das gewünschte Bild/die gewünschten Bilder an und klicken auf Auswahl importieren. Auswahl umkehren wäre nur sinnvoll wenn von sehr vielen hochgeladenen Bildern die meisten importiert werden sollen. Nachdem das Bild importiert wurde, kommen Sie zurück auf die Medien Maske. Haben Sie mehrere Bilder hochgeladen, können Sie mittels der Pfeile deren Position bestimmen bzw. mit dem X-Symbol wieder Bilder entfernen. INFO: Hier können auch direkt mit der Funktion Dateien hochladen im unteren Bereich, Fotos/Dateien in den entsprechenden Ordner in der Dateiliste hochgeladen/abgelegt werden. OÖ. Landes-Feuerwehrverband Seite 11 von 28 Version: 1.4

12 DATEIEN AUSWÄHLEN UND HOCHLADEN: Bei dieser Funktion lädt sich folgende Maske: KLICK-VERGRÖßERN: Wenn Sie dies ankreuzen, bewirkt das auf Ihrer Homepage, dass sich das Bild vergrößert, sobald ein User darauf klickt. ERSCHEINUNGSBILD: Unter "Erscheinungsbild" kann die direkte Position des Bildes definiert werden. Hier kann die Größe, ein Zuschnitt, ein Abstand des Elements und die Position der Bilder angegeben werden. ZUGRIFF: Hier können Sie das Element aus- bzw. einblenden Speichern Sie abschließend, somit haben Sie erfolgreich Bildelemente eingefügt. 4.5 Seiteninhalte bearbeiten Wenn Sie mit dem Cursor über ein Element fahren, scheinen diese 3 Symbole in der rechten oberen Ecke des Elements auf: 1. ELEMENT BEARBEITEN: Hiermit können Sie ihre Elemente bearbeiten und gelangen wieder zu den Auswahlpunkten Allgemein und Zugriff, die Sie beide verändern können siehe Kapitel DATENSATZ VERBERGEN: Wenn Sie nicht mehr wollen, dass eine Seite oder Element online abrufbar ist, können Sie sie verbergen. Dieser Schritt ist jederzeit rücksetzbar, der Inhalt der Seite wird nicht gelöscht. Sie können diese Option z.b. nutzen, wenn Seiten temporär von der Homepage genommen werden sollen 3. ELEMENT LÖSCHEN: Hiermit lassen sich vorhandene Elemente wieder löschen. OÖ. Landes-Feuerwehrverband Seite 12 von 28 Version: 1.4

13 5 Seiten bearbeiten 5.1 Seiteneigenschaften bearbeiten Bei jeder Seite finden Sie links oben folgende Symbole, mit deren Hilfe Sie die Seite bearbeiten können: WEB-SITE ANZEIGEN: Bei diesem Sheet-Symbol, haben Sie die Möglichkeit Seiteneigenschaften direkt anzusehen. Oder zu ändern, ohne sich lange durchzuklicken. Z.B. einen Schritt rückgängig machen etc. 5.2 Seiteneigenschaften bearbeiten: Klicken Sie auf den Stift-Icon, erscheint folgende Maske: Allgemein: Unter diesem Reiter können Sie den Typ der Seite, den Seitentitel und evtl. auch Untertitel bearbeiten. Zugriff: Zeigt die Sichtbarkeit der Seite. Zur Auswahl stehen die "Seite deaktivieren oder "im Menü verbergen. Verborgene Inhalte erkennen Sie an folgendem Symbol: Menüpunkte die im Menü verborgen sind erkennen Sie an diesem Symbol: Metadaten: Diese Daten sind wichtig, um von einer Suchmaschine gefunden zu werden. Beschreiben Sie im Feld für Schlagworte Ihre Homepage mit 7 Stichworten, die durch einen Beistrich getrennt werden müssen. Im Feld Beschreibung können Sie eine Zusammenfassung in max. 2 Sätzen anhängen. Erscheinungsbild: Hier können Sie das Seitenlayout und die Textinhalt ihrer Seite bearbeiten. OÖ. Landes-Feuerwehrverband Seite 13 von 28 Version: 1.4

14 Verhalten: Wählen Sie den Reiter Verhalten, können Sie diese Seite innerhalb Ihrer Homepage auf eine andere interne Seite verlinken. Wenn der User jetzt also diese Seite Ihrer Homepage anklickt, wird er automatisch zu der anderen, von Ihnen gewählten Seite weitergeleitet. Vergessen Sie nicht Ihre Änderungen abzuspeichern. 5.3 Seiten verschieben: Wollen Sie eine Seite verschieben, ziehen Sie mit einfachen Klick die Seite an diese Position, wo diese Seite eingereiht werden soll. 5.4 Neue Seite anlegen Wollen Sie eine ganze neue Menü-Seite Ihrer Homepage anlegen, klicken Sie im Verzeichnisbaum auf das Sheet-Symbol und wählen Sie aus, welche Art von Seite Sie erstellen wollen (von links nach rechts: Standard-Seite, Verweis-Seite, Link zu externer URL). Dann ziehen Sie das ausgewählte Symbol an die Stelle im Seitenbaum, an der die neue Seite aufscheinen soll. Dann sollte der Titel der Seite gleich geändert werden können. Falls dies nicht der Fall ist, können Sie unter den Seiteneigenschaften wie in 3.1 "Seiteneigenschaften bearbeiten" erläutert einstellen (Seitentitel, Metadaten etc.) OÖ. Landes-Feuerwehrverband Seite 14 von 28 Version: 1.4

15 6 Nachrichten (News) Diese Extension dient dazu, Neuigkeiten in einem gewissen Zeitraum anzuzeigen und dann wieder auszublenden (Archiv), z.b. Einsätze, Veranstaltungsberichte, Ausbildung, usw. Es gibt mehrere Wege Nachrichten zu erstellen. In diesem Handbuch wird der für die Redakteure leichtere Weg beschrieben. Um News zu erstellen, müssen Sie die Seitenansicht in der Modulleiste verlassen und auf Nachrichten klicken. Danach klicken Sie im Verzeichnisbaum auf den News Ordner. Die Nachricht muss im News Ordner erstellt werden!! Folgende Ansicht erscheint: Links wird ein Verzeichnisbaum der vorhandenen Nachrichten Kategorien angezeigt. Sind bereits Nachrichten vorhanden werdend diese rechts angezeigt. Rechts werden immer die Nachrichten der ausgewählten Kategorie angezeigt. = Neuen Artikel in dieser Kategorie anlegen = Artikel ist Verborgen = Artikel ist Freigegeben OÖ. Landes-Feuerwehrverband Seite 15 von 28 Version: 1.4

16 6.1 Neuen Artikel erstellen Nach Klick auf neuen Artikel wird folgende Ansicht geöffnet. Allgemein, Spezial, Medien, Kategorien & Beziehungen und Zugriff Allgemein VERBERGEN: ist immer aktiv beim neuerstellen. Ist das Häkchen gesetzt wird der Artikel nicht angezeigt. TYP: Es kann zwischen 3 Typen ausgewählt werden. Nachrichten = Artikel, Link zu internen Seite oder Link zu externen Seite TITEL: Ist die Überschrift des Artikels UNTERTITEL: Ist der Einleitungstext (Kurztext) des Artikels CONTENT ELEMENTS: Hier können weitere Inhaltselemente (Text, Text und Bilder, usw.) hinzugefügt werden. TEXT: Inhalt wenn keine weiteren Inhaltselemente verwendet werden Spezial: DATUM/ZEIT: Veröffentlichungsdatum des Artikels ARCHIVDATUM: sollte ausgefühlt werden damit die Artikel in das Archiv aufgenommen werden. Generell ist es den Redakteur selber überlassen wann der Artikel in das Archiv verschoben wird. Aus unserer Erfahrung sind 5-6 Monate in der Zukunft einzutragen. Das Datum wird in der Kategorie Übersicht angezeigt. AUTOR: wird derzeit nicht verwendet STICHWORTE: Metadaten des Artikels damit er leichter gefunden wird. Medien: BILDER: Artikel Bild in der Kurzansicht. Das Bild wird als erstes beim Artikel angezeigt und in der Kategorie Übersicht verwendet. LINKS / DATEIEN: Es können Links bzw. Dateien zum Artikel hinzugefügt werden. Diese werden am Ende des Artikels angezeigt. OÖ. Landes-Feuerwehrverband Seite 16 von 28 Version: 1.4

17 Kategorien & Beziehungen: Ein Artikel kann zu mehreren Kategorien hinzugefügt werden. Wird ein Artikel in einer Kategorie angelegt wird diese Kategorie übernommen. Es können auch Beziehungen zu bestehenden Seiten bzw. Artikel erzeugt werden. 6.2 Beispiel Einsatz: 1. Nachricht Verbergen aufheben 2. Titel eingeben 3. Einleitungstext eintragen 4. Klick auf Neu anlegen 5. Ein Inhalts-Element Text wird hinzugefügt a. Feld Überschrift leer lassen b. Im Feld Text den ausführlichen Einsatzbericht eintragen 6. Klick wieder auf Neu anlegen (Punkt 4). a. Den Typ im Reiter Allgemein von Text auf Bilder ändern. Feld Überschrift und Text leer lassen b. In den Reiter Bilder wechseln c. Klick auf Bild hinzufügen und die gewünschten Bilder auswählen und hinzufügen. Bild-Metadaten sollten ausgefühlt werden. d. Wechseln in den Reiter Erscheinungsbild e. Bildeinstellungen eintragen f. Bildausrichtung und Spalten auswählen 7. Text Feld mit Editor bleibt leer 8. Klick auf Reiter Spezial a. Archivdatum eintragen (5-6 Monate in der Zukunft) b. Stichworte für die Suche eintragen 9. Wechseln in den Reiter Medien a. Klick auf den Ordner-Symbol und wählen das Einleitungsbild aus. Bildunterschrift, Alt- Text und Titel des Bildes sollen auch ausgefühlt werden. 10. Im Reiter Kategorien & Beziehungen kann eine weitere Kategorie hinzugefügt werden. Es kann auch eine Beziehung zu einer Bestehenden Seite bzw. Nachricht eingestellt werden 11. Nachricht Speichern OÖ. Landes-Feuerwehrverband Seite 17 von 28 Version: 1.4

18 Backend Ansicht: Nachrichtentext hinzufügen Kategorie Text auf Bilder ändern Backend (Inhaltselemente zusammengeklappt) Bildergalerie hinzufügen Einleitungsbild hinzufügen Galerie Einstellungen OÖ. Landes-Feuerwehrverband Seite 18 von 28 Version: 1.4

19 Frontend Ansicht: Frontend Kurzeinleitung mit Bild Gesamter Einsatzbericht mit Bildergalerie OÖ. Landes-Feuerwehrverband Seite 19 von 28 Version: 1.4

20 7 Detailansicht für eine News-Kategorie Standardmäßig wurde bei der Einrichtung der MicroSite nur eine Detailansicht hinzugefügt. Daher wird immer bei allen Nachrichten in der Detailansicht der Breadcrumb (Navigationspfad) so angezeigt. Bsp.: Bezirk» Aktuelles» Beitrag: Der Beitrag Und der Zurücklink zur Kategorie ist immer zurück zu Aktuelles. Dies kann geändert werden. Es müssen pro Kategorie versteckte Detailansicht Seiten erstellt werden und in den News-Kategorien Einstellungen vorgenommen werden. 7.1 Detail Seite erstellen Gehen Sie in die Listenansicht und legen unter Aktuelles eine neue Seite an. Diese Seite benennen Sie zum Beispiel: Detail Einsatz. Danach machen Sie einen rechts Klick auf die Seite und wählen Bearbeiten aus. Es öffnen die Seiteneinstellungen. Im Reiter Allgemein tragen Sie bitte im Feld Alternativer Navigationstitel einen Sprechenden Text ein. Zum Beispiel: Beitrag. Der Breadcrumb sieht dann wie folgt aus: Bsp.: Bezirk» Aktuelles» Einsätze» Beitrag: Der Beitrag Wechseln Sie in den Reiter Zugriff. Hier deaktivieren Sie das Feld Seite Deaktivieren und aktivieren das Feld Im Menü Verbergen. Danach verlassen Sie die Einstellungen mit Klick auf Dokument speichern und schließen 7.2 Plug-In hinzufügen Wechseln sie in die Seiten Ansicht und wechseln Sie in die Arbeitsfläche Inhalt und klicken auf das grüne Plus. In nächsten Menü wählen Sie den Reiter Plug-Ins und wählen Nachrichten aus. OÖ. Landes-Feuerwehrverband Seite 20 von 28 Version: 1.4

21 Wechseln Sie in den Reiter Plug-In in das Feld Ansicht und wählen Einzelansicht (SINGLE) aus. Danach gehen Sie in das Feld Kategoriemodus und wählen Zeige alle Beiträge aus den ausgewählten Kategorien (ODER) aus. Im Feld Kategorieauswahl wählen die die gewünschte Kategorie aus. Danach wechseln Sie in den Reiter Sonstige Einstellungen und wählen im Feld Seite für Zurück die gewünschte Seite aus in der nur diese Nachrichtenkategorie angezeigt wird. Durch Klick auf das Ordnersymbol wird der Seitenbaum geöffnet und Sie können die gewünschte Seite auswählen. Im Beispiel ist das die Seite Einsätze. Danach verlassen Sie die Einstellungen des Plug-Ins mit Klick auf Dokument speichern und schließen. 7.3 Nachrichten Kategorie anpassen Damit jetzt auch alles richtig funktioniert muss noch die Nachrichtenkategorie angepasst werden. Aktivieren Sie das Feld Bearbeiten-Symbol in der Baumansicht anzeigen. Öffnen Sie danach die Root Kategorie damit alle Nachrichtenkategorien angezeigt werden. Klicken Sie neben der gewünschten Kategorie auf das gelbe Schreiber Symbol um in die Kategorie Einstellungen zu kommen. Wechseln Sie in den Reiter Spezial und wählen im Feld Seite mit Einzelansicht (News-Details) für Nachrichten dieser Kategorie die zuvor erstellte Details-Seite aus. Danach verlassen Sie die Kategorie Einstellungen mit Klick auf Dokument speichern und schließen. Nach löschen des Caches und Aktualisierung im Frontend (Strg+F5) ist der gewünschte Effekt ersichtlich. In der Detailansicht wir nun die richtige Kategorie im Breadcrumb angezeigt. Der zurück Link geht auf die ausgewählte Seite, in der eine Liste der einzelnen Nachrichten angezeigt wird. OÖ. Landes-Feuerwehrverband Seite 21 von 28 Version: 1.4

22 8 Nachrichten Archiv hinzufügen Nachrichten können von Ihnen archiviert werden. Damit eine Nachricht archiviert wird muss in der Nachricht im Reiter Spezial ein Archivdatum eingetragen werden. Ab diesem Tag wird die Nachricht archiviert und ist im Archiv ersichtlich. Im unten angeführten Beispiel wird ein Archiv für die Seite Bewerb eingerichtet. Auf dieser Seite wird derzeit eine Liste aller Nachrichten in dieser Nachrichtenkategorie angezeigt. Damit diese Liste nicht zu lang wird hat man sich für ein Archiv entschieden. Dieses Archiv wird in der rechten Spalte der Homepage hinzugefügt. In der Nachrichtenkategorie Bewerbe werden Artikel zum Thema Bewerbe und Leistungsprüfungen angelegt. 8.1 Archiv anlegen Damit überhaupt ein Archiv angezeigt wird muss diese zuerst angelegt werden. Dazu gehen sie in die Seitenansicht und in die gewünschte Seite in der das Archiv angezeigt werden soll. Danach gehen Sie im Arbeitsbereich auf das grüne Plus im Bereich Rechte Spalte und fügen ein Plug- In Nachrichten hinzu. 8.2 Archiv Plug-In einstellen Im Reiter Allgemein unter Überschrift können Sie dem Plug-In einen Namen vergeben. Zum Beispiel den Namen ARCHIV BEWERBE/PRÜFUNGEN. Im Feld Typ auf Layout 2 umstellen damit die Überschrift nicht zu groß dargestellt wird. Danach wechseln Sie in den Reiter Plug-In und nehmen unter Allgemeine Einstellungen folgende Einstellungen durch. Im Feld Ansicht: wählen Sie Archivmenü (AMENU) und im Feld Kategoriemodus: wählen Sie Zeige alle Beiträge aus den ausgewählten Kategorien (ODER). OÖ. Landes-Feuerwehrverband Seite 22 von 28 Version: 1.4

23 Genauso muss im Feld Kategorieauswahl Ausgewählte Objekte die gewünschte Nachrichtekategorie ausgewählt werden. In Beispiel ist das die Kategorie Bewerbe Danach verlassen Sie die Kategorie Einstellungen mit Klick auf Dokument speichern und schließen. Nach löschen des Caches und Aktualisierung im Frontend (Strg+F5) ist der gewünschte Effekt ersichtlich. Im Beispiel ist erst eine Nachricht archiviert worden. Es wird nach Jahr und Monat sortiert. OÖ. Landes-Feuerwehrverband Seite 23 von 28 Version: 1.4

24 9 Grundlagen zum TYPO3-Modul Dateiliste Bevor Medien wie Bilder, PDF-Dateien, Videos, Flash oder Audiodateien in den Seiteninhalt integriert werden können, müssen sie auf dem Server zur Verfügung stehen. 9.1 Medien per FTP/SFTP auf den Webserver laden Es gibt unterschiedliche Möglichkeiten, Medien vom eigenen Computer bzw. aus dem Firmennetzwerk auf den Webserver hochzuladen. Empfehlenswert ist dazu ein FTP- Programm wie beispielsweise das kostenlos erhältliche FileZilla: Insbesondere, wenn viele Dateien auf den Webserver geladen werden sollen, ist der Einsatz eines FTP-Programms die schnellste Methode. 9.2 Medien über die TYPO3-Dateiliste uploaden Doch auch TYPO3 stellt Bordmittel für den Datei-Upload zur Verfügung, die unter der Rubrik Dateiliste zu finden sind: Nach Auswahl der Dateiliste wird dem Redakteur ein Dateiverzeichnis angezeigt. In der Regel sollten die Medieninhalte strukturiert in Ordner integriert werden, die eine thematische Gliederung erlauben, z.b. bilder, pdf, video, audio. Fotos Jahr Monat Tag und Ereignis Beispiel Dateistruktur Grieskirchen: /Fotos/2014/2014_12/ _KDT-DB_Taufkirchen/ = Dateien hochladen = Neues Verzeichnis erstellen ACHTUNG: Folgendes gilt nicht für HTML Codes!! Wird eine Datei umbenannt hat das im Typo3 keine weiteren Auswirkungen da in den Links nur die Datei ID hinterlegt wird. Genauso kann jederzeit ein Ordner oder eine Datei in ein anderes Verzeichnis verschoben werden. Dateien bzw. Verzeichnisse können auch im Nachhinein verschoben werden. Dazu muss die Datei/das Verzeichnis ausgeschnitten werden = Ausschneiden = Einfügen der Zwischenablage (in das geöffnete Verzeichnis) = Einfügen in ein anderes Verzeichnis OÖ. Landes-Feuerwehrverband Seite 24 von 28 Version: 1.4

25 10 Versionsverwaltung In Typo3 können Seiteninhalte versioniert werden. Dazu muss in der Modulleiste in das Modul Liste gewechselt werden. Es können Artikel (News), Seiteninhalte und Downloads versioniert werden Versionen anzeigen Klicken Sie in der Modulleiste auf Liste und danach auf die gewünschte Seite. In der Arbeitsfläche klicken Sie ganz unten Erweiterte Ansicht an damit die weiteren Optionen angezeigt werden. Versioniert können nahezu alle Inhaltselemente (Seiten, Downloads, News, Text und Bilder, ). Ja nach Inhaltselement kann die Versionsübersicht ein bisschen abweichen. Abhängig von deren Funktion. = Version anzeigen Durch klick auf das Symbol neben dem Inhalt wird die Versionsverwaltung geöffent. Ist noch keine Version vorhanden wird nur eine Zeile angeziegt. In der Spalte Beschriftung kann die Version Nummer/Bezeichnung der Erstversion eingetragen werden Neue Version anlegen Um eine neue Version zu erstellen schreiben Sie die neue Version Nummer/Bezeichnung in das Feld Beschriftung und klicken auf Erstelle neue Version. Es wird eine neue Version angezeigt Version Bearbeiten Um eine Version zu bearbeiten klicken sie in der Versionsverwaltung auf das Bearbeiten Symbol der jeweiligen Version. Das Inhaltselement kann danach verändert und gespeichert werden. OÖ. Landes-Feuerwehrverband Seite 25 von 28 Version: 1.4

26 10.4 Neue Version freischalten Um die neue Version freizuschalten muss auf das Mit aktueller Version tauschen Symbol geklickt werden. = Mit aktueller Version tauschen = AKTUELLE ONLINE VERSION Es kann jeder Zeit wieder auf eine alte Version umgestellt werden. Ist eine oder mehrere Versionen von einem Inhaltselement verfügbar wird in der Listenansicht die Version ganz klein angezeigt. = Inhaltselement mit mehreren Versionen OÖ. Landes-Feuerwehrverband Seite 26 von 28 Version: 1.4

27 11 Backend Benutzer anlegen Jeder Bezirks-Admin kann weitere Benutzer für seinen Bezirk anlegen. Dazu klicken Sie auf Aufgaben (1) und danach auf create-user-admin-bz (2). Ist dies nicht ersichtlich oben das Feld von Übersicht auf Tasks ändern. Danach das Formular (3) ausfüllen. Benutzername ist immer nachname.vorname (alles kleingeschrieben). Passwort kann später vom Benutzer selber geändert werden. Die Gruppe BE-BZ (BZ = Bezirk) auswählen und danach auf Backend-Benutzer anlegen klicken. Der Benutzer wird erzeugt. Angelegte Benutzer werden unter dem Button Backend-Benutzer anlegen (6) angezeigt. Dort können diese verwalten bzw. gelöscht werden. OÖ. Landes-Feuerwehrverband Seite 27 von 28 Version: 1.4

28 12 Linksammlung (ohne Gewähr): Typo3 Anleitungen: (sehr Detailliert und gut) OÖ. Landes-Feuerwehrverband Seite 28 von 28 Version: 1.4