Der Typo3-Verwaltungsbereich von b artusel.net

Transkript

1 Version: Der Typo3-Verwaltungsbereich von b artusel.net Die Homepage basiert auf dem Content Management System (CMS) Typo3. CMS-Software findet in der Regel dann Verwendung, wenn die Seiten und Seiteninhalte einer Homepage in erster Linie nicht von Programmieren, sondern vielmehr von technischen Laien gepflegt werden sollen. Ganz in diesem Sinne lässt sich unsere Familien- Homepage bereits nach kurzer Einarbeitung praktisch nutzen. In technischer Hinsicht sind lediglich zwei Voraussetzungen zu erfüllen: ein Computer mit Internet-Zugang ein aktueller Internet-Browser (Internet Explorer, Mozilla Firefox o.ä.) Die ersten Schritte Die ersten Erfahrungen mit der bartusel.net-homepage hast Du wahrscheinlich bereits im Community-Bereich gesammelt. Hier kann man nach erfolgter Anmeldung direkt in der Homepage arbeiten, darum spricht man in diesem Zusammenhang auch von den Frontend- Features des CMS. Andere Funktionalitäten des CMS können dagegen nur im Verwaltungsbereich des CMS bearbeitet werden, hier spricht man dann von den Backend-Features. Das Backend (= den Verwaltungsbereich) zu unserer Homepage findet man unter der folgenden Adresse: Genau so wie im Frontend benötigt man auch für das Backend Benutzerdaten um sich anmelden zu können. Beide Zugänge sind unabhängig voneinander, d.h. mit den Frontend- Benutzerdaten kann man sich nicht im Backend anmelden. Das gilt natürlich auch umgekehrt. In Abhängigkeit von den eingegebenen Benutzerdaten erhält man im Backend Zugriff auf die vom Administrator freigegebenen Funktionalitäten des CMS: Erstellen und Bearbeiten von Homepage-Seiten Hochladen und Bearbeiten von Bildern für die Galerien Einpflegen von aktuellen Meldungen in die Homepage (News) Oder Nutzung irgendeiner anderen Funktionalität in der Homepage Im Anschluss findest Du Einführungen in die zentralen Backend-Features der Homepage. Das FRONTEND: Die bartusel.net-homepage Bevor wir uns näher mit dem Verwaltungsbereich von Typo3 beschäftigen, werfen wir noch einen Blick auf die Homepage. Der bartusel.net-auftritt enthält bereits eine Vielzahl an Seiten und diese wiederum Seiteninhalte in Form von Texten, Grafiken, etc. Die hier erscheinenden Seiten und Seiteninhalten

2 Typo3-Testzugang von tris inus, S. 2 finden wir später im Verwaltungsbereich von Typo3 wieder. Klick Dich einfach mal durch das Menü der Homepage und lasse die Struktur und den Aufbau der Seiten auf Dich einwirken. Dies hilft, sich später im Verwaltungsbereich schneller zurechtzufinden. Solltest Du bereits über Zugangsdaten für das Frontend verfügen, kannst Du Dich über eins der Anmeldeformulare in den Hauptmenüseiten anmelden und auf geschützte Inhalte zugreifen, wie z.b. den Communitybereich. Aus Sicherheitsgründen melde Dich bitte vor Verlassen der Homepage aus dem geschützten Bereich ab. Dies erfolgt auf den gleichen Seiten wie die Anmeldung. Nachdem Du Dich mit der bartusel.net-homepage vertraut gemacht hast, wenden wir uns nun dem Content Management System Typo3 zu, mit welchem die Inhalte der Homepage verwaltet werden - Typo3. Das BACKEND: Der Typo3-Verwaltungsbereich Die folgenden Tätigkeiten können nur von Personen durchgeführt werden, die über Zugangsdaten für das Typo3-Backend verfügen! Öffne im Internet-Browser bitte den Typo3-Verwaltunsgbereich: Du gelangst zu einem Anmeldeformular, über welches die Anmeldung im Typo3- Verwaltungsbereich erfolgt. Nach erfolgreicher Anmeldung gelangst Du in die zweigeteilte Arbeitsoberfläche von Typo3: Am linken Seitenrand befinden sich die für Dich freigeschalteten Typo3-Module (Web-Seite, Web-Anzeigen, etc.), rechts daneben der Inhaltsbereich. Welche Inhalte im Inhaltsbereich dargestellt werden, hängt davon ab, welches Modul Du gerade ausgewählt hast: Web-Seite: Mit diesem Modul kannst Du Seiten sowie deren Inhalte neu anlegen, bearbeiten und auch wieder löschen. Web-Anzeigen: Zeigt die aktuelle Seite in der Browser-Ansicht an und lässt Dich den Inhalt direkt bearbeiten. Web-Liste: Bietet strukturierten Zugriff auf die Datensätze einer Seite: Dieses Modul brauchst Du, wenn Du z.b. Einträge der News-Anwendung bearbeiten möchtest. Datei-Dateiliste: Das Dateiverwaltungssystem von TYPO3. Es erlaubt den Zugriff auf das für Dich freigegebene Dateiverzeichnis. Mit diesem Modul kannst Du Dateien wie z.b. Bilder auf den Server hochladen, kopieren, verschieben und löschen. Datei-Bilder: Zeigt die Bilder in Deinem Dateiverzeichnis in der Vollansicht an. Die Anzeige ist auf 5 Bilder pro Ausgabeseite begrenzt. Die Pixelgröße der Bilder wird ebenfalls angezeigt. Hilfe-Über Module: Erläutert alle für Dich freigegebenen Module. Hilfe-Über TYPO3: Grundlegende Informationen zu TYPO3. Seiten bearbeiten Um Seiten zu bearbeiten, wähle bitte das Modul Web-Seite. Es wird der für Dich freigegebene Seitenbaum der Homepage angezeigt. Es existieren verschiedene Seitentypen, die anhand der vorstehenden Symbole zu erkennen sind: Seitentyp Symbol Beschreibung Standard helles Blatt Diese Seite wird im Menü angezeigt. Nicht im Menü dunkles Blatt Diese Seite wird nicht im Menü angezeigt.

3 Typo3-Testzugang von tris inus, S. 3 Shortcut helles Blatt mit Pfeil Diese Seite wird im Menü angezeigt, hat aber keinen eigenen Inhalt, sondern leitet auf eine andere Seite weiter. Systemordner Aktenordner Besonderer Seitentyp: Dient zur Aufnahme von listenartigen Inhalten, wie z.b. News-Meldungen Versteckt Blatt mit rotem X Seite erscheint vorübergehend nicht in der Homepage, z.b. um Sie in Ruhe zu bearbeiten. Um eine Seite zu bearbeiten, klicke mit dem linken Mauszeiger bitte auf das Seitensymbol der entsprechenden Seite und wähle im Kontextmenü den gewünschten Befehl. Wenn Du stattdessen nur den Seiteninhalt anschauen möchtest, klicke im Seitenbaum auf den Seitennamen. Neben dem Seiteninhalt lässt sich auch den Seitenkopf bearbeiten. Dieser enthält den Seitennamen (d.h. wie die Seite im Seitenbaum und in der Menüleiste bezeichnet wird) sowie die Option, eine Seite vorübergehend zu verstecken. Vorübergehend versteckte Seiten sind durch ein weißes Blatt-Symbol mit rotem X gekennzeichnet. Um den Seitenkopf einer Seite zu öffnen, klicke mit dem Mauszeiger auf das entsprechende Seitensymbol und wähle im Kontextmenü den Befehl "Bearbeite Seiten- Header". Nachdem Du eine Änderung vorgenommen hast, solltest Du diese Änderung abspeichern. Hierzu bietet Typo3 am Anfang und Ende jeder Eingabeseite mehrere Speicherbuttons an. Die genaue Funktion der einzelnen Speicherbuttons wird eingeblendet, wenn man den Mauszeiger über die Buttons bewegt. Seiten nicht für jeden sichtbar- geht das? Nicht immer ist es gewollt, dass alle Seiten einer Homepage für jedermann sichtbar sind. Hier bietet Typo3 die Möglichkeit, beliebige Seiten erst dann sichtbar zu machen, wenn der jeweilige Benutzer sich zuvor in der Homepage angemeldet hat. Dies ist der tiefere Sinn der Anmeldung zur Community. So können Seiten angelegt werden, die nur angemeldeten Community-Mitgliedern angezeigt werden. Und so geht das: Sofern der Admin die Funktion freigegeben hat, erscheint im Seitenkopf im Feld Allgemeine Optionen die Auswahlbox Zugriff. Hier lässt sich eine Benutzergruppe auswählen, für welche die betreffende Seite freigegeben ist: Ausschließlich Benutzer, die der entsprechenden Gruppe angehören und sich korrekt angemeldet haben, können die geschützte Seite sehen. In unserem Fall wäre dies in der Regel die Benutzergruppe Allgemein. Damit man nicht jede Seite einzeln schützen muss, gibt es noch die Checkbox Inklusive Unterseiten. Ist diese aktiviert, werden automatisch alle Unterseiten (gleichermaßen bereits existierende wie noch anzulegende) vor unbefugten Besuchern geschützt. Geschützte Seiten sind im Seitenbaum durch besondere Symbole gekennzeichnet. Inhalte bearbeiten Um Seiteninhalte zu bearbeiten, wähle bitte das Modul Web-Seite und klicke anschließend im Seitenbaum auf den Namen der gewünschten Seite. Es erscheint eine Übersicht der Inhaltselemente, die in der gewählten Seite enthalten sind.

4 Typo3-Testzugang von tris inus, S. 4 Jedem Seiteninhalt sind mehrere Buttons zugeordnet, durch die der Inhalt bearbeitet, gelöscht oder ein neuer Inhalt an ihn angehängt werden kann. Das Aussehen des folgenden Formulars mit dem Seiteninhalt hängt davon ab, was für ein Typ der geöffnete Seiteninhalt ist: Text, Text mit Bild, Bild oder Formular. Es existiert noch eine Vielzahl weiterer Inhaltstypen, doch am Anfang sollte man sich zunächst auf die wichtigsten Elemente konzentrieren. Welchen Inhaltstyp man gerade geöffnet hat, wird immer am Anfang des Formulars angezeigt. Nach dem Seitentyp wird die Überschrift des Seiteninhalts angezeigt. Dieses Feld kann man ausfüllen, muss es aber nicht. Überschriften werden in der Homepage dargestellt. Sofern Du einen Seitentyp geöffnet hast, der Textinhalt enthält, folgt nach der Überschrift das Texteingabefeld. Alle Benutzer des Microsoft Internet Explorers oder anderer moderner Browser werden erfreut feststellen, dass das Eingabefeld gewisse Ähnlichkeit mit gängigen Textverarbeitungsprogrammen hat und auf den Namen Rich Text Editor hört. Dazu im nächsten Kapitel mehr. Bei allen Inhaltstypen, die Grafiken beinhalten, hat man die Möglichkeit, Bilder aus der Dateiliste oder von der lokalen Festplatte einzubinden. Die Funktionsweise ist weitgehend selbsterklärend, probiere die Bildfunktionalität einfach aus. Nachdem eine Änderung vorgenommen wurde, solltest Du diese Änderung abspeichern. Hierzu bietet Typo3 am Anfang und Ende jeder Eingabeseite mehrere Speicherbuttons an. Die genaue Funktion der einzelnen Speicherbuttons wird eingeblendet, wenn man den Mauszeiger über die Buttons bewegt. Der "Rich Text Editor" Mit dem Rich Text Editor - oder kurz: RTE - können Inhalte auf bequeme Weise in Typo3 eingepflegt werden. Welche Formatierungsbuttons einem Redakteur zur Verfügung stehen, wird vom Administrator der Homepage festgelegt. Wir haben hier eine Standard- Konfiguration gewählt. Die Idee: Man erstellt und formatiert Seiteninhalte im gewohnten Office-Programm (MS Word, Open Office o.ä.) und fügt diese dann per Kopieren & Einfügen in den Rich Text Editor ein. Doch das klappt leider nicht immer: Die gängigen Office-Programme verfügen über autonome Formatierungssysteme, die sich nur bedingt oder gar nicht in eine internet-geeignete Form bringen lassen. Eine simple Regel: Je komplizierter die Formatierung, desto problematischer ist die Übertragung mittels Kopieren & Einfügen in das CMS. Textauszeichnung (fett, kursiv, unterstrichen): Diese Formatierungen lassen sich in der Regel direkt übernehmen. Tabellen: Hier kann es wegen der Tabellenmaße schnell zu Darstellungsproblemen kommen: Wenn Du z.b. eine Tabelle in MS Word erstellst, ist diese in der Regel für die Ausgabe in einer DIN A4-Seite optimiert. Überträgt man die Tabelle nun ins CMS, wäre es ein Zufall, wenn die Tabellenmaße auf Anhieb passen würden! Bilder: Hier geht in der Regel gar nichts außerhalb des CMS. Grafiken stellen eigene Dateien dar, die sich nicht einfach per Kopieren & Einfügen übertragen lassen. Diese müssen erst über das CMS auf den Web-Server hochgeladen werden, um im Internet verfügbar zu sein. Darüber hinaus akzeptieren Office-Programme zahlreiche Grafikformate, die Internet-Browser (Microsoft Internet Explorer, Mozilla, Netscape) nicht abbilden können. Also: Einfach formatierte Texte lassen sich häufig mittels Kopieren & Einfügen aus dem Office- Programm in das CMS übernehmen. Auf jeden Fall solltest Du dies zunächst praktisch ausprobieren. Werden die Inhalte aber komplizierter oder beinhalten diese sogar Bildmaterial, lässt es sich wohl nicht vermeiden, sie im CMS neu anzulegen.

5 Typo3-Testzugang von tris inus, S. 5 Man kann mit dem RTE auch Verlinkungen, Tabellen oder Bilder einfügen. Probiere die verschiedenen Buttons einfach mal aus! Dein eigenes Dateiverzeichnis Seiteninhalte bestehen nicht nur aus Text, ergänzt wird dieser durch Grafiken oder auch Dateien, die man zum Herunterladen (z.b. im PDF-Format) anbietet. Die von Dir benötigten Dateien können im Modul Datei-Dateiliste auf den Web-Server hochgeladen und dort verwaltet werden. Du kannst dort je nach Bedarf weitere Unterverzeichnisse anlegen. Um sich den Inhalt eines Verzeichnisses anzeigen zu lassen, klicke auf den Namen des entsprechenden Verzeichnisses. Und um ein bestimmtes Verzeichnis zu bearbeiten, klicke auf das Verzeichnissymbol um das entsprechende Kontextmenü zu erhalten. Um sich die Bilder in Dateiverzeichnis anzusehen, wähle einfach das Modul Datei-Bilder.