www.profamilia.de Anleitung zur Nutzung von Typo3, Version 6.2 27.4.2015 Inhalt 1. Allgemeine Hinweise 2 2. Überblick über die Seite 3 3. Arbeiten im Einzelnen 5 3.1. Pflege der Beratungsstellendaten: 5 Adresse, Anfahrtsbeschreibung 3.2. Pflege der Beratungsstellendaten: 7 neue Veranstaltung einpflegen, Veranstaltung löschen 3.3. Bestehende Inhaltselemente bearbeiten 8 3.4. Neue Inhaltselemente auf bestehende Seite einfügen 9 3.5. Elemente verbergen / sichtbar machen 10 3.6. Arbeiten mit dem Admin-Panel 11 3.7. Neue Seite anlegen 12 3.8. Seite löschen 14 3.9. Listenansicht 16 3.10. Änderungsverlauf 17 3.11. Typo3 Backendansich t 18 3.12. Neu: Bilder einfügen und bearbeiten 19 3.13. Neu: Dateilinks 22 3.14. Ansichtswechsel eingeloggt - nicht-eingeloggt 23 1
1. Allgemeine Hinweise Mit dem Update auf die Typo3 Version 6.2 haben sich einige Details in der Ansicht und der Bedienung verändert. Zum Arbeiten mit Typo3 ist immer die Installation eines pro familia Sicherheitszertifikates notwendig. Dieses wird einmal jährlich meist zu Anfang des Jahres an alle Beratungsstellen verwendet. Es ist für alle Rechner und BenutzerInnen gleich, auch das Passwort ist gleich. Die Kurzadresse, um sich in Typo3 einzuloggen, lautet www.profamilia.de/typo3. Sie erhalten die folgende Anmelde-Maske: Sie können sich im Normalfall nur mit der Beratungsstellen-Email-Adresse (also mit @profamilia.de) und dem Passwort (gleiches Passwort wie für Emails) anmelden. Nach dem Anmelden gelangen Sie auf direkt auf die Seite Ihrer Beratungsstelle. Die vorliegende Anleitung setzt voraus, dass bereits mit der alten Typo3 Versionen gearbeitet wurde und weist hauptsächlich auf die Änderungen der neuen Version 6.2 hin. Gegebenenfalls möchten wir für Basis Informationen auf die Anleitung zu Typo 3 von 2011 (Version 2.0) verweisen. 2
2. Überblick über die Seite Neu sind die Bearbeitungsleiste im oberen Teil sowie das Admin-Panel, das Sie sehen, wenn Sie bei der Seite ganz nach unten scrollen. Neu ist außerdem, dass sich die Bearbeitungswerkzeuge jetzt nicht mehr unterhalb des entsprechenden Inhaltselements befinden, sondern oberhalb. Das macht das Arbeiten übersichtlicher. Außerdem gibt es die Möglichkeit, mittels dieser Symbole für Inhaltselemente auf grauem Hintergrund leichter neue Inhalte einzupflegen (siehe 3.4.) Bearbeitungswerkzeug oberhalb des Inhaltselements Bearbeitungsleiste 3
4 Admin-Panel am unteren Rand jeder Seite. Das Admin-Panel ersetzt die allgemeine Bearbeitungsleiste, die früher bei jeder Seite links unten war. Hier können Sie neue Seiten erstellen, die Seiten in der Navigation umbenennen, sich die Seite in der Vorschau anzeigen lassen. Weitere Infos zum Arbeiten mit dem Admin-Panel erhalten Sie ab 3.6.
3. Arbeiten im Einzelnen 3.1. Pflege der Beratungsstellendaten: Adresse, Anfahrtsbeschreibung Die Adressdaten und Anfahrtsbeschreibung werden wie bisher über die Formularfelder eingegeben. Sie klicken dazu jedoch NICHT auf den oberen Bleistift Bearbeiten, sondern geben einfach die neuen Daten in den Feldern ein. Hier nicht auf Bearbeiten oder Löschen klicken Hier z.b. die neue Adresse eintragen Zum Speichern Ihrer Angaben müssen Sie auf den Knopf speichern klicken. Diesen finden Sie unterhalb von Themen (siehe nächste Abbildung) 5
6 Hier auf speichern klicken.
3.2. Pflege der Beratungsstellendaten: neue Veranstaltung einpflegen, Veranstaltung löschen Eine neue Veranstaltung geben Sie ein, indem Sie auf Neue Veranstaltung klicken. Wenn Sie eine Veranstaltung löschen möchten, klicken Sie zuerst in der oben zu sehenden Liste auf die einzelne Veranstaltung, die Sie löschen möchten. Sie sehen den Einzel-Eintrag der Veranstaltung. Klicken Sie dann auf den roten Knopf Veranstaltung löschen. Klicken Sie bitte niemals auf den Papierkorb oben auf der Seite, das löscht das ganze Plug-In mit den Beratungsstellendaten. 7
3.3. Bestehende Inhaltselemente bearbeiten Das Bearbeiten bestehender Inhaltselemente funktioniert wie vorher, mit dem Unterschied, dass die Bearbeitungswerkzeuge oberhalb des Elementes angezeigt werden und auch erst, wenn man mit der Maus darüber fährt. Man erhält durch kleine Rahmen um die Inhaltselemente eine bessere Übersicht darüber, aus wie vielen Elementen die Seite aufgebaut ist. Möchte man ein neues Inhaltselement auf der Seite anlegen, dann klickt man auf das grüne Symbol mit weißem Kreuz Neu. Es öffnet sich ein neues Fenster. Es erscheinen die von früher bekannten Optionen Allgemein (wo man festlegt, ob man Text oder Bilder oder Text mit Bildern einbauen möchte), Erscheinungsbild (ob es links oder in der Mitte steht) und Zugriff (irrelevant). Nach Ausfüllen der Angaben auf Speichern oder Speichern und schließen klicken. Fertig! 8
3.4. Neue Inhaltselemente auf bestehende Seite einfügen Möchten Sie neue Inhaltselemente auf eine bestehende Seite einfügen, gibt es nun die komfortable Möglichkeit, dies per drag and drop zu machen. Das bedeutet, Sie ziehen das gewünschte Element mit gedrückter Maustaste an die gewünschte Stelle und lassen dann los. Sobald Sie mit der Maus auf eines der Symbole ( Nur Überschrift, Text, Text und Bilder etc.) anhaltend drücken und das Symbol mit der Maus ziehen, erscheint auf der Seite der Hinweis Inhaltselement hier einfügen verbunden mit einem grünen Pfeil. Sie können das gewünschte Element dann dahin ziehen, Maus loslassen. Zusammengefasst: erst mit der Maus auf ein Inhalts-Element anhaltend drücken, z.b. auf Text. Dann das ganze runterziehen auf die Position, die man möchte und wo Inhaltselement hier einfügen steht. Zum Beispiel hierhin: Es geht das gewohnte Fenster auf, um das Inhaltselement mit den gewünschten Angaben (Text und/oder Bilder etc.) zu befüllen. Wenn man alles ausgefüllt hat, speichern nicht vergessen (besser: speichern und schließen). 9
10
3.5. Elemente verbergen / sichtbar machen Wenn Sie Inhaltselemente unsichtbar stellen möchten, machen Sie das über die Verbergen Glühbirne in der oberen Bearbeitungsleiste. Sie können sich auf unsichtbar gestellte Elemente auf der Seiten anzeigen lassen, wenn Sie in der Leiste ganz oben Verborgene Elemente auf der Seite sichtbar machen aktivieren. Die verborgenen Inhaltselemente werden mit hellerer Schrift dargestellt. Im oberen Beispiel ist es das Element mit dem Titel test 11
3.6. Arbeiten mit dem Admin-Panel Das Admin-Panel befindet sich in jeder Seite links unten. Durch Klicken auf den Doppelpfeil kann es entweder auseinandergefahren oder eingeklappt werden. Eingeklapptes Admin-Panel Ausgeklapptes Admin-Panel Durch Klick auf die Dreiecke vor Vorschau und Eingabe können auch deren Unterpunkte ein- oder ausgeklappt werden.. 12
3.7. Arbeiten mit dem Admin-Panel: Neue Seite anlegen Möchten Sie eine neue Seite anlegen, geht das am besten über das Admin-Panel. Dazu klicken Sie auf das Symbol Neue Seite anlegen im Admin-Panel. Sie erhalten die Übersicht über Ihren Verzeichnisbaum. Sie können den Datensatz (die neue Seite) an jeder Stelle anlegen, die einen kleinen Pfeil aufweist, indem Sie mit der Maus auf den Pfeil klicken. 13
Die folgende Maske geht auf: Unter Allgemein tragen Sie ein, wie die Seite heißen soll. Das ist dann das, was in der rechten Navigationsleiste angezeigt wird. Unter Zugriff können Sie einstellen, ob die Seite erst einmal verborgen sein soll ( Seite deaktivieren, oder im Menü nicht angezeigt werden soll (Häkchen bei In Menüs verbergen ). Die Metadaten sollten Sie unbedingt ausfüllen. Ein paar knappe Worte, bei Inhaltsangabe, Schlagworte und Beschreibung. Das verbessert das Suchergebnis bei Suchmachinen Wenn Sie alles ausgefüllt haben, auf das Speichern oder besser noch Speichern und Schließen-Symbol oben links klicken. Sie bekommen dann Ihre neu angelegte Seite zu sehen, die allerdings noch keinen Inhalt hat. Um Sie mit Inhalt zu befüllen, müssen Sie Inhaltselemente auf der Seite platzieren. Wie das geht, lesen Sie bitte unter Punkt 3.4. 14
15 3.8. Arbeiten mit dem Admin-Panel: Seite löschen Wenn Sie eine Seite löschen möchten, können Sie das über die Listen-Ansicht machen, die Sie über das Admin-Panel öffnen können. Wichtig: Sie müssen dabei die Listen-Ansicht an der richtigen Stelle öffnen. Das heißt, dass Sie sich nicht auf der Seite befinden dürfen, die Sie löschen möchten, sondern eine Ebene im Verzeichnisbaum weiter oben. Auf dem folgenden Bild soll die Seite Testseite gelöscht werden. Diese befindet sich unterhalb von Angebote in Aaachen. Man muss also zuerst auf Angebote in Aachen gehen und dann die Listen-Ansicht öffnen.
16 So sieht jetzt die Listenansicht aus. Man kann die Testseite sehen. Durch Klick auf den Papierkorb kann sie gelöscht werden.
3.9. Arbeiten mit dem Admin-Panel: Listenansicht Unter 3.8. wurde ausgeführt, was beachtet werden muss, um an die richtige Stelle der Listenansicht zu gelangen. Die Listenansicht führt immer die Inhaltselemente der betreffenden Seite auf sowie alle unterhalb von ihr liegenden weiteren Seiten. Die Listenansicht gibt folgende Möglichkeiten Seite ansehen Seite bearbeiten Seite verschieben Änderungsverlauf Neue Seite unterhalb der Seite anlegen Seite nach oben oder unten verschieben (Reihenfolge der Seite) Seite sichtbar oder unsichtbar machen Seite löschen Seite kopieren Seite ausschneiden 17
3.10. Arbeiten mit dem Admin-Panel: Änderungsverlauf (Rückgängig machen von Änderungen etc.) Manchmal kommt es vor, dass man etwas an der Seite geändert hat, was man gar nicht möchte oder rückgängig machen möchte. Dabei hilft der Änderungsverlauf, den man auch über den Admin-Panel aufrufen kann So sieht ein Änderungsverlauf im Konkreten auf. Jeder Änderungsschritt, der auf der Seite getätigt wurde, wird aufgeführt. Durch Klick auf den Pfeil vorn kann man die jeweilige Änderung rückgängig machen. 18
Man erhält eine Vorschau der Wiederherstellung angezeigt und klickt dann auf das Symbol ganz oben ( Alle gezeigten Änderungen rückgängig machen ). 3.11. Arbeiten mit dem Admin-Panel: Typo3 Backend öffnen Für versierte BenutzerInnen, die es vorziehen mit dem Backend von Typo3 zu arbeiten, gibt es jetzt über das Admin-Panel die Möglichkeit komplett in das Backend zu wechseln und damit zu arbeiten. WICHTIG: Loggen Sie sich immer erst im Frontend ein und wechseln dann über das Admin-Panel in die Backend-Ansicht. Loggen Sie sich bitte NICHT bei der ersten Typo3 Anmeldemaske im Backend an. 3.12. Arbeiten mit dem Admin-Panel: Bilder einfügen/bearbeiten Das Einfügen und Bearbeiten von Bildern ist nur noch im Typo3 Backend unter Verwendung des Admin-Panels möglich. Folgende Schritte sind dazu notwendig: Klicken Sie zunächst im Admin-Panel auf Typo3-Backend Öffnen 19 Sie gelangen dann automatisch auf die Backend-Ansicht des gerade von Ihnen bearbeiteten Artikels.
Klicken Sie auf den Bearbeiten-Bleistift bei dem Inhaltselement, wo Sie ein Bild einfügen oder bearbeiten möchten. Wichtig: Das Einfügen von Bildern ist nur möglich, wenn das Inhaltselement Text mit Bild oder Bilder lautet. 20
Gehen Sie auf den Reiter Bilder, dann auf Bilder hinzufügen. Ein neues Fenster geht auf. Hier wird das Verzeichnis für die Bilder/Dokument angezeigt. Sollte das Verzeichnis nicht ausgeklappt sein, klicken Sie einmal kurz auf den Verzeichnisbaumnamen. Laden Sie dann das Bild, das Sie bei sich auf dem Rechner haben, hoch, indem Sie auf Durchsuchen klicken. Sie erhalten dann die Möglichkeit, das Verzeichnis und die Datei auf Ihrem PC auszuwählen. Nach dem Auswählen klicken Sie Hochladen. Das neu hochgeladene Bild taucht nun in der Liste aus und kann durch Darauf-Klicken (NICHT durch Häkchen ins Kästchen setzen) ausgewählt werden. Abspeichern, fertig. 21
3.13. Dateilinks erstellen/bearbeiten Wenn Sie mit dem Inhaltselement Dateilinks arbeiten (neu anlegen oder ein bestehendes bearbeiten), so ist dass nur noch im Typo3 Backend unter Verwendung des Admin-Panels möglich. Bitte wechseln Sie dann über das Admin Panel in die Backend-Ansicht und folgen vom Prinzip her der Anleitung zu Bilder einfügen/bearbeiten (s.o.) 3.14. Wechsel zwischen eingeloggt und nicht-eingeloggt Mittels Klick auf den Knopf Deactivate Editing kann man die Typo3 Bearbeitung schließen und sieht die Seite so, wie sie von außen zu sehen ist. Man kann problemlos zwischen diesen beiden Ansichten hin und her wechseln. Mit dem Knopf Abmelden meldet man sich komplett von Typo3 ab. 22