Typo3 Benutzerhandbuch

Typo3 Benutzerhandbuch für Version 6.2 contemas websolutions OG Hauptplatz 46 7100 Neusiedl/See m: office@contemas.net Sechsschimmelgasse 14 1090 Wien www.contemas.net t: +43 (0) 660 80 80 800

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 Neuigkeiten... S. 16 5 Dateienliste verwalten... S. 18 6 Newsletter verwalten... S. 19 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 links in der Modulleiste auf Benutzerwerkzeuge und Einstellungen Folgendes Fenster erscheint: 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, 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

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

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

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. Der gesetzte Link ist im Text dadurch zu erkennen, dass er blau und unterstrichen ist. 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 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

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

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

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

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. Sie können zwischen Allgemein, Spezial und Medien wählen, um die Neuigkeit einzurichten: Seite 16

Allgemein: Verbergen: Entfernen Sie das das Kreuz, um den neuen Inhalt auf der Homepage anzuzeigen. Aktivieren Sie ihn, wenn sie den Inhalt wieder verbergen möchten und Sie Ihre Neuigkeit von der Homepage nehmen wollen. Typ: Lassen Sie Nachrichten bestehen. Titel: Tragen Sie einen Titel ein Untertitel: ist der optionale Text für die News- Startseite Text: Fügen Sie Ihren Newstext ein. Falls Sie keinen Untertitel eingeben, werden automatisch die ersten 200 Zeichen dieses Textes als Text für die News-Start-Seite verwendet. Spezial: Tragen Sie hier ein Datum des Events ein, damit die Events richtig sortiert werden. (Sonst wird nach Erstellungsdatum der Nachricht sortiert.) Medien: Hier können Sie Bilder zur Nachricht einbauen. Archivdatum: Haben Sie ein Archiv, wandert diese Neuigkeit automatisch ab dem Zeitpunkt, den Sie hier eintragen können, zu den Archivdaten. Wie in Kapitel 2.4. erläutert, fügen Sie das gewünschte Bild ein und laden es hoch. Bildunterschrift: Hier können Sie z.b. ein Copyright eines Fotografen/einer Quelle einfügen. ALT-Text: ist der Text, der erscheint, wenn ein User Ihrer Homepage mit der Maus über das Bild fährt. Links: Hier sind optional Links zu andere Homepages anzugeben. Tragen Sie sie mit dem Kürzel http:// zu Beginn ein. Möchten Sie mehrere Links anfügen, müssen Sie diese durch einen Absatz trennen, NICHT durch einen Beistrich. Dateien: Hier können Sie genauso wie Bilder (Punkt 2.4.) andere Dateien anhängen, die die User Ihrer Homepage downloaden können, wie z.b. Preislisten etc. Seite 17

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. Wir empfehlen aber, das direkt in der Seitenansicht, siehe Kapitel 2.4. zu tun. = Dateien hochladen = Neues Verzeichnis erstellen Seite 18

6. Newsletter verwalten Mit dem Newsletter können Sie schnell und einfach Ihre Kunden erreichen. Klicken Sie in der Modulleiste links auf Seite und danach auf Newsletter. Hier können Sie einen neuen Newsletter erstellen, indem Sie einen bereits erstellten Newsletter kopieren und einfügen. Dann müssen Sie nur den Titel und die Inhalte bearbeiten. Sie können in Ihren Newsletter auch Bilder verschicken, dazu ändern Sie die Einstellung von Text auf Text mit Bild oder erstellen ein neues Element. Die Seite wird genauso dargestellt, wie sie später Ihr Kunde im Newsletter sieht. 2 Wenn Sie mit dem Inhalt Ihres Newsletters fertig sind, können Sie mit rechter Maustaste auf den Newsletter klicken und Anzeigen sich den Newsletter in einem neuen Fenster ansehen und kontrollieren ob alles richtig angezeigt wird. Seite 19

Wenn Sie zufrieden sind und diesen kontrolliert haben, können Sie ihn gleich verschicken. Dazu wählen Sie ihn der Modulleiste Direct Mail aus und klicken Sie im Seitenbaum auf den Ordner Newsletter. Klicken Sie auf Interne Seite um einen Newsletter auszuwählen. Wählen Sie einen Newsletter aus und klicken Sie drauf. Klicken Sie auf weiter um zum nächsten Punkt zu gelangen. Hier sehen sie einige Details Ihres zu versendenden Newsletters. Hier können Sie bis Schritt 4 weiterklicken. Bei Schritt 4 können Sie einen Testnewsletter an eine beliebige E-Mailadresse schicken, um zu sehen ob der Newsletter richtig ankommt und angezeigt wird. Wenn Sie mit dem Newsletter zufrieden sind können Sie bei Schritt 5 den Newsletter versenden. Unter Empfängerliste muss nur die richtige Abonnentengruppe ausgewählt werden. Zusätzlich können Sie angeben, wann der Newsletter verschickt werden soll, wenn es zu einem späteren Zeitpunkt passieren soll. Zum Abschluss auf An alle Empfänger der Versandgruppe versenden Seite 20