Anleitung für Pfarrbrief-Redakteure -

Transkript

1 Anleitung für Pfarrbrief-Redakteure -

2 Anleitung Typo3 Seite 2 von 17 Inhalt 1 Anmeldung Der Administrationsbereich Aufbau Abmelden Pfarrbrief Rich Text Editor Bilder im Inhaltbereich einer Unterseite einfügen Bilder bearbeiten Links und Medien in den Inhaltsbereich einer Unterseite einfügen Tabellen einfügen Die wichtigsten Icons... 16

3 Anleitung Typo3 Seite 3 von 17 1 Anmeldung Für den Zugriff auf den Administrationsbereich benötigt der Nutzer nur einen Web-Browser (Internet Explorer, Firefox, o.ä.) und einen Internetzugang. In der Adresszeile des Browsers folgende Adresse eingeben: Anschließend erscheint der Login-Dialog, in den die Benutzerdaten eingeben werden: Abbildung 1: Eingabe von Benutzerdaten Klicken Sie nach der Eingabe Ihrer Daten auf Anmelden oder Enter. Sollte man sich bei der Eingabe des Benutzernamens oder Passwortes vertippt haben, erscheint folgende Meldung: Abbildung 2: Ungültige Anmeldedaten Nach Eingabe der korrekten Daten öffnet sich der Administrationsbereich mit seinen vielfältigen Funktionen.

4 Anleitung Typo3 Seite 4 von 17 Abbildung 3: Startseite des Administrationsbereichs 2 Der Administrationsbereich 2.1 Aufbau Die Arbeitsoberfläche von TYPO3 ist in drei Hauptbereiche unterteilt Abbildung 4: Aufbau des Administrationsbereichs 1. Modulleiste: Hier wählen Sie aus, welche Art von Arbeiten Sie durchführen wollen. 2. Seiten- oder Dateienbaum: Hier wählen Sie aus, welche Unterseite oder welchen Dateiordner Sie bearbeiten wollen. 3. Arbeitsbereich: Hier führen Sie Ihre Arbeiten durch.

5 Anleitung Typo3 Seite 5 von Ganz oben rechts sehen Sie den Abmelden-Button. Die Anordnung der drei Bereiche entspricht auch der Reihenfolge bei der Arbeit: 1. Zuerst in der Modulleiste das Modul auswählen (z.b. Liste), 2. dann im Seitenbaum die Webseite auswählen (z.b. Produkte) und 3. dann im Arbeitsbereich die eigentliche Arbeit an dieser Webseite durchführen. 4. Nach getaner Arbeit das TYPO3-Backend mit verlassen. 2.2 Abmelden Ganz rechts oben, immer sichtbar ohne zu scrollen, sehen Sie den Abmelden-Button und die Anzeige, unter welchem Benutzernamen Sie angemeldet sind. Zum Beenden einer Sitzung melden Sie sich aus Sicherheitsgründen bitte immer mit dem Abmelden-Button ab.

6 Anleitung Typo3 Seite 6 von 17 3 Pfarrbrief Die Seite des Pfarrbriefexports ist eine über die Webseite nicht einsehbare Unterseite. Klicken Sie in der mittleren Spalte auf die rechte Maustaste und anschließend im Kontextmenü auf Ansehen, um die Seite zu öffnen. Abbildung 5: Pfarrbrief-Seite öffnen Die News des Pfarrbriefes erstellen und bearbeiten Sie, wie im folgenden Kapitel beschrieben. Im Reiter Spezial filtert das System durch Eingabe des Archivdatums automatisch den Eintrag des aktuellen Jahres. Im Reiter Kategorien und Beziehungen steuern Sie die Stelle, an der die News im Pfarrbrief angezeigt wird. Durch das Auswählen der Kategorie Vorwort erscheint die News nicht nur als Vorwort des Pfarrbriefes, sondern wird auch auf der Startseite der Homepage als Geistlicher Impuls dargestellt. Wichtig: Eine News kann max. ein Mal auf der Startseite angezeigt werden. Wenn Sie einer News also die Kategorie Vorwort zuweisen, klicken Sie nicht gleichzeitig auch die Kategorie Startseite an.

7 Anleitung Typo3 Seite 7 von 17 Um News auf der Webseite einzupflegen, wählen Sie in der linken Spalte Nachrichten und anschließend auch in der mittleren Spalte (einer der letzten Punkte) News. Sie erhalten nun einen Überblick der verschiedenen News in der rechten Spalte. Abbildung 6: Einstellen von News Zur besseren Übersicht, können Sie die Anzeige der News in der rechten Spalte auf die gewünschte Kategorie beschränken, indem Sie diese auswählen. WICHTIG: In der Übersicht sehen Sie, dass alle News die gleiche Seitennummer (39) haben und nur die ID abweicht. Alle News müssen über den oben beschriebenen Weg eingestellt werden, da sie sonst nicht angezeigt werden können. Stellen Sie die News auf einer falschen Seite ein, weicht die Seitennummer entsprechend ab und die News wird nicht dargestellt. Eintragen einer neuen News Mit einem Klick auf das Symbol Nachrichten einfügen. in der Titelleiste der Nachrichtenübersicht können Sie neue Im sich nun öffnenden Bereich können Sie eine neue Nachricht eingeben. Unter dem Reiter Allgemein können Sie Titel, Untertitel und Text eintragen. Der Titel ist die Überschrift der News, der Untertitel wird auf der News-Übersichtsseite im Frontend der Webseite unterhalb des Titels als Vorschautext angezeigt und der Text, den Sie hier eintragen, erscheint auf der News-Detailseite nach dem Klick auf mehr in der News-Übersicht. Im oberen Bereich des Reiters Allgemein ist bei neuen News standardmäßig noch ein Häkchen bei Verbergen gesetzt. Um die News zu veröffentlichen entfernen Sie dieses Häkchen einfach durch einen Klick darauf.

8 Anleitung Typo3 Seite 8 von 17 Der Textbereich der News lässt sich, genau wie der Textbereich einer Unterseite bearbeiten, es lassen sich dort genauso Texte, Bilder und Verlinkungen einstellen, wie oben bereits beschrieben. Abbildung 7: Inhalte in eine neue News einstellen Im Reiter Spezial können Sie das Datum wählen, wann die News veröffentlich werden soll. So können Sie News auch an einem bestimmten Tag in der Zukunft veröffentlichen lassen. Standardmäßig ist hier das aktuelle Datum gesetzt. Im Frontend werden die News nach Veröffentlichungsdatum sortiert dargestellt. Die Eingabe eines Archivdatums ist eine Pflichtangabe und muss eingetragen werden, um die News speichern zu können Abbildung 8: Der Reiter Spezial im Bereich News Im Reiter Medien können der News Bilder zugeordnet werden. Klicken Sie hierzu auf das Ordnersymbol. Anschließend gehen Sie wie in Kapitel 4.2 beschrieben vor.

9 Anleitung Typo3 Seite 9 von 17 Abbildung 9: Der Reiter Medien im Bereich News Im Reiter Kategorien und Beziehungen steuern Sie, auf welchen Seiten die News angezeigt werden soll. Im üblichen Fall sollte hier Startseite und die entsprechende Seite des Kirchortes ausgewählt werden. Ein Sonderfall stellt die Bearbeitung des Pfarrbriefes dar, welche im nächsten Kapitel beschrieben wird. Abbildung 10: Der Reiter Kategorien und Beziehungen im Bereich News Nach Eingabe aller Daten klicken Sie auf Speichern. Nach dem Einpflegen von News sollten Sie den Cache löschen. Dies können Sie über das Blitz-Symbol direkt neben dem Abmelde-Button.

10 Anleitung Typo3 Seite 10 von 17 Abbildung 11: Cache löschen Nachdem der Cache gelöscht ist, aktualisieren Sie die Frontend-Seite und die News sollte angezeigt werden. 4 Rich Text Editor Für die Inhaltselemente Text und Text mit Bild steht Ihnen ein sogenannter Rich Text Editor (RTE) zur Verfügung. Er ist vergleichbar mit Microsoft Word und erleichtert Ihnen das Arbeiten mit Texten in Ihrem Browser. Der RTE hilft Ihnen beim Text eingeben und formatieren, Bilder, Tabellen und Links einfügen, etc. Die Symbole des RTE sind mit einer sensitiven Hilfe versehen, das bedeutet: wenn Sie mit dem Mauszeiger über die Symbole fahren, wird Ihnen die Funktion angezeigt. Auch im RTE gibt es Kontextmenüs. Sie erscheinen, wenn Sie innerhalb eines Elements die rechte Maustaste drücken. Mit den Kontextmenüs haben Sie weitere Eingabemöglichkeiten zum Beispiel bei Bildern und Links. Abbildung 12: Der Rich Text Editor

11 Anleitung Typo3 Seite 11 von Bilder im Inhaltbereich einer Unterseite einfügen Um Bilder in einer Unterseite einzubauen klicken Sie auf das entsprechende Symbol. Abbildung 13: Bilder in Inhaltselemente einfügen Es öffnet sich ein neues Fenster in dem Sie links ein Unterverzeichnis (aus dem Bereich Medien) auswählen können. Abbildung 14: Das Popup Bild einfügen Wählen Sie im Verzeichnisbaum den gewünschten Ordner aus und klicken Sie diesen an. Anschließend öffnet sich in der rechten Spalte eine Übersicht der bisher in diesen Ordner abgelegten Bilder. Um neue Dateien hochzuladen wählen Sie zunächst in der linken Spalte den Ordner aus, in welchen Sie ein Bild hochladen möchten. Scrollen Sie anschließend nach unten und klicken Sie unterhalb von

12 Anleitung Typo3 Seite 12 von 17 Dateien hochladen auf Durchsuchen. Sie können nun ein Bild von Ihrem Computer zum Hochladen auswählen. Klicken Sie auf Hochladen und das Bild erscheint anschließend in der rechten Spalte. 4.2 Bilder bearbeiten Haben Sie ein neues Bild hochgeladen, klicken Sie dieses an. Klicken Sie anschließend auf den Button Bild verändern. Abbildung 15: Bilder bearbeiten Sie sehen nun eine Übersicht des aktuell hochgeladenen Bildes. Abbildung 16: Bildeigenschaften Zunächst können Sie die Größe des Bildes manuell verändern. Durch eine Markierung im Kästchen Rand geben Sie dem Bild eine Umrandung. Im nächsten Feld Umfließen können Sie angeben, wie das Bild positioniert werden soll - Rechts: Bild wird rechts dargestellt und links von Text umflossen - Links: Bild wird links dargestellt und rechts von Text umflossen - Nicht umfließen: Bild wird ohne von Text umflossen zu werden dargestellt Wenn Sie das Bild von Text umflossen darstellen lassen möchten, geben Sie in den nächsten 4 Feldern den Abstand ein, der zwischen Bild und Text eingehalten werden soll (standardmäßig sollten

13 Anleitung Typo3 Seite 13 von 17 Sie hier in allen 4 Feldern 5 eintragen). In den letzten beiden Zeilen können Sie nun den Titel und Alternativtext (wenn das Bild aus welchem Grund auch immer nicht geladen werden kann) einstellen. Beide Bereiche sind für die Suchmaschinenoptimierung wichtig, Sie sollten also darauf achten, dass Ihre Bilder immer beschrieben sind. Wenn Sie das Bild austauschen möchten, klicken Sie bitte auf den Reiter Neues normales Bild und gehen wie im vorangegangen Punkt beschrieben vor. 4.3 Links und Medien in den Inhaltsbereich einer Unterseite einfügen Wenn Sie einen Text im Inhaltsbereich geschrieben haben, können Sie diesen markieren und über das entsprechende Symbol zu einem Link machen. Abbildung 17: Links einfügen Es öffnet sich ein neues Fenster, in dem verschiedene Verlinkungsmöglichkeiten ausgewählt werden können: - Seite : Verlinkung zu einer anderen Unterseite innerhalb der Webseite - Datei : Verlinkung einer PDF-Datei oder eines Word-Dokuments - Externe URL : Verlinkung zu einer anderen Webseite - Verlinkung zu einer Adresse Um eine Datei zu verlinken, wählen Sie auch hier wieder zunächst im Verzeichnisbaum den entsprechenden Ordner aus, in den Sie die Datei hochladen möchten. Scrollen Sie anschließend nach unten und laden die Datei entsprechend hoch. Anschließend erscheint diese in der rechten Spalte. Bei Dateien und Verlinkungen auf interne bzw. externe Seiten sollten Sie vor der Verknüpfung angeben, ob die Datei im gleichen Fenster oder in einem neuen Fenster geöffnet werden soll, dies können Sie im Bereich Zielfenster. Grundsätzlich sollten Verlinkungen innerhalb der eigenen Homepage im gleichen Fenster geöffnet werden können, externe Verlinkungen oder Verlinkungen von Dateien sollten sich in einem neuen Fenster öffnen.

14 Anleitung Typo3 Seite 14 von 17 Abbildung 18: Interne und externe Verlinkung 4.4 Tabellen einfügen Um auf einer Unterseite eine Tabelle einzufügen, klicken Sie auf das Tabellen-Symbol im Rich-Text- Editor. Abbildung 19: Tabelle hinzufügen Im Bereich Größe und Köpfe können Sie steuern, wie viele Zeilen und Spalten die neue Tabelle haben soll. Im Bereich Köpfe können Sie angeben, ob die Tabelle eine Kopfzeile haben soll oder nicht und wo diese verlaufen soll. Im Bereich CSS Stil können Sie das Tabellen-Template auswählen. Aktuell sind folgende Templates hinterlegt: - Kein Blockstil: Fügt eine Tabelle hinzu, wie sie aktuell hier dargestellt wird

15 Anleitung Typo3 Seite 15 von 17 - Tabelle: nur senkrechte Linien - Tabelle: nur waagrechte Linien - Tabelle: ohne Linien - Tabelle: senkrechte und waagrechte Linien

16 Anleitung Typo3 Seite 16 von 17 Die wichtigsten Icons Seiten: sichtbare Seite (sichtbare) Seite mit Verweis verborgene (unsichtbare) Seite Seite nicht im Menü bearbeiten Webseite anzeigen Inhaltselemente: neues Element anlegen sichtbares Textelement verborgenes Textelement Datensatz verschieben bearbeiten Datensatz verbergen Datensatz sichtbar machen Element ausschneiden Element kopieren Verknüpfung erstellen Verknüpfung entfernen Dateien durchblättern ausgewähltes Objekt löschen Bearbeiten:

17 Anleitung Typo3 Seite 17 von 17 Dokument schließen Dokument speichern Dokument speichern und Seite anzeigen Dokument speichern und schließen Dokument speichern und neues erstellen / Entfernen bzw. löschen Datei umbenennen Datei ersetzen letzte Änderung rückgängig machen Verweis erzeugen in neuem Fenster öffnen nach unten verschieben nach oben verschieben