Typo3 Benutzerhandbuch

Transkript

1 Typo3 Benutzerhandbuch für Kunden von 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 Newsletter verwalten... S. 21 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: Beschriftungen = Steht unter dem Bild/Thumbnail Alternative Texte = Wird angezeigt wenn man mit der Maus über dem Bild bleibt Titel = Wird unter dem vergrößerten Bild in der LightBox angezeigt Seite 9

10 Sie können Ihre Bilder aus Ihren Dateien am PC auswählen und auf die Seite hochladen. Klicken Sie auf das Dateien-Symbol und es erscheint folgende Unter-Maske: Wählen Sie zuerst im Verzeichnisbaum den Ordner, in dem sie das Bild abspeichern wollen, in diesem Fall der Ordner Medien_Downloads. Beachten Sie dabei bitte, die Bilder NICHT im TEMPOrdner abzuspeichern, da dort nur temporäre Dateien abgelegt werden, die später nicht mehr zugängig sind. Klicken Sie danach auf Durchsuchen, können Sie Ihr Bild von Ihrem PC aus seinem jeweiligen Speicherort auswählen. Klicken Sie danach auf Hochladen. Sie können dabei auch mehrere Bilder hochladen, bis zu 3 Bildern gleichzeitig. Seite 10

11 Wenn Sie Vorschaubilder anzeigen angekreuzt lassen, sehen Sie die Bilder im Kleinformat: 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. Seite 11

12 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 Klick-Vergrößern: Wenn Sie dies ankreuzen, bewirkt das auf Ihrer Homepage, dass sich das Bild vergrößert, sobald ein User darauf klickt. Speichern Sie abschließend, somit haben Sie erfolgreich Bildelemente eingefügt. Seite 12

13 2.5. Seiteninhalte bearbeiten Wenn Sie Ihre Inhalte einer Seite bearbeiten wollen, haben Sie folgende Optionen, die direkt neben jedem Inhalt rechts angezeigt werden: 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 Kopieren Wollen Sie ein Element kopieren klicken Sie auf dieses Symbol. Danach erscheint folgendes Symbol, das die möglichen Orte anzeigt, an die Sie ihr Element kopieren können. Sie können den Inhalt innerhalb Ihrer Seite kopieren. Oder außerhalb der Seite kopieren: Sie öffnen eine andere Seite am Verzeichnisbaum durch einen Klick, wo wieder mittels angezeigt wird, an welche Stelle Sie die Kopie platzieren können. Um das Originalelement, von der Kopie unterscheiden zu können, ist das Original mit gekennzeichnet. 4. Erstelle Verknüpfung Ähnlicher Anwendungsbereich wie Kopie erstellen. Hiermit kann man wieder eine Kopie eines Elements an einer Stelle einfügen, die ebenfalls mit gekennzeichnet ist. Der Unterschied, liegt darin, dass Änderungen im Originalelement automatisch auch in den Verknüpfungen übernommen werden. 5. Element ausschneiden Hiermit kann man ein Element an einen anderen Ort verschieben. Zuerst schneidet man es mit einem Klick auf das Scherensymbol aus, dann werden wieder mit die möglichen Stellen angezeigt, an denen das Element einzufügen ist. Dies ist wiederum auf derselben oder auch jeder anderen Seite möglich. 6. Verknüpfung löschen Mit diesem Element lassen sich vorhandene Elemente bzw Verknüpfungen wieder löschen. Seite 13

14 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. Website anschauen: 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. Bearbeiten: Klicken Sie auf den Stift-Icon, erscheint folgende Maske: Allgemein: Seitentitel und Inhaltsbereich ist der Name des Menüpunktes auf Ihrer Homepage, z.b. Kontakt, Team, News etc. Seite 14

15 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 Stichworte 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 Button 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 15

16 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, markieren Sie die gewünschte Seite und klicken in der Menüleiste auf das Sheet-Symbol Dieses Fenster öffnet sich: Die zu verschiebende Seite wird im Verzeichnisbaum Fett dargestellt. Um das Element zu verschieben, wählen Sie den Pfeil unter eines Ihrer Menüpunkte aus. (Die ausgewählte Position färbt sich grün) Mit einem Klick wird die gewünschte Seite verschoben. Seite 16

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

18 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 unten 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 18

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

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

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

22 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 adresse 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 22