Typo3 Benutzerhandbuch

Transkript

1 Typo3 Benutzerhandbuch contemas GmbH & Co KG Hauptplatz Neusiedl/See m: Sechsschimmelgasse Wien t: +43 (0)

2 Inhaltsverzeichnis 1 Zugang... S Alles im Web-Browser... S Frontend... S Backend... S Der Log-In... S Aufbau der Typo3-Benutzeroberfläche... S Passwort ändern... S. 4 2 Seiteninhalte - anlegen speichern bearbeiten... S Neuen Content/Inhalt anlegen: Neues Textelement anlegen... S Seiteninhalte speichern... S Verlinkungen im Text anlegen... S Neuen Content/Inhalt anlegen: Neues Textelement mit Bild anlegen... S Seiteninhalte bearbeiten... S Seiten bearbeiten Neue Seiten anlegen... S Seiteneigenschaften bearbeiten... S Seiten verschieben... S Neue Seite anlegen... S Neuigkeiten... S Dateienliste verwalten... S. 18 Seite 2

3 1. Zugang 1.1. Alles im Web-Browser TYPO3 ist ein Online-Redaktionssystem und verwendet als Client nur einen üblichen Web-Browser. Sie können jederzeit von jedem Ort mit Internet-Zugang 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. Im Allgemeinen ist auch kein Login notwendig (nur bei passwort-geschützten Web-Pages). Der Zugriff auf die Web-Pages erfolgt im Allgemeinen über einen URL der Form z.b.: 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 1.2.). Sie brauchen dafür einen Benutzernamen und ein Passwort mit einer entsprechenden TYPO3-Berechtigung. Der Zugriff kann mit allen gängigen neueren 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 z.b Der Log In Wenn Sie diese Backend-Adresse in Ihrem Web-Browser eingeben, erscheint eine Seite mit folgendem Dialogfeld: Geben Sie bitte Benutzername und Passwort ein und klicken Sie Log In. Bei erfolgreichem Login erscheint Ihre persönliche Benutzeroberfläche. Seite 3

4 1.3. 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 Passwort Ä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 Seite 4

5 2. Seiteninhalte anlegen speichern bearbeiten 2.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 Menschen & Region, 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 Seite 5

6 Sie können nun zwischen Allgemein, Erscheinungsbild und Zugriff wählen. Allgemein: Unter Typ können Sie im Nachhinein auswählen, ob es ein Text-, Bild-, Text und Bildelement oder ein Flexibler Inhalt sein soll. 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. 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. Seite 6

7 2.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 2.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 7

8 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. Seite 8

9 2.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. Seite 9

10 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. Seite 10

11 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. Seite 11

12 2.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. Seite 12

13 3. Seiten bearbeiten neue Seite anlegen 3.1. Seiteneigenschaften bearbeiten Bei jeder Seite finden Sie links oben folgende Symbole, mit deren Hilfe Sie die Seite bearbeiten können: 1. 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. 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. Seite 13

14 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. 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. Seite 14

15 Image Cycle Hier können Sie Bilder z.b. für den Headerbereich einfügen, die wie in einer Slideshow dargestellt werden. Vergessen Sie nicht Ihre Änderungen abzuspeichern Seiten verschieben: Wollen Sie eine Seite verschieben, ziehen Sie mit einfachen Klick die Seite an diese Position, wo diese Seite eingereiht werden soll 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.) Seite 15

16 4. Neuigkeiten Dieses Feature dient dazu, Neuigkeiten in einem gewissen Zeitraum anzuzeigen und dann wieder auszublenden, z.b. Aktionen, Termine usw. Um diese zu erstellen, müssen Sie die Seitenansicht verlassen und zur Listenansicht wechseln. Dies können links in der Modulleiste Sie tun. Klicken Sie dann im Verzeichnisbaum auf News Verwaltung. Folgende Ansicht erscheint: Klicken Sie nun auf das Symbol, um einen neuen Datensatz zu erstellen. Seite 16

17 Allgemein: Überschrift: Hier können Sie eine Überschrift für Ihre Neuigkeit angeben. Verbergen: Neuigkeiten ein- und ausblenden. Typ: Lassen Sie News bestehen. Teaser; Geben Sie hier einen kurzen Teaser-Text an, der in der Listenansicht im Frontend angezeigt werden soll. Wird hier nichts eingefügt, werden die ersten 200 Zeichen des Textes angezeigt. Datum: Hier wird bei neuangelegten Neuigkeiten das aktuelle Datum angezeigt. Nach diesem Datum werden auch die Neuigkeiten im Frontend sortiert Text: Fügen Sie Ihren Newstext ein. Zugriff: Hier können Sie angeben, wann der Newseintrag veröffentlicht und wann dieser evtl. wieder ausgeblendet werden soll. Beziehungen: Um Bilder zum Eintrag hinzuzufügen, klicken Sie in dem Reiter Beziehungen bei Medienelement auf Neu anlegen. Dann können Sie ein Foto hochladen und eine Beschriftung sowie Titeltext und Alternativen Text angeben. Bei dem Bild, welches auch in der Listenansicht im Frontend zu sehen sein soll, muss In Voransicht anzeigen aktiviert sein. Seite 17

18 5. Dateienliste verwalten Klicken Sie in der Modulleiste links auf Datei und Dateiliste, um Einsicht in Ihre hochgeladenen Dateien zu bekommen. Hier können Sie auch direkt Dateien löschen oder weitere hochladen. = Dateien hochladen = Neues Verzeichnis erstellen Seite 18