Anleitung zum Erstellen von Berichten, ändern von Inhalten und hinzufügen von Bildergalerien in Joomla 3.x von Mattias Baake Version 1.2 E-Mail: Mobil: webmaster@spvg-niedermark.de Bekommt ihr in der Antwort-Mail. Möchte die ungern Online setzen...
Inhaltsverzeichnis Seite 2 von 13 Einleitung...3 Login...3 Inhalte erzeugen...3 Bericht erzeugen...3 Bilder einfügen...5 Mannschaft erzeugen...6 Inhalte bearbeiten...6 Menü-Links erzeugen...7 Sonstige Medien-Dateien hochladen...8 Bildergalerie erzeugen...9 Bildergalerie vorbereiten...9 Bilder hochladen und hinzufügen...11
Einleitung Seite 3 von 13 Die neue Website der SpVg-Niedermark wird wie die alte von einem Content-Managment-System (kurz: CMS) verwaltet. Wir nutzen dazu (ebenfalls wie bei der alten) die Software Joomla in der nun aktuellen Version (3.x). Die neue Seite ist derzeit nicht direkt sichtbar! Man erreicht sie unter folgendem Link: http://www.spvg-niedermark.de/cms Login Um Berichte zu bearbeiten müssen wir uns zuvor einloggen. Alle Bearbeitung erfolgt im Backend (einem Administrationsbereich) von Joomla. Dieser ist zu erreichen unter: http://www.spvg-niedermark.de/cms/administrator Die Login-Daten sollten Sie zuvor erhalten haben. Somit auf der aufgerufenen Seite einfach eingeben und Anmelden drücken. Inhalte erzeugen Es wird im folgenden Unterschieden, ob Sie einen News - Bericht verfassen wollen, oder aber eine Abteilungsseite, wie z.b. eine Mannschaft, Ansprechpartner, usw. Die Bearbeitung der Inhalte wird im Anschluss behandelt, da die Herangehensweise identisch ist. Bericht erzeugen Zunächst erstellen wir nun einen Bericht für unsere Abteilung (welche wir auch sein mögen...). Dazu haben wir zunächst drei Möglichkeiten: 1. Über die Menü-Zeile ganz oben 2. Über den Startbildschirm, der wichtige Befehle als Buttons anbietet (siehe rechts) 3. Zunächst die Beitrags-Seite aufrufen und von da aus einen neuen Bericht erzeugen. Die Beitragsseite erreichen wir, indem die Blauen Kreise angeklickt werden. Die so sichtbare Seite ist auf folgend Abgebildet. Auch hier erreicht man durch Klicken des ROT umrandeten Buttons, dass wir einen Neuen Bericht erstellen können.
Seite 4 von 13 Nachdem wir nun auf einen der Wege einen neuen Beitrag erstellt haben, können wir diesen direkt bearbeiten. Die Vorgehensweise lautet: 1. Titel eingeben bitte kurz fassen! Ist Titel 2. Kategorie auswählen (rechts beim gelben Kasten) Für einen News-Bericht wählen Sie bitte Aktuelles von [MEINE ABTEILUNG] Für eine neue Mannschaft wählen Sie bitte [MEINE ABTEILUNG]-Mannschaften Und für sonstige Seiten einer Abteilung (z.b. Termine o.ä.) einfach nur [MEINE ABTEILUNG]
Seite 5 von 13 3. Text eingeben Soll hier ein Einleitungstext vorhanden sein, schreiben Sie zunächst diesen und drücken anschließend den WEITERLESEN-Button (unter dem Texteditor Türkis gekennzeichnet im Bild). Das erzeugt eine sichtbare Linie im Editor die den Bruch zwischen Einleitung und Haupttext symbolisiert. Folgend nun der Haupttext. 4. Optional Bilder einfügen: Dies wir gleich ausführlich erklärt 5. Das Speichern und Beenden des Beitrags: 1. Wollen Sie nur zwischenzeitlich speichern, aus Angst vor Datenverlust, oder aber um den Bericht parallel auf der Website gegen zu prüfen drücken Sie einfach den SPEICHERN-Button (oben links Rot umrandet). Haben Sie alle arbeiten abgeschlossen beenden Sie den Editor ZWINGEND mit ABBRECHEN oder SPEICHERN & SCHLIEßEN, welches nochmals speichert und anschließend abbricht. 2. Direkt den Button SPEICHERN & SCHLIEßEN benutzen. 3. Das schließen des Browsers, oder des Tabs in dem Sie den Beitrag bearbeitet haben resultiert in einer Sperrung des Beitrags!!! Nur Sie können diesen erneut aufrufen und wieder zur allgemeinen Bearbeitung freigeben. Bilder einfügen Um Bilder einzufügen müssen Sie lediglich den BILD-Button unter dem Editor drücken. Das gewählte Bild wird an der aktuellen Stelle des Cursor im Editor eingefügt. Zunächst wird nach Betätigung des Buttons das rechts zu sehende Fenster geöffnet. Hier können Sie vorhandene Bilder aussuchen, oder aber neue hochladen. Zum einfügen eines Bildes selektieren Sie dieses und bestätigen den EINFÜGEN-Button oben rechts in der Ecke. Ich bitte die Abteilungen um Sorgfalt, wo ihre Dateien abgelegt werden! Wir haben einen Ordner Abteilungen (grün umkreist) erstellt, in dem jede Abteilung einen eigenen Ordner hat. Sie sollten somit zuerst den eigenen Ordner aufsuchen, da dort Ihre Dateien sein sollten, oder aber neu hochgeladene Dateien in den aktuellen Ordner hochgeladen werden! Um eine Datei hochzuladen, scrollen Sie das Fenster herunter. Am unteren Ende befindet sich ein DURCHSUCHEN-Button, mit welchem Sie die gewünschte Datei von Ihrer lokalen Festplatte selektieren können. Nach erfolgter Auswahl betätigen Sie noch den HOCHLADEN STARTEN- Button und nach kurzer Zeit ist die gewünschte Datei im Ordner gelistet. Nun noch generelles zu den Bildern: Ich bitte Sie tunlichst die Bilder zuvor zu Bearbeiten! Bilder einer modernen Digitalkamera (, oder sogar einer Spiegelreflex) haben mehrere MB Größe und sind für das web durchweg ungeeignet. Die Ladezeit wäre viel zu lange und der Browser müsste Sie zudem immer skalieren (in der Größe anpassen). Deshalb fordere ich Sie auf die Bilder ZUVOR zu verkleinern. Nutzen Sie dazu folgende Richtwerte: Format: jpeg bei Fotos Qualität 85-90%
Breite max. 530px Höhe max. 530px Seite 6 von 13 Denken Sie daran die Proportionalität beizubehalten! Die Bilder sollten so nur noch wenige kb groß sein und somit optimal geeignet sein. Mannschaft erzeugen Im weitesten Sinne gehen Sie beim erzeugen einer Mannschaft vor wie bei der Erstellung eines Berichts. Sie müssen jedoch als Kategorie Mannschaften unterhalb Ihrer Abteilung wählen und den Titel nach folgendem Schema nutzen: Bei Senioren-Mannschaften Damen (oder bei mehreren Damen I, Damen II, oder Damen, Damen 2) Herren (s.o.) Bei Jugend-Mannschaften, sortiert nach Geschlecht Jugend männlich A, Jugend männlich B, usw. Jugend weiblich A, Jugend weiblich B, usw. Bei Jugend-Mannschaften, sortiert nach Alter (Jugend A,B,usw.) Jugend A männlich, Jugend B männlich, usw. Jugend A weiblich, Jugend B weiblich, usw. Dies ist erforderlich um zum Einen ein einheitliches Bild auf der Website zu gewährleisten und zum Anderen um ohne manuelle Bearbeitung eine korrekte Sortierung zu erhalten. Die Sortierung wird einfach Alpha-Numerisch durchgeführt, wodurch die Damen (D) zuerst gelistet werden, anschließend die Herren (H) und dann die Jugendmannschaften (J) je nach Namensgebung zuvor. Muster Als Muster kann folgender Inhalt verwendet werden: <p><strong>jahrgang 1996/97</strong> (Saison: 2014/15)<br></p> <p><strong>trainingszeiten</strong><br> Montag: von 18.00 bis 20.00 - Halle: Niedermark (gross)<br> Mittwoch: von 20.00 bis 21.30 - Platz: Stern (Schotter)<br> </p> <p><strong>trainer / Ansprechpartner</strong><br> Max Mustermann, E-Mail: max.mustermann@mx.de, Mobil: 0123-456 789, Tel: 0179-7497871<br> Erika Mustermann, E-Mail: erkia-musterfrau@mx.net, Mobil: 0123-987 654<br> </p> <!--<p><strong>mannschaftskontakt</strong><br> E-Mail: mja@sg-teuto-handball.de </p>--> Dies bitte im Editor einfügen, indem ZUVOR am unteren Ende des Eingabefeldes der Editor Ein/Aus-Button betätigt wird. Im Anschluss an das Einfügen des Musters den Button erneut betätigen, um die gewohnte Bearbeitungsansicht zu erhalten. Inhalte bearbeiten Um einen Beitrag zu bearbeiten müssen Sie diesen zunächst öffnen. Hierzu gehen Sie vorab in die
Seite 7 von 13 Auflistung der Beiträge. Siehe dazu unter Bericht erzeugen die Blauen Kreise. Sie landen dann in der Auflistung der Beiträge die ebenfalls oben abgebildet ist. Um den gewünschten Beitrag schneller zu finden und Missverständnisse bzgl. des Titels zu vermeiden (jede Abteilung hat z.b. einen Beitrag mit dem Titel Ansprechpartner...) wählen wir zunächst eine Kategorie. Entsprechender Button ist oben Gelb umkreist. Wählen Sie nun abhängig vom gewünschten Beitrag: Einen New-Bericht finden Sie unter Aktuelles von [ABTEILUNG] Eine Mannschaft finden Sie unter Mannschaften unter [IHRE ABTEILUNG] Sonstige Beiträge zu einer Abteilung (Ansprechpartner, Downloads, usw.) finden Sie unter [ABTEILUNG] Nun klicken Sie einfach auf den Titel des gewünschten Beitrags und Sie sind im Editor, wie er zuvor für neu erstelle Beitrage bereits besprochen wurde. Menü-Links erzeugen Vorab Bei diesem Punkt ist Vorsicht geboten!!! Bitte nur benutzen wenn wirklich nötig und wenn man sich sicher ist was man tut!!! Wofür ist das überhaupt? 1. Derzeit haben alle Abteilungen in der Navigation diverse Links: Mannschaften, Ansprechpartner, Links, Downloads, usw. Möchte man davon einen deaktivieren, weil diese Seite gar nicht genutzt wird und eine leere Seite nicht gut aussieht tut man dies hier. 2. Sie möchten einen weiteren Link hinzufügen. Sie haben eine Seite mit wichtigen Terminen erstellt und wollen diese als eigenen Link in der Navigation sehen. Um diese Aufgaben erledigen zu können öffnen wir zunächst die passende Seite in Joomla. Bitte nicht auf Neuer Menüeintrag gehen, sonder wie gezeigt auf Topmenu. Anschließend sollten Sie folgende Seite sehen (hier verkürzt dargestellt). Oben drüber sind noch die Bekannten Button, wie sie auch bei den Beiträgen zu sehen waren inklusive des Buttons zum erstellen eines neuen Menüpunkts (siehe oben im Bild)
Seite 8 von 13 Die drei Kreise zeigen die wichtigsten Funktionen zum Bearbeiten: Grün: Durch Drag&Drop dieser Punkte können Sie die Link neu Sortieren. Im allgemeinen sollte diese Funktionen allerdings nicht von Nöten sein. Rot: Durch einen Klick wird der Status zwischen aktiviert und deaktiviert umgeschaltet. Ein aktiver Link ist an dem grünen Haken zu erkennen. Deaktivierte Links hingegen haben ein rotes X. Blau: Durch Anklicken des Titels kann der Menüpunkt bearbeitet werden! Der erste Punkt ist somit sehr leicht zu bewerkstelligen. Drücken Sie auf den Button in der Status- Spalte um aus einem Haken ein Kreuz (X) zu machen. Der Link ist unverzüglich deaktiviert und im Frontend (der Website) nicht mehr sichtbar. Einen neuen Menüpunkt erstellen Sie mit dem Neu -Button. 1. Sie geben zunächst einen Menütitel ein (auch hier bitte KURZ!!!) 2. Anschließend wählen Sie den Menüeintragstyp. Dazu klicken Sie auf Auswählen und dort unter der Kategorie Beiträge auf Einzelner Beitrag. 3. Daraufhin sieht Ihr Fenster nun so aus wie oben abgebildet. Beim neu hinzugekommenen Beitrag auswählen klicken sie auf Auswählen.
TIPP: Nutzen Sie auch hier die Filter-Funktionen und selektieren Sie eine Kategorie! Seite 9 von 13 4. Wählen Sie unter Übergeordneter Eintrag, unter welchen Eintrag der neu erstellte eingefügt werden soll. Soll es direkt im Menü mit Links, Downloads, usw. erscheinen, selektieren Sie hier [IHRE ABTEILUNG]. 5. Zum Schluss noch auf Speichern und anschließend Abbrechen, oder in einem Rutsch mit Speichern & Schließen. Sonstige Medien-Dateien hochladen Um z.b. unter den Downloads eigene Dateien anbieten zu können müssen diese logischerweise zuvor hochgeladen werden. Dazu öffnen Sie den Medienverwalter: Nun zu sehen: Dies ist analog zum Bild-Selektieren beim Beitrag. 1. Bitte wieder erst in den Ordner Abteilungen wechseln. 2. Falls noch nicht vorhanden ein neues Verzeichnis mit dem Abteilungsnamen (Kleinbuchstaben und KEINE Sonderzeichen) erstellen. Dazu einfach oben den Neues Verzeichnis erstellen -Button betätigen. 3. Optional zur besseren Strukturierung noch weitere Unterordner erstellen (z.b. downloads) 4. Im korrekten Ordner angelangt mit dem Hochladen -Button lokale Datei auswählen und hochladen. Bildergalerie erzeugen Anders als bei der alten Software müssen die Bilder nicht mehr zuvor verkleinert werden. Es kann aber dennoch nützlich sein um die Upload-Zeit zu verkürzen, da je nach Client die Verkleinerung
erst auf dem Server geschieht und somit erst die großen Dateien verschickt werden müssen. Seite 10 von 13 Bitte nicht mit dem Einzel-Bild-Upload für Beiträge verwechseln! Dort weiterhin die Bilder zuvor manuell verkleinern! Wichtig!!! Die Bildernamen dürfen keine Umlaute enthalten und sollten am besten zuvor (lokal!) kategorisch umbenannt werden. Z.B. img_01, img_02, oder 140304_miniturnier_001, usw. Bildergalerie vorbereiten Um eine neues Album erstellen zu können starten wir zunächst die zugehörige Komponente: Dort angekommen klicken wir auf Kategorien. Nun wird PRO ALBUM eine eigene Kategorie erstellt. Dazu zunächst auf den Neu -Button.
Seite 11 von 13 1. Einen kurzen Titel für das neue Album hinzufügen 2. Die Übergeordnete Kategorie wählen dies ist im Normalfall [IHRE ABTEILUNG] 3. Ein Verzeichnis für die Bilder wählen (das ist für ein paar Funktionen von belang, wir werden dieses Verzeichnis aber auch nutzen). Dazu zunächst auf Verzeichnis wählen klicken und dort in den Ordner der eigenen Abteilung wechseln. Nun unter Verzeichnis erstellen einen Namen für den Ordner eingeben und mit dem Verzeichnis erstellen - Button das Verzeichnis erstellen. TIPP: Als Namen empfehle ich Ihnen yymmdd_titel (ohne sonderzeichen) Also z.b. 140304_miniturnier_verband 4. Sind Sie damit fertig bitte mit Speichern & Schließen die Kategorie bestätigen und beenden. Bilder hochladen und hinzufügen Nun haben wir eine (leere) Kategorie und müssen diese noch mit Bildern füllen. Wechseln Sie dafür bitte in die Bilderverwaltung.
Seite 12 von 13 Es sollte nun wie oben aussehen. Anschließend werden wir nun die Bilder hochladen und unserer zuvor erstellen Kategorie (unserem Album) hinzufügen. Dies sind in der Tat ZWEI Schritte. Klicken Sie bitte zunächst auf den Mehrfaches hinzufügen -Button. Sie sollten folgendes Bild erhalten. Gehen Sie bitte wie folgt vor: 1. Wechseln Sie rechts in den zuvor für die Kategorie erstellten Ordner z.b. erst auf fussball und dann auf 140304_miniturnier_verband 2. Unten im Dialog (Roter Kasten) auf Mehrfaches hochladen klicken und mit Add-Files
Seite 13 von 13 lokale Dateien auswählen. Mehrfachselektion ist hierbei erlaubt. Es können also bequem alle Dateien eines Ordner hochgeladen werden. 3. Mit einem Klick auf Start-Upload beginnt der Upload, der je nach Dateimenge und -größe etwas Zeit in Anspruch nehmen wird. 4. Tragen Sie nun einen Titel (links oben) ein und selektieren unter Kategorie unsere zuvor Erstellte. 5. Selektieren Sie alle Bilder (am einfachsten mit dem Kästchen neben Dateiname ) 6. Abschließend klicken Sie auf Speichern & Schließen 7. Es werden nun vollautomatisch Thumbnails (Miniaturansichten) erzeugt und abschließend sehen Sie wieder die Bilderverwaltung. Es sollte noch erwähnt werden, dass das löschen der Bilder aus der Bilderverwaltung nicht die Dateien selbst, sondern lediglich die Zuweisung der Bilder zu einer Kategorie gelöscht wird. Am einfachsten löschen Sie die Dateien über die Medienverwaltung von Joomla, welche auch zuvor schon erläutert wurde.