Schulung TYPO3.

Transkript

1 Schulung TYPO3

2 Login in das Backend: Das Backend ist erreichbar unter ( WAO-Redakteure haben grundsätzlich Admin-Accounts in der Sprache Deutsch. Aktuell er User: wao / Passwort: wao Grundlegender Aufbau TYPO3: Der Aufbau besteht aus 3 Bereichen: 1: Navigation 2: Seitenbaum 3: Arbeitsbereich TYPO3 Navigation Für die redaktionelle Pflege werden später folgende Navigationselemete benötigt: 1: Bearbeiten von einzelnen Unterseiten / Inhalten 2: Bearbeiten von Datensätzen (News, career@office Workshops) 3: Evtl. um News zu bearbeiten besser ist der Punkt 2 4: Verwaltung von Dokumenten / Files (Bilder / PDF / etc.)

3 TYPO3 Seitenbaum Der Seitenbaum hat für WAO-Redakteure 3 wichtige Seitentypen: 1: Folder / Ordner Beinhaltet immer einzelne Datensatze 2: Page / Seite Tatsächliche Seite im Front-End 3: Shortcut / Verknüpfung Verweis auf eine andere Seite (damit Content nicht doppelt angelegt werden muss) Neue Seiten werden über das Symbol Seite mit grünem Plus angelegt. Diese können via Drag und Drop im Seitenbaum sortiert / eingegliedert werden. Weitere wichtige grundlegende Symbole Neuen Datensatz anlegen Datensatz / Seite bearbeiten Sichtbar (gelb) / Unsichtbar (weiß) Datensatz einfügen (auf Bekannte Icons wird verzichtet näher drauf einzugehen)

4 Seitenaufbau Das Backend ist vom Grundaufbau ähnlich gestaltet wie das Frontend. Daraus ergeben sich folgende Flächen im Backend. Seitenbearbeitungen finden immer über Seite Auswahl im Baum Arbeitsbereich statt WICHTIG: Content ist primär immer über Oben Links zu pflegen Folgende Bereiche werden auf Unterseiten vererbt: Werbung über Header, Werbung unter Header, Oben rechts, Werbung über Footer Content-Elemente Als Redakteur stehen einem Grundlegend 3 Content-Element-Typen zur Auswahl: 1: Grid Elemente (nachfolgend DCE genannt) 2: wirkliche Content-Elemente (Text, Text mit Bild, Bild, etc.) 3: Plugins (eher unrelevant, da sehr wahrscheinlich nur das AD-Plugin eine Rolle spielen wird Grid-Elemente Dies sind zusätzlich Spalten. Beispiel: das Template ist im Contentbereich standartmäßig 66:33. Sie wollen den bereich 66% je zu 2 hälften aufteilen, um Content hübsch zu platzieren. Dafür finden Sie unter Neues Inhaltselement Raster Elemente folgende Auswahl: 33 / 33, 33 / 33 / / 50

5 Maßgebend für den Einsatz sind immer 100% Webseitenbreite. Im oben genannten Beispiel müssten Sie für den Bereich 66 das Element 33 / 33 wählen, um dieses zu halbieren Neben den Möglichkeiten der Unterteilung von Spalten, finden Sie hier auch die Rahmen Box grauer Hintergrund, Box für Bilder, Box roter Rahmen. Diese bitte ausschließlich in einer 33 % Spalte anwenden. Innerhalb der einzelnen Raster-Elemente können dann anschließend neue / weitere Content-Elemente angelegt werden. Wirkliche Content-Elemente Typischer Seiteninhalt In diesem Fall ist das Bild selbst erklärend: Beispiel für ein typisches Content-Element Text und Bilder Grundlegend wird unter dem Tab Allgemein (Abb. 1) der Content gepflegt. Dabei nur im Feld Überschrift und Text Content pflegen. WICHTIG: Umbrüche nicht mit einfachem Return sondern immer mit shift + return Unter Bilder (Abb. 2) das Bild. Hierbei verweise ich auf die Dateiliste. Erst das Bild über Dateiliste hochladen, dann einfügen. WICHTIG: um Fehler im System zu vermeiden, unbedingt alle Dateinamen klein schreiben. Unter dem Tab Erscheinungsbild (Abb. 3) wird die Darstellung des Bildes gesteuert (Größe, Position, evtl. sogar ein Link auf dem Bild, etc.) Sehr interessant ist der Reiter Zugriff (Abb. 4): Dort können Sie einzelne Rechte vergeben, wer dieses Element sehen darf (Nur Abonnenten /

6 verschwindet bei Login, etc) WICHTIG: Wenn Sie Inhaltselemente kopieren, sind diese Standartmäßig ausgeblendet. Diese können Sie in diesem Reiter aktivieren. (Oder wie Eingangs erklärt über die Lampe im List-Modus) Abb. 1 Abb. 2

7 Abb. 3 Abb. 4 News anlegen News werden über den Menüpunkt Liste angelegt. Dann klicken Sie im Seitenbaum auf News (über Startseite). Anschließend öffnet sich eine Listenansicht mit News. Hier sehen Sie alle News (und auch Kategorien, wobei diese für Redakteure in diesem Fall uninteressant sind) 2 1

8 Das Anlegen erfolgt über den Klick auf den Taschenrechner mit Plus (1) (wie Eingangs beschrieben) Sie landen direkt in der Erfassungsmaske. Bei Klick auf 2, müssen Sie erst wählen: Natürlich wählen Sie in diesem Fall News aus. Anschließend gelangen Sie wieder in der Erfassungsmaske: Beginnen Sie im Reiter Allgemein den Title, Untertitel und Text zu pflegen: 1 WICHTIG: auch hier wieder Absätze mit shift + enter Soll der Beitrag als Werbung gekennzeichnet werden, so klicken Sie die Checkbox 1 an. (die deutsche Übersetzung ist noch nicht integriert Label ist auf Englisch)

9 Unter dem Reiter Special NUR das Datum und den Autor pflegen: Media ist der Tabulator für die grafische Aufwertung des Artikels. WICHTIG: nutzen Sie nicht den Upload sondern laden hier Bild erst über die Dateiliste hoch. Haben Sie dies getan, klick Sie auf dieses Icon Dort wählen Sie mit einem Klick auf den Dateinamen, das Bild aus

10 Die Kategorie wählen Sie unter Categories und Relations aus: Dafür klicken Sie auf diesen Pfeil Sie wählen nun nacheinander, mit Priorität, die einzelnen Kategorien aus: Zuerst die Hauptkategorie, dann die Unterkategorie. Soll der Artikel auch auf der Startseite in den unteren Boxen erscheinen, so wählen Sie hier die jeweilig passende Kategorie Speichern Sie den Beitrag mit einem Klick auf die Diskette Disk 1: Speichern und auf Seite bleiben Disk 2: Speichern und Vorschau in einem neuen Fenster öffnen Disk 3: Speichern und schließen (zurück in den List-Modus ) Disk 4: Speichern und direkt im Anschluss noch eine News verfassen

11 Premium Inhalt Premium Inhalt wird im Seitenbaum angelegt: Die Gliederung ist Jahr Monat / Ausgabe Inhalt Trick: Für eine schnelle Seitenanlage nutzen Sie den Münupunkt Funktionen. Anschließend wählen Sie im Seitenbaum bequem das Magazin aus und legen die Inhalte an Auf der Seite des Magazins erstellen wir eine Übersicht der Inhalte. Dafür verwenden Sie ein Plugin. Um dieses nicht ständig neu zu konfigurieren kopieren Sie ein bestehendes (HINWEIS: wie bereits geschrieben, sind kopierte Inhalte Standartmäßig deaktiviert) Kopieren: Klick auf das Icon des Content Elements und anschließend auf Kopieren klicken Dann im Bereich Oben Links auf der neuen Seite des aktuellen Magazins einfügen. Danach bearbeiten Sie das Element (Klick auf den Stift). Nun müssen Sie die Überschrift und den Ausgangspunkt des Plugins wählen. Dafür löschen Sie erst den alten Eintrag (anklicken und anschließend auf x klicken) Dann verweisen Sie auf die aktuelle Seite der ausgabe, wo die Unterseiten angelegt sind. In diesem Fall sogar auf die Seite, auf dem das Plugin sich befindet. Speichern und die Übersicht ist erstellt.

12 Nun gehen wir auf die Seite des Jahres, wo das Magazin veröffentlich wird / wurde. Nachfolgend bearbeiten wir dieses Plugin: Klick auf das Icon Stift bei Mouseover des Elements Nach dem Öffen, klicken Sie auf den Reiter Plug-In und fügen die soeben angelegte Sitemap unter Contents to Display hinzu: notwendig, da das Neuste unten angehangen wird. Dafür UNBEDINGT auf den Folder klicken. (NICHT: plus, icon, etc.) Es öffnet sich ein Fenster Seitenbaum, wo Sie die Ausgabe anklicken (ROTER PFEIL nach rechts). Dann sehen Sie das Content-Element, welches Sie nun mit dem Klick AUF den NAMEN (nicht auf das Plus) hinzufügen. Nun können Sie durch auswählen die Reihenfolge ändern (Nicht Durch diesen Aufwand haben wir die Wulst an Magazinen schön gruppiert. Front-End-Ausgabe: Der Inhalt des Premium-Contents, besteht aus 3 Content-Elemente: 1: öffentlicher Anleser (immer sichtbar) 2: Hinweis auf Login, dann erst lesbar (verschwindet nach Login) 3: Download Link des Artikels (Erst sichtbar nach Login)

13 Wie bereits weiter oben beschrieben, wird dies über den Reiter Zugriff gesteuert: Dieses Beispiel zeigt, dass dieses Element nur Front-End User der Kategorie Abonnenten angezeigt bekommen. (Keine manuelle Zuweisung notwendig wird über die Schnittstelle erfolgen)

14 Die Anlage der Termine für erfolgt im List-Modus. Dabei sind folgende Systemordner entscheident: Für jede mögliche Uhrzeit ist ein System-Ordner angelegt, in dem Seiteinhalt gepflegt wird. Die Anlage erfolgt über den Taschenrechner mit dem Plus Der Inhalt des Workshops wird in die uns bekannten Felder geschrieben. Workshopbezeichnung in Überschrift Beschreibung in Text Eine Besonderheit stellt der Preis für den jewiligen Workshop dar. Dieser wird in das Feld Link als Ganzzahl hinterlegt. In diesem Beipsiel 90 für 90 Die ist die Grundlage für das Anmeldeformular und die automatische Berechnung des Preises für die Veranstaltung. Nachfolgend ein Screenshot des Forumulas:

15

16 Dateiliste Wie bereits oben erwähnt findet der Upload immer im Vorfeld über den Menüpunkt Dateiliste statt. Der Dateimamager sieht wie folgt aus: 1 Die Auswahl der Ordnerstruktur findet Links im Tree statt. Uploads über das Icon mit der Abbildung 1. Danaben (Taschenrechner mit Plus) ist die Schaltfläche um neue Ordner anzulegen. Wichtige Hinweise Nach jeder Änderung muss im LIVE-Modus der Cache geleert werden um die Änderung im Front-End zu sehen. Dafür klicken Sie auf Allgemeine Caches leeren Ohne diesen Klick wird Ihre Änderung im Front-End nicht sichtbar sein.