Kurzanleitung Typo3 Bericht/Galerie

Transkript

1 Kurzanleitung Typo3 Bericht/Galerie Diese Anleitung beschreibt, wie man einfach als Redaktor einen Bericht, sowie eine Bildergallerie auf der Homepage neu erstellt. Gehe als Erstes auf das Backend der Homepage: Logge dich dort ein mit folgenden Daten: Username: Password: r_vorname vorname Abb. 1: Login ins Backend Abb. 2: Hauptseite des Backends Nun befindest du dich auf der Typo3-Hauptseite, dem Backend der Homepage. Einige wichtige Punkte im linken Menü, die du als Erstes einmal kennen musst: Web Seite: Web Anzeigen: Datei Dateiliste: Bearbeitung der HP: Hier kannst du neue Seiten einfügen, Inhalte erfassen, Hier kannst du eine gestaltete Seite anschauen. Hier werden die benötigten Bilder, Dateien oder Grafiken auf die HP geladen. Alle anderen Punkte kannst du dir mal anschauen, brauchst du aber nicht!

2 1. Bericht hochladen Um einen Bericht hochzuladen, musst du dich wie auf der vorherigen Seite beschrieben einloggen. 1.1 Dateien vorbereiten Gehe nun auf den Menüpunkt Datei Dateiliste in der linken Spalte. Nun siehst den Ordnerbaum, in welchem die bisherig benötigten Dateien und Fotos abgelegt werden. Klicke nun mit der linken Maustaste auf denjenigen Ordner in welchem du deine neuen Fotos und Dateien ablegen möchtest. Für JUMU: Für MGS: Achtung: fileadmin / Jugendmusik Dateien / Bilder fileadmin / MGS Dateien / Bilder Bilder von gemeinsamen Anlässen werden immer unter MGS Dateien abgespeichert. Kreiere nun einen neuen Ordner, indem du mit der linken Maustaste auf das Ordner-Symbol vor dem Ordner mit dem Namen Bilder klickst. Wähle Neu und gebe in der rechten grossen Fläche den neuen Namen deines neuen Ordners ein. Abb. 3: Ordnerbaum in 'Datei - Dateiliste' Abb. 4: Klick mit linker Maus auf das Ordnersymbol. Achtung: Grundsätzlich werden die Ordner nach folgendem System beschriftet: Anlass Jahr.

3 Gehe nun in den neu kreierten Ordner und klicke wiederum auf das Ordnersymbol vor dem Namen deines neuen Ordner. Wähle Dateien hochladen! Nun kannst du auf der rechten Seite die Anzahl der hochzuladenden Dateien wählen und deine eigene Festplatte nach den Dateien durchsuchen. Beachte, dass die neuen Bilder eine Grösse von rund 100KB haben. Abschliessend drückst du auf Hochladen und deine Dateien werden in deinen Ordner auf dem Server geladen. Abb. 5: Dateien und Bilder hochladen Nun hast du alle Vorbereitungen getroffen um einen eigenen Bericht zu erstellen. 1.2 Neue Seite erstellen Klicke auf Web Seite um nun als Erstes eine neue Seite für deinen Bericht zu kreieren. Abb. 7: Vorlage Seite für Berichte übernehmen Abb. 6: Klicke auf Web - Seite

4 Klicke nun auf das kleine Plus vor der Seite Vorlagen, sowie Berichte Vorlagen im Menübaum der Homepage um die Seitenvorlage für deinen Bericht zu kopieren. Klicke mit der linken Maustaste auf das Seitensymbol mit dem roten Minus ( Dies bedeutet, dass die Seite auf dem Frontend nicht sichtbar ist!) und wähle Kopieren aus. Gehe nun im Menübaum der HP auf den Menüpunkt MGS Berichte oder JUMU Berichte. Klicke wiederum mit der linken Maustaste auf das Seitensymbol vor MGS Berichte oder JUMU Berichte und wähle Einfügen In. Dadurch erscheint die immer noch gesperrte Seite als erste Unterseite. Das ist auch richtig so, denn neue Seiten sind immer zu oberst. Nun sieht dein Menübaum in etwa so aus: Abb. 8: Menübaum nach dem Einfügen der Vorlagenseite Klicke nun auf den Titel der Seite Vorlage Seite für Bericht und wähle im rechten Arbeitsbereichs des Backends den Punkt Seiteneigenschaften bearbeiten. Abb. 9: Anwählen des Punktes 'Seiteneigenschaften bearbeiten'

5 Unter dem Punkt Seiteneigenschaften bearbeiten, kannst du den auf der Homepage angezeigten Seitentitel wählen. Achtung: Normalerweise beschriftet man eine Seite nach folgenden System Anlass Jahr Voreingestellt ist ebenfalls, dass die Seite verborgen ist. Das ist auch richtig so, denn während du an der Seite arbeitest, sollte das kein Frontend Benutzer sehen. Abb. 10: Wählen eines neuen Titels für die Seite. Nach dem Ändern des Titels musst du diesen noch speichern. Es gibt drei Möglichkeiten zum Speichern der Seite. Alle befinden sich nebeneinander im oberen Bereich, des Arbeitsfeldes. Normales Speichern der Seite. Speichern der Seite und anschliessendes Öffnen der Homepage in einem neuen Fenster. Speichern, sowie Schliessen des Menüs Seiteneigenschaften bearbeiten Nun bist du soweit und kannst deinen Bericht auf der Homepage erfassen.

6 1.3 Bericht (evtl. mit Bild) erstellen Du solltest dich jetzt auf der neu angelegten Seite mit dem Namen des Anlasses befinden. Wenn du gemäss Punkt 1.2 vorgegangen bist, ist bereits ein Bericht vorgefertigt. Diesen kannst du nun abändern. Abb. 11: Inhalt auf der selbst eingefügten Seite. Im rot angezeichneten Bereich in Abbildung befinden sich folgende Zeichen: Menü des Inhalts 2. Art des Inhalts 3. Bleistift: Bearbeiten des Inhalts 4. Einfügen eines neuen Inhalts nach diesem Inhalt 5. Diesen Inhalt (= Datensatz) nach unten, resp. nach oben verschieben 6. Weisse Lampe: Bericht ist sichtbar für Frontendbenutzer, wenn die Seite im Frontend ebenfalls sichtbar ist. Durch klicken auf die Lampe, kann ein Inhalt unsichtbar gemacht werden. 7. Kübel: Löschen des Inhalts. Klicke nun also auf den Bleistift (3) des ersten Inhaltselementes. Damit gelangst du in den Bearbeitungsmodus des Inhaltselementes.

7 Unter dem Punkt Allgemein Überschrift gibst du den Namen des Anlasses und allenfalls die Jahreszahl an. Alle anderen Einstellungen sind bereits richtig gemacht. Du musst daran also nichts ändern. Achtung: Wähle den Titel so, dass man intuitiv weiss, welcher Anlass gemeint ist! Abb. 12: Titel des Anlasses für Bericht anwählen. Gehe nun in die Registerkarte Text und schreibe den Bericht über deinen Anlass in das grosse Feld. Empfehlung: Achtung: Arbeite nicht mit Tabellen! Namen von Musikstücken werden kursiv geschrieben. Fette Texte nicht zu stark einsetzen. Im Frontend sieht das unprofessionell aus. Nicht zu viele Absätze verwenden. Das zerreisst den Text im Frontend. Abb. 13: Bericht eingeben

8 Zum Schluss solltest du unter der Registerkarte Medien ein des Bild hochladen. Wiederum sind bereits alle Voreinstellungen gemacht. Ändere nichts daran! Entferne als erstes das alte Bild. Wähle es an und klicke das Symbol (x) für löschen des Bildes. Danach kannst du mit dem Ordnersymbol ein neues Bild (welches du ja bereits schon hochgeladen hast) anwählen. Hier könntest du die Position des gewählten Bildes verändern. Voreingestellt ist im Text rechts. Achtung: Alle Bilder haben einen Rahmen. Abb. 14: Bild für Bericht einfügen Wenn du auf das Ordnersymbol klickst, kannst du nach deinem neu erstellen Ordner und den darin sich befindenden Dateien suchen. Klicke auf das schwarze Plus bei der gewählten Datei und bereits ist das Bild in deinen Bericht eingefügt worden. Abb. 15: Eigenes Bild mit dem schwarzen Plus anwählen Nun hast du deinen Bericht erfasst und kannst speichern. Drücke dafür eines der drei entsprechenden Symbole am oberen Rand des Arbeitsbereichs. Im linken Menü unter Web Anzeigen kannst du durch klicken auf deine neu erstelle Seite die Vorschau betrachten.

9 1.4 Seite mit Bericht freischalten Wenn du mit dem Ergebnis deiner neu gestalteten Seite zufrieden bist, kannst du die Seite nun freischalten. Klicke dazu mit der linken Maustaste auf das Seitensymbol vor der Seite im Menübaum der HP und wähle Sichtbar machen. Dadurch wird die Seite für alle Homepage-Besucher sichtbar. Falls du dich unsicher fühlst, meldest du dich kurz vor dem sichtbar machen der Seite bei Roland oder Hannes. Abb. 16: Seite sichtbar machen. Bis jetzt kann deine Seite, trotz dem Sichtbar machen noch von niemandem betrachtet werden, denn es gibt noch keine Links auf diese neue Seite. Insgesamt werden auf der Homepage drei Links eingefügt. Schaue dir dazu die Punkte an. 1.5 Link unter MGS/JUMU Berichte erstellen Gehe im Menü links auf Web Seite. Klicke danach im Menübaum der HP auf die Seite Vorlagen Berichte Vorlagen. Dort findest du zwei Inhalte. Wähle den ersten Inhalt Link in Berichte und klicke auf das im folgenden Screenshot rot markierte Symbol. Wähle dann Kopieren aus. Abb. 17: Inhalt 'Link in Berichte' kopieren

10 Gehe nun wieder im Menübaum der HP auf MGS Berichte oder auf JUMU Berichte. Du solltest dich im linken Menü immer noch unter Web Seite befinden. Abb. 18: Die Seite 'MGS - Berichte' anwählen Klicke nun wiederum mit der linken Maustaste auf das rot markierte Symbol des Inhalts Diverse Berichte. Wähle im aufklappenden Menü den Punkt Einfügen nach. Abb. 19: Ein Inhalt nach dem Inhalt 'Diverse Berichte' einfügen. Nun ist die Vorlage des Links nach dem Inhalt Diverse Berichte eingefügt worden. Klicke nun mit der linken Maustaste auf das Bleistiftsymbol des neu eingefügten Inhalts. Damit kannst du den Inhalt abändern.

11 Registerkarte Allgemein: Lösche die Überschrift heraus. Dieser Inhalt hat keine Überschrift! Abb. 20: Link unter 'MGS - Berichte' bearbeiten. Reigsterkarte Text: Name des Berichtes (normale Schrift) und Datum (kursiv) eingeben! Abb. 21: Link zum Bericht setzen Mit dem in Abb. 21 rot eingekreisten Symbol kannst du einen Link auf eine andere Seite setzen. Dazu muss jedoch der zu verlinkende Text (im Normalfall ist das der Anlass!) blau markiert sein. Klicke dann auf den Namen der Seite mit deinem erstellten Bericht aus. Wenn du die gewünschte zu verlinkende Seite anklickst, schliesst sich das Fenster und du musst einzig und allein die Seite noch speichern. Bereits hast du einen Link auf deinen Bericht gesetzt. Abb. 22: Link zu einem neuen Bericht erstellen

12 1.6 Kurzbericht unter MGS/JUMU erstellen Gehe im Menü links unter Web Seite. Gehe dann wieder auf die Seite Vorlagen Berichte Vorlagen Kopiere (wie das geht, findest unter Punkt 1.5) nun den zweiten Inhalt. Füge das kopierte Element auf der Seite MGS direkt nach dem bereits erfassten Inhalt Herzlich Willkommen! ein. Klicke nun auf das Bleistift-Symbol des eingefügten Inhaltelementes und ändere den Titel ab (unter der Registerkarte Allgemein ). Normalerweise wählst du hier den Titel des neu eingefügten Berichtes. Gehe dann in die Registerkarte Text und gebe die ersten drei Zeilen des neu erfassten Berichtes nochmals ein. (Du kannst diese aus einem Worddokument herauskopieren und einfügen.) Mit dem Wort mehr beendest du den dreizeiligen Anfang des Berichtes. Markiere schliesslich das Wort mehr und verlinke es mit dem rot umrahmten Symbol. Wähle den Link wiederum auf die Seite mit deinem Bericht. Abb. 23: Kurzbericht auf 'MGS' erfassen und verlinken Gehe nun noch auf die Registerkarte Medien und wähle ein passendes Bild. Lies dazu den Punkt 1.5 in diesem Dossier. Die voreingestellte Bildgrösse, sowie die Position des Bildes solltest du sein lassen. Speichere nun deinen Kurzbericht mit dem entsprechenden Symbol und schaue ihn dir unter Web Anzeigen an. Entspricht er den anderen bereits erfassten Kurzberichten? Falls nicht, bitten wir dich den Inhalt mit der Glühbirne zu verbergen und Roland oder Hannes zu informieren. 1.7 Kurzbericht unter Home erstellen Schon bald hast du es geschafft, denn nun musst du nur noch unter Home den gleichen soeben erfassten Kurzbericht veröffentlichen. Gehe dazu wie folgt vor: 1. Kopiere den soeben erfassten Kurzbericht (ein Inhaltselement) unter MGS oder JUMU. Gehe dann auf die Seite Home und beachte, dass du im linken Menü dich immer noch unter Web Seite befindest. 2. Füge den kopierten Kurzbericht nach dem Inhaltselement Herzlich Willkommen! ein.

13 3. Nun wurde vermutlich die Überschrift des neu unter Home eingefügten Kurzberichtes mit dem Text (Kopie 1) ergänzt. Um dies zu ändern, klickst du beim entsprechen Inhaltselement den Bleistift an. Damit gelangst du in den Bearbeitungsmodus des Inhaltselementes und kannst unter der Registerkarte Allgemein diese Überschrift wieder ändern. 1.8 Evtl. Link zu einer Gallerie erstellen Falls du eine Galerie zu deinem Bericht erstellt hast, musst du diese Galerie noch mit dem Bericht verlinken. Gehe dazu auf die Seite mit deinem Bericht, also beispielsweise MGS Berichte Sonntagsprobe Dort findest unterhalb deines Berichtes ein zusätzliches, nicht sichtbares Inhaltselement. Abb. 24: Link zur Galerie erstellen Klicke auf den Bleistift dieses Elementes. Damit öffnet sich der Bearbeitungsmodus. Wiederum schaust du, dass in der Registerkarte Allgemein keine Überschrift eingetragen ist. Weiter kannst du das Häkchen bei Verbergen entfernen. Damit wird dieser Link sichtbar. Gehe nun in die Registerkarte Text und ändere nur den Titel der Galerie. Verlinke diesen Titel ebenfalls mit deiner Galerie. Zum Schluss solltest du die Seite wiederum speichern. Abb. 25: Name der Galerie eingeben und verlinken

14 2. Gallerie hochladen Galerien verschönern eine Homepage. Vielfach werden Galerien viel häufiger beachtet als Berichte. Aus diesem Grund ist es wichtig, dass Galerien gut wirken. Beachte dabei immer, dass die benutzten Bilder eine Grösse von rund 100KB haben. Zu grosse Bilder brauchen eine viel zu lange Ladezeit. 2.1 Galerie erstellen Gehe im Menü links auf den Punkt Web Seite. Wähle dann im Menübaum der HP die Seite Vorlagen Galerie Vorlagen an. Darin findest du eine Seite mit dem Namen Vorlage Seite für Galerie Klicke mit der linken Maustaste auf das Seitensymbol (mit rotem Minus) vor dem Titel der Seite und wähle Kopieren. Gehe dann auf die Seite MGS Galerie oder JUMU Galerie. Klicke mit der linken Maustaste auf das Seitensymbol vor dem Namen jener Seite und wähle Einfügen In. Dadurch wird die immer noch unsichtbare Seite direkt zuoberst in der Liste der Galerien eingefügt. Nun solltest du folgendes Bild im Menübaum haben: Abb. 26: Vorlage Seite für Galerie Abb. 27: Neu eingefügte Seite mit Galerie

15 Klicke nun auf die neu eingefügte Seite und klicke dann im rechten Arbeitsfeld den Punkt Seiteneigenschaften bearbeiten an. Darin kannst du den Titel der Seite ändern. Abb. 28: Seitentitel ändern Speichere die Änderungen und schliesse dieses Fenster. Klicke nun beim ersten Inhaltselement das Bleistiftsymbol an. Dadurch öffnet sich der Bearbeitungsmodus der Galerie. 1. Registerkarte Allgemein : Ändere die Überschrift der Galerie. Normalerweise gibst du hier den gleichen Titel an, wie beim dazugehörenden Bericht. Abb. 29: Überschrift der Galerie ändern 2. Registerkarte Plug-In : Ersetze den Ordner deiner zu Beginn hochgeladenen Dateien. Für die Jugendmusik: Für die MGS: fileadmin/jugendmusik Dateien/Bilder/Ordnername ersetzen/ fileadmin/mgs Dateien/Bilder/Ordnername ersetzen/ Beim Wort Ordnername ersetzen musst du den richtigen Namen angeben, in welchem sich deine Bilder befinden.

16 Abb. 30: Bilder in Galerie einfügen Speichere nun noch die Galerie und fertig ist sie. Wie bereits bei den Berichten angetönt, ist deine Galerie bis jetzt noch von niemandem sichtbar, denn sie muss zuerst noch verlinkt werden. 2.2 Verlinken des Berichtes mit der Galerie Gehe wiederum auf die Seite mit der deiner neu erstellten Galerie. Dort findest du ein zweites Inhaltselement, welches im Moment noch nicht sichtbar gemacht ist. Klicke auf das Bleistiftsymbol dieses Elementes. Abb. 31: Link zum passenden Bericht ändern Erneut öffnet sich der Bearbeitungsmodus dieses Inhaltelementes. Beachte, dass in der Registerkarte Allgemein keine Überschrift eingetragen ist und mache das Element sichtbar, indem du das Häkchen bei Verbergen entfernst. Gehe nun in die Registerkarte Text und ändere den Namen des Berichts und mache einen Link zu der Seite mit dem Bericht über den Anlass.

17 Abb. 32: Link zum entsprechen Bericht setzen Speichere deine Änderungen und verlasse den Bearbeitungsmodus. 2.3 Shortcut unter MGS Galerie oder JUMU - Galerie Gehe im linken Menü unter Web Seite und wähle im Menübaum der HP die Seite Vorlage Galerie Vorlagen an. Dort drin findest du ein einziges Inhaltselement. Kopiere dieses, indem du mit der linken Maustaste auf das in der folgenden Abbildung rot markierte Zeichen klickst. Abb. 33: Shortcut zur Galerie kopieren Gehe nun auf die Seite MGS Galerie oder JUMU Galerie. Füge dein kopiertes Inhaltselement direkt nach dem ersten Element mit Namen Galerien MGS ein. Nun solltest das neu eingefügte Inhaltselement noch bearbeiten. Klicke dazu auf das Bleistiftsymbol des Elementes. (Beachte die Bilder auf der nächsten Seite) Registerkarte Allgemein: Registerkarte Text: Registerkarte Medien: Beachte, dass im Feld Überschrift nichts angezeigt wird und stelle sicher, dass das Häkchen bei Verbergen entfernt ist. Ändere den blauen verlinkten Text, sowie das Datum. Verlinke deinen neuen Text mit der Seite, auf welcher sich deine Galerie befindet. Wähle ein neues passendes Bild aus deinen hochgeladenen Bildern aus.

18 Abb. 34: Registerkarte 'Allgemein' Abb. 35: Registerkarte 'Text' Abb. 36: Registerkarte 'Medien' Speichere deine Änderungen und verlasse den Bearbeitungsmodus.

19 3. Kontrolle der neu eingefügten Elemente Gehe nun in Typo3 rechts oben auf das Blitzsymbol. Wähle Alle Caches löschen und melde dich mit dem Button Abmelden aus Typo3 ab. Abb. 37: Alle Caches löschen Rufe in deinem Browser die Homepage auf und kontrolliere, ob alle deine Einträge richtig erscheinen. Falls ja: Falls nein: Bravo, du hast einen Bericht und eine Galerie richtig erfasst. Logge dich in Typo3 erneut ein und mache die falschen Einträge unsichtbar. Benachrichtige danach Roland oder Hannes.