Typo3 Benutzerhandbuch contemas GmbH & Co KG Hauptplatz 46 7100 Neusiedl/See m: office@contemas.net Sechsschimmelgasse 14 1090 Wien www.contemas.net t: +43 (0) 136 180 80
Inhaltsverzeichnis 1 Zugang... S. 3 1.1 Alles im Web-Browser... S. 3 1.1.1 Frontend... S. 3 1.1.2 Backend... S. 3 1.2 Der Log-In... S. 3 1.3 Aufbau der Typo3-Benutzeroberfläche... S. 4 1.4 Passwort ändern... S. 4 2 Seiteninhalte - anlegen speichern bearbeiten... S. 5 2.1 Neuen Content/Inhalt anlegen: Neues Textelement anlegen... S. 5 2.2 Seiteninhalte speichern... S. 7 2.3 Verlinkungen im Text anlegen... S. 7 2.4 Neuen Content/Inhalt anlegen: Neues Textelement mit Bild anlegen... S. 9 2.5 Seiteninhalte bearbeiten... S. 12 3 Seiten bearbeiten Neue Seiten anlegen... S. 13 3.1 Seiteneigenschaften bearbeiten... S. 13 3.2 Seiten verschieben... S. 15 3.3 Neue Seite anlegen... S. 15 4 Dateiliste verwalten... S. 16 5 News, Termine & Berichte... S. 17 Seite 2
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. 1.1.1. 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 http://webservername/ z.b.: http://www.typo3testseite.at/ 1.1.2. 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 http://webservername/typo3/ z.b. http://typo3testseite.at/typo3/ 1.2. 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
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. 1.4. Passwort Ändern: Um Ihr Passwort zu ändern klicken Sie ganz rechts oben auf den Benutzer und dann auf User settings / Einstellungen Geben Sie Ihre Emailadresse und Ihr neues Passwort sowie optional Ihren Namen ein. Fixieren Sie Ihre Änderung durch klicken auf das Speichern-Symbol Seite 4
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. Es erscheint die Arbeitsfläche mit den bisher eingefügten Inhalten: Klicken Sie auf das Symbol (Neuen Inhalt einfügen) und wählen Sie Text : Seite 5
Sie können nun zwischen Allgemein, Erscheinungsbild und Zugriff wählen. Allgemein: Unter Typ können Sie im Nachhinein den Elementtyp ä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. 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
2.2. Seiteninhalte Speichern Beim Speichern Ihres Inhalts können Sie zwischen 4 Elementen wählen, die oberhalb Ihres Inhalts angezeigt werden: 1. Speichern und weiter arbeiten 2. Seite speichern und Webseite anzeigen (= Vorschau) 3. Speichern und neue erstellen 4. Speichern und schließen 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
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. http:// 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. E-Mail: Hier können Sie eine E-Mailadresse verlinken (zb unter Kontakt). Anschließend Link setzen. Seite 8
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
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 Drag and Drop deren Position bestimmen bzw. mit dem Löschen-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
Dateien auswählen und hochladen: Bei dieser Funktion lädt sich folgende Maske: Bei Klick Vergrößern: Wenn Sie dies ankreuzen, bewirkt das auf Ihrer Homepage, dass sich das Bild vergrößert, sobald ein User darauf klickt. Zugriff: Hier können Sie das Element aus- bzw einblenden Speichern Sie abschließend, somit haben Sie erfolgreich Bildelemente eingefügt. Seite 11
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 2.1. 2. 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
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
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. Vergessen Sie nicht Ihre Änderungen abzuspeichern. Seite 14
3.2. Seiten verschieben: Wollen Sie eine Seite verschieben, ziehen Sie mit einfachen Klick die Seite an diese Position, wo diese Seite eingereiht werden soll. 3.3. Neue Seite anlegen Wollen Sie eine ganz 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
4. 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 16
5. News, Termine & Berichte Um diese zu bearbeiten und zu erstellen, müssen Sie im linken Bereich auf die Ansicht News gehen. Anschließend klicken Sie im Seitenbaum auf News & Termine Verwaltung. Folgende Ansicht erscheint: Mit direktem Klick auf einen News-Eintrag, können Sie vorhandene News bearbeiten. Klicken Sie auf das Symbol, um einen neuen Datensatz zu erstellen. Seite 17
Allgemein: Hier können Sie Überschrift, News-Typ, Teaser, Archivdatum und Inhalte eintragen. Mit Top-Nachrichten können Sie Einträge als wichtig markieren und diese erden dann auf der Startseite größer angezeigt. Zugriff: Hier können Sie ein Veröffentlichungs- und Ablaufdatum angeben. Optionen: Hier wählen Sie unter Kategorien die Art des Eintrags aus. Relationen: Hier hinterlegen Sie bitte mindestens 1 Foto unter Media File. Seite 18