Joomla-Handbuch Seite 1 von 22 Joomla-Handbuch Stand: Juni 2017

Transkript

1 Joomla-Handbuch Seite 1 von 22 Joomla-Handbuch Stand: Juni 2017 Bei Fragen: MarCo, Tel.: Annika Dörr (adoerr@marcoconsulting.de) & Mai Ly Kathrin Schuster (mschuster@marcoconsulting.de)

2 Frontend Joomla-Handbuch Seite 2 von 22 Backend M arco

3 Joomla-Handbuch Seite 3 von 22 Login 1. Benutzername eingeben 2. Passwort eingeben 3. Anmelden

4 Joomla-Handbuch Seite 4 von 22 Seitenstruktur Hauptmenü Slideshow Beitrag Modul M arco

5 Joomla-Handbuch Seite 5 von 22 Hauptmenü bearbeiten 1. Menüs 2. Main Menu 3. Menüeintrag suchen 4. Menüeintrag anklicken

6 Joomla-Handbuch Seite 6 von 22 Hauptmenü bearbeiten 5. Menütitel ändern 6. Menü-Link mit einem anderen Beitrag verknüpfen 7. Menü-Link in eine andere Ebene verschieben 8. Reihenfolge ändern Speichern Änderungen werden gespeichert (sofort im Frontend sichtbar!), das Bearbeitungsfenster bleibt offen. Speichern & Schließen Änderungen werden gespeichert (sofort im Frontend sichtbar!), das Bearbeitungsfenster wird geschlossen. Schließen Die Änderungen werden nicht gespeichert, das Bearbeitungsfenster wird geschlossen.

7 Joomla-Handbuch Seite 7 von 22 Slideshow bearbeiten 1. Erweiterungen 2. Module 3. IMG-Show in Suche eingeben Enter oder auf Lupe klicken 4. Gewünschte Slideshow anklicken

8 Joomla-Handbuch Seite 8 von 22 Slideshow bearbeiten 5. Menüzuweisung 6. Häkchen bei den Menüeinträgen setzen, in welchen die Slideshow angezeigt werden soll bzw. Häkchen bei den Menüeinträgen abwählen, in welchen die Slideshow nicht angezeigt werden soll. Speichern Änderungen werden gespeichert (sofort im Frontend sichtbar!), das Bearbeitungsfenster bleibt offen. Speichern & Schließen Änderungen werden gespeichert (sofort im Frontend sichtbar!), das Bearbeitungsfenster wird geschlossen. Schließen Die Änderungen werden nicht gespeichert, das Bearbeitungsfenster wird geschlossen.

9 Joomla-Handbuch Seite 9 von 22 Bild(er) aus Slideshow löschen 1. Inhalt 2. Medien 3. Links oder in der Mitte den Ordner mit den Slideshow-Bildern anklicken, aus dem das Bild / die Bilder gelöscht werden sollen ( header-... )

10 Joomla-Handbuch Seite 10 von 22 Bild(er) aus Slideshow löschen 4. Mit X (links oben) das gewünschte Bild löschen ACHTUNG: Das Bild wird direkt vom Server, d. h. ggf. auch in allen Bildershows und allen Beiträgen Modulen etc. gelöscht!

11 Joomla-Handbuch Seite 11 von 22 Bild(er) zu Slideshow hinzufügen Vorab: Bilder im Bildprogramm bearbeiten: Breite: px Höhe: 750 px Auflösung: 72 dpi Es kann auch eine höhere Auflösung gewählt werden, allerdings sollten die Dateigröße nach dem Speichern nicht zu groß sein (je kleiner, desto besser).!!! Wichtig: Bei der Bildbenennung darauf achten!!! Keine Leerzeichen, keine Sonderzeichen, nur Kleinbuchstaben verwenden, sinnvolle Namen verwenden (werden von Suchmaschinen gefunden)! Werden Verzeichnisse angelegt, sollten die gleichen Regeln beachten werden. Empfehlung: Den Bildnachweis immer gleich direkt auf das Bild schreiben! 1. Inhalt 2. Medien 3. Links oder in der Mitte den Ordner mit den Slideshow-Bildern anklicken, zu dem das Bild / die Bilder hinzugefügt werden sollen ( header-... )

12 Joomla-Handbuch Seite 12 von 22 Bild(er) zu Slideshow hinzufügen 4. Hochladen 5. Durchsuchen Fenster öffnet sich; bearbeitetes Foto suchen und auswählen 6. Hochladen starten

13 Joomla-Handbuch Seite 13 von 22 Beitrag bearbeiten 1. Inhalt 2. Beiträge 3. Beitrag suchen 4. Beitrag anklicken

14 Joomla-Handbuch Seite 14 von 22 Beitrag bearbeiten 5. Text formatieren und ausrichten Standard-Font: Open Sans Standard-Farbwerte: Grau: Rot: E3001A b) Externer Link (also auf eine andere Webseite) Standard: - Link-Typ: URL - Protokoll: - URL: Hier die URL eingeben 6. Link einfügen, löschen oder Anker setzen WICHTIG: - Zielseite: Neues Fenster (_blank) a) Interner Link (also innerhalb der Webseite) Empfehlung: Möglichst Menülink erstellen (nicht direkt auf den Content) 7. Bild einfügen (siehe unten) 8. Weiterlesen-Link einfügen

15 Joomla-Handbuch Seite 15 von 22 Neuen Beitrag erstellen 1. Inhalt 2. Beiträge 3. Neuer Beitrag oder Neu 4. Titel eingeben 5. Text eingeben, formatieren, bearbeiten... WICHTIG: Text nicht direkt aus einem Word-Dokument, E-Maiprogramm, von anderer Webseite o. ä. kopieren, da die Formatierung übernommen wird (d. h. die CSS des Templates überschrieben wird). Falls Text kopiert werden soll diesen bitte in den Quellcode einfügen. Hinweis: Enter = Absatz Umschalt + Enter = Umbruch 6. Kategorie wählen -.tübinger um:welten (Standard) -- Aktuelles 2017 (Beitrag wird automatisch im Nachrichtenblog angezeigt 7. Speichern, Speichern & Schließen oder Abbrechen

16 Joomla-Handbuch Seite 16 von 22 Tabelle in Beitrag einfügen (3 Spalten) 1. Quellcode 2. Den folgenden Code einfügen: [row id= class= ] [col class= span4 ] Content Spalte links einfügen [/col] [col class= span4 ] Content Spalte mitte einfügen [/col] [col class= span4 ] Content Spalte rechts einfügen [/col] [/row] Erläuterung: row = Zeilenanfang col = Spaltenanfang /row = Zeilenende / col = Spaltenende Für jede Tabellenzeile den Code von row bis /row einfügen (siehe Beispiel links unten: Tabelle mit 2 Zeilen und jeweils 3 Spalten) 3. Quellcode (wieder in den normalen Ansichtsmodus wechseln) 4. Zeile 1 Content Spalte links einfügen (Text ersetzen durch Bild und / oder Text) Zeile 1 Content Spalte Mitte einfügen (Text ersetzen durch Bild und / oder Text) Zeile 1 Content Spalte rechts einfügen (Text ersetzen durch Bild und / oder Text) Zeile 2 Content Spalte links einfügen (Text ersetzen durch Bild und / oder Text)...

17 Joomla-Handbuch Seite 17 von 22 Bild(er) in Beitrag einfügen / löschen Vorab: Bilder im Bildprogramm bearbeiten: Breite: px Höhe: px Auflösung: 72 dpi Es kann auch eine höhere Auflösung gewählt werden, allerdings sollten die Dateigröße nach dem Speichern nicht zu groß sein (je kleiner, desto besser).!!! Wichtig: Bei der Bildbenennung darauf achten!!! Keine Leerzeichen, keine Sonderzeichen, nur Kleinbuchstaben verwenden, sinnvolle Namen verwenden (werden von Suchmaschinen gefunden)! Empfehlung: Den Bildnachweis immer gleich direkt auf das Bild schreiben! 1. Im Beitrag an die Stelle klicken, in der das Bild eingefügt werden soll 2. Bild

18 Joomla-Handbuch Seite 18 von 22 Bild(er) in Beitrag einfügen / löschen 3. Ordner auswählen 4. Bild auswählen 5. Beschreibung eingeben (für Suchmaschinen) 6. Einfügen Hinweis: Die Bilder werden im Frontend automatisch an die Bildschirmgröße angepasst - d. h. keine Größenanpassungen im Backend nötig (und auch nicht sinnvoll, da sich die Größe der Bilder nicht mehr dynamisch anpasst, wenn im Backend Größen eingeben werden). Imageeffekt einfügen: Im Quellcode folgenden Code an das Bild einfügen: class= effectck-layla Beispiel: Quellcode Bild ohne Effekt: <img alt= src= images/logo.jpg /> Quellcode Bild mit Effekt: <img alt= src= images/logo.jpg class= effectck-layla />

19 Joomla-Handbuch Seite 19 von 22 Bild(er) in Beitrag einfügen / löschen Falls das gewünschte Bild noch nicht auf dem FTP-Server ist: Möglichkeit 1 Bild hochladen siehe Bild(er) in Slideshow einfügen Möglichkeit 2 Schritt 1 bis 3 siehe oben 1. Durchsuchen Fenster öffnet sich; bearbeitetes Foto suchen und auswählen 2. Hochladen starten (Bild wird direkt in den entsprechenden Ordner geladen) Weiter mit Schritt 4 bis 6 siehe oben Bild aus Beitrag löschen: Bild in Beitrag anklicken Entf oder Löschen

20 Joomla-Handbuch Seite 20 von 22 Modul(e) bearbeiten (Typ Eigenes Modul) 1. Erweiterungen 2. Module 3. Modul suchen 4. Modul auswählen Text formatieren, Bilder einfügen usw. siehe Beitrag bearbeiten

21 Joomla-Handbuch Seite 21 von 22 Modul(e) erstellen (Typ Eigenes Modul) 1. Erweiterungen 2. Module 3. Neu 4. Eigenes Modul

22 Joomla-Handbuch Seite 22 von 22 Modul(e) erstellen (Typ Eigenes Modul) 5. Titel eingeben 6. Gewünschten Content eingeben (siehe auch Beitrag bearbeiten ) 7. Position wählen: As Right Top (Standard) 8. Menüzuweisung 9. Auswählen, auf welchen Seiten das Modul erscheinen soll Auf allen Seiten Nur auf den gewählten Seiten (Häkchen bei den Menüeinträgen setzen, in welchen das Modul angezeigt werden soll bzw. Häkchen bei den Menüeinträgen abwählen, in welchen das Modul nicht angezeigt werden soll.) Auf alle, außer den gewählten Seiten (Häkchen bei den Menüeinträgen setzen, in welchen das Modul nicht angezeigt werden soll bzw. Häkchen bei den Menüeinträgen abwählen, in welchen das Modul anzeigt werden soll.)