leseprobe und inhaltsverzeichnis

Content Management mit Joomla! 3.5 für Kids

5

Inhalt

Inhalt Vorwort 9

Lernen am Beispiel 11 Der Kurs zum Buch 14

Einleitung 15

Vorteile eines CMS 15 Was kostet Joomla? 16 Wer sind denn »wir«? 17

1 Download und Installation 19 Schnell und bequem in fünf Minuten 19 Doch von Hand? Vorüberlegungen zur Installation 22 MAMP: lokaler Webserver unter Windows und Mac 23 Datenbank einrichten mit phpMyAdmin 32 Joomla herunterladen 34 Die Installation vorbereiten 36 Joomla ins Web hochladen 37 Die eigentliche Installation von Joomla 41 Zusammenfassung 53 Ein paar Fragen … 53 … und eine Aufgabe 53

2 Frontend und Backend 55 Einloggen ins Backend 55 Im Backend zurechtfinden 61 Das Kontrollzentrum im Griff 62 Beitrag einfügen und formatieren 67 Anzeige unerwünschter Elemente abstellen 72 Füge ein Bild in den Beitrag ein 75 Brauchst du ein Impressum? 81 Zusammenfassung 84 Ein paar Fragen … 85 … und ein paar Aufgaben 85

© des Titels »Content Management mit Joomla! 3.5 für Kids« (ISBN 9783958454040) 2016 by mitp-Verlags GmbH & Co. KG, Frechen. Nähere Informationen unter http://www.mitp.de/404

6

Inhalt

3 Neuer Look für deine Site 87 Layout wechseln: Template-Manager 87 Template individuell anpassen 91 Die Struktur des Templates 95 Einzelne Textpassagen optisch umgestalten 97 Die Positionen eines Templates 101 Individuelles Template per Template-Generator 104 Freie Templates aus dem Internet? 106 Seriöse Template-Anbieter 108 Template installieren und deinstallieren 109 Zusammenfassung 114 Ein paar Fragen … 114 … und keine weitere Aufgabe 114

4 Website planen und vorbereiten 115 Erst einmal planen … 116 Module und Positionen 117 Modul umbenennen und auf andere Position umlenken 120 Ein neues Modul für die Suche 122 Module für Menü hinzufügen 125 Inhalte und Kategorien 127 Neuen Beitrag erstellen 134 Freigeben von Elementen 135 Zusammenfassung 138 Ein paar Fragen … 138 … und ein paar Aufgaben 139

5 Content managen: Beiträge und Bilder 141 Weitere Beiträge erfassen 142 Inhalte verwalten 144 Die Versionsverwaltung 146 Archivieren oder löschen? 148 Bilder verwalten 150 Bild in Beitrag einfügen 155 Inhalte mit Anreißertext versehen 158 Veröffentlichungsoptionen 160 Zusammenfassung 163 Ein paar Fragen … 163 … und ein paar Aufgaben 164


7

Inhalt

6 Menüeinträge einrichten und verwalten 165 Menüeintrag für das Impressum 165 Ein paar Aufgaben 168 Menüeintrag zum Untermenüpunkt machen 171 Reihenfolge der Menüeinträge anpassen 172 Menü attraktiv gestalten 174 News: Menüeintrag im Bloglayout 177 Interessante Beiträge als RSS-Feed darstellen 183 Die Geheimnisse des Menüpunkts »Home« 186 Menüeintrag im Listenlayout 191 Benutzermenü aufbauen 195 Zusammenfassung 197 Ein paar Fragen … 197 … und ein paar mehr Aufgaben 197

7 Joomla konfigurieren 199 Joomla konfigurieren 199 Wartungsmodus, Seitentitel und Lieblingseditor 201 Datenbank, Mail und FTP 205 Suchmaschinenfreundliche URLs 208 Meta-Tags 213 Individueller Look per Favicon 216 Zusammenfassung 217 Ein paar Fragen … 218 … und ein paar Aufgaben 218

8 Joomla erweitern: Feedbackformular und Co. 219 Komponenten, Module, Plugins … 220 Newsbox in der Seitenleiste 221 Feedback per Kontaktformular 224 Zufallsbild und Schlagwortliste 229 Kommentarfunktion: Erweiterung finden und installieren 231 Schnell installiert – die Bildergalerie 235 YouTube-Video einbinden 238 Karte aus Google Maps einbinden 241 Sound und Video abspielen 242 Erweiterung deinstallieren 244 Zusammenfassung 245 Ein paar Fragen … 246 … und ein paar Aufgaben 246


8

Inhalt

9 Nutzerverwaltung von Joomla 247 Benutzer-Manager im Überblick 247 Anmelden-Modul freischalten und in Beitrag einblenden 251 Beiträge und Module im Frontend bearbeiten 254 Wie werden Beiträge eingestellt? 260 Erweiterte Zugriffskontrolle 263 Zusammenfassung 268 Ein paar Fragen … 269 … und ein paar Aufgaben 269

10 Eine mehrsprachige Website aufbauen 271 Sprachen verwalten und installieren 271 Sprachmodule und Sprachfilter 274 Das Schattenmenü einrichten 276 Die Inhalte planen und anlegen 278 Menüeinträge miteinander verknüpfen 282 Zusammenfassung 284 Ein paar Fragen … 284 … und ein paar Aufgaben 285

Anhang A: Tipps zum Webhoster 287

Anhang B: Administratorkennwort vergessen? 291

Anhang C: Probleme mit dem Schreibschutz lösen 293

Anhang D: Sicherheit 295

Tipps zur Sicherheit 295

Anhang E: Backup und Umzug 299

Ein komplettes Backup erstellen 299 Mit Joomla umziehen 302 Schnellumzug: Geht es noch kürzer? 305

Stichwortverzeichnis 308


55

2 Frontend und Backend

In diesem Kapitel erfährst du,

$ wie du dich in Joomla einloggst,

$ wie Joomla hinter den Kulissen funktioniert,

$ wie du einen ersten Beitrag schreibst,

$ wie du unerwünschte Elemente abschaltest und

$ wie du ein Bild einfügst.

Mit anderen Worten: Du machst zuerst eine kleine Rundreise durch dein CMS. Und danach fügst du schon die ersten Inhalte in Joomla ein.

Einloggen ins Backend Du hast Joomla installiert? Herzlichen Glückwunsch. Dann schaue dich einfach etwas in Joomla um. Nimm das »Ursprungs-Joomla«, also das ganz leere ohne Beispieldaten.


56

Frontend und Backend

Kapitel

2 Im Zusammenhang mit Content-Management-Systemen wie Joomla spricht man vom Frontend und vom Backend. Das Frontend ist die An-sicht, die du deinen Besuchern präsentierst. Es ist also deine Website, praktisch die »Vorderseite«. Beim Backend handelt es sich dagegen um die »Rückseite«, um den Administrationsbereich. Hier darfst du als Admi-nistrator schalten und walten. Sozusagen als Super User!

Der Weg zum Administrationsbereich alias Backend ist ganz einfach. Hänge die Zeichenfolge /administrator an deine Joomla-Adresse an. Schreibe z. B. auf dem lokalen System http://localhost/joomla/administrator bzw. http://localhost:8888/joomla/administrator. Im Web lautet die Adresse http://www.deinname.de/administrator.

Unter Windows führt dich dieser Pfad zum Joomla-Administrationsbereich.

Schon erscheint das Formular zum Einloggen.

Zur Erinnerung: Benutzernamen und Passwort hast du während der In-stallation schon festgelegt. Vergessen? Schlage in Anhang B nach, dort verrate ich dir, wie du ein verlorenes Passwort wiederherstellen kannst und dabei auch deinen Benutzernamen erfährst.

So sieht das Anmeldeformular aus. Das Feld SICHERHEITSCODE muss dich, falls bei dir vorhanden, im Moment (noch) nicht interessieren.


57

Einloggen ins Backend

Gib Benutzernamen und Passwort ein und klicke auf ANMELDEN, dann erst wirst du in das Backend eingelassen. Sollte das Feld SICHERHEITSCODE bei dir sichtbar sein, kannst du es derzeit noch getrost ignorieren.

Nanu, fragst du dich vielleicht. Warum schickt uns der Autor denn ins Backend? Gibt es nicht im Frontend diesen Bereich Login Form, zu Deutsch Anmelden? Wozu soll der denn gut sein? Damit kannst du dich ins Frontend einloggen und deine Beiträge beispielsweise direkt bearbei-ten. Mehr geht allerdings nicht. Denn Joomla trennt streng zwischen Einloggen im Frontend (wenige Möglichkeiten) und Einloggen im Ba-ckend (die eigentlich interessante Geschichte).

Basisstatistiken Möglicherweise stolperst du als Erstes über den folgenden Hinweis. Joomla möchte einige Basisstatistiken erheben. Entscheide dich, ob du das zulas-sen möchtest oder nicht. Im Beispiel klicke ich auf NIEMALS.

Möchtest du, dass dein Joomla automatisch »nach Hause telefoniert«?

Nachinstallationshinweise und Aktualisierungen Darunter werden dir möglicherweise die Nachinstallationshinweise ange-zeigt. Klicke auf HINWEISE ANZEIGEN und lies dir durch, was Joomla da von dir möchte. Möglicherweise verstehst du nicht alles auf Anhieb, ich finde die Anrede hier ziemlich gestelzt: »… wichtige Nachinstallationshinweise (fehlendes Komma) die einer Aufmerksamkeit bedürfen«.

Klicke auf HINWEISE ANZEIGEN.


58


Kapitel

2 Lies dir die Hinweise durch. Klicke danach bei jedem Hinweis auf die Schaltfläche HINWEIS AUSBLENDEN. Auch die Zwei-Faktor-Authentifizierung schalten wir im Moment (noch) nicht ein, auch wenn sie zusätzliche Si-cherheit bietet und sehr zu empfehlen ist. Mehr zu dieser Authentifizie-rungsart verrate ich dir in Anhang D auf Seite 295.

Wenn du alle Hinweise erfolgreich »bekämpft« hast, sieht der Bildschirm möglicherweise so aus wie im Screenshot. Wie kommst du wieder zurück zum Kontrollzentrum?

Klicke auf das kleine Joomla-Symbol in der linken oberen Ecke.

Du kannst auch im Menü SYSTEM den Befehl KONTROLLZENTRUM auswählen.

Der Befehl KONTROLLZENTRUM bringt dich immer wieder in den Startbereich.

Gibt es Aktualisierungen? Von Zeit zu Zeit wirst du auch auf eventuelle Aktualisierungen aufmerksam gemacht. Klicke auf AKTUALISIERUNGEN ANZEIGEN.

Och wie süß – es gibt ein neues Joomla!


59

Einloggen ins Backend

Hier bietet dir Joomla möglicherweise an, eine neue Version zu installieren. Das gelingt durch Klick auf AKTUALISIERUNG INSTALLIEREN.

Klicke auf AKTUALISIERUNG INSTALLIEREN, um das Update zu erhalten!

Diese Funktion ist aber nicht immer zuverlässig. Denn es kann durchaus passieren, dass der Fortschrittsbalken hängen bleibt und nichts weiter pas-siert:

In meinem Fall half der Klick auf die Browser-Schaltfläche NEU LADEN und danach der Klick auf den Button CACHE LEEREN.

Sind wir jetzt durch mit den ganzen Nachinstallationshinweisen und Ak-tualisierungen? Wunderbar! Dann können wir uns wieder der eigentlichen Bedienung widmen.

Frontend und Backend gleichzeitig Mein Tipp: Lasse Frontend und Backend gleichzeitig geöffnet. So kannst du alle Änderungen, die du im Backend vornimmst, sofort im Frontend begut-achten. Wie gehst du dabei vor? Öffne zwei Browsertabs bzw. -fenster, eins mit dem Front- und eins mit dem Backend.

Du bist im Backend eingeloggt? Rechts oben findest du einen Link mit dem Titel deiner Website, im Beispiel Sonne und Meer. Ein Klick darauf öffnet die Ansicht in einem separaten Browsertab (Firefox) bzw. Browserfenster.


60


Kapitel

2

Klicke auf diesen »Vorschau«-Link, um das Frontend von Joomla aufzurufen.

Ich arbeite am liebsten mit zwei separaten Browserfenstern. Bei mir befin-det sich das Frontend im linken Monitor, das Backend dagegen im rechten.

So sieht das Backend aus Hast du dich schon etwas im Backend umgeschaut? Direkt nach dem Ein-loggen erscheint ja das sogenannte Kontrollzentrum. (Aber das kennst du ja schon, dort hast du ja eben die Updates abgefasst.)

Blick auf den Administrationsbereich, das sogenannte Kontrollzentrum. Prominent werden dir die anstehenden Updates angeboten!


61

Im Backend zurechtfinden

Im Backend zurechtfinden Du hast dich im Backend verlaufen? Zu viel herumgeklickt? Vergessen, wie du auf die Startseite mit dem sogenannten Kontrollzentrum gelangst? Zur Erinnerung: Wähle im Menü SYSTEM den Befehl KONTROLLZENTRUM. Schon bist du wieder beim »Eingangsbildschirm«.

Die Schnellübersicht am rechten Rand Schau dir diese Schnellübersicht im rechten Bereich etwas näher an. Zum einen findest du hier die eingeloggten Benutzer.

Weiterhin gibt es hier Die beliebtesten und Die zuletzt hinzugefügten Bei-träge.

Im Screenshot sind die ganzen Texte noch in Englisch. Wahrscheinlich haben es die Macher noch nicht geschafft, alle Bereiche zu übersetzen (Stand Joomla 3.5.1)! Vermutlich ist bei dir schon alles eingedeutscht!

Bei einer Joomla-Installation ohne Beispieldaten sind diese Bereiche vor-erst noch leer. Später erscheinen hier die entsprechenden Beiträge.

Diese Bereiche nehmen den größten Teil des Kontrollzentrums ein.


62


Kapitel

2 Das Kontrollzentrum im Griff Schaue dir nun die Symbole links im Kontrollzentrum an. Diese Symbole bieten dir Zugriff auf die wichtigsten Funktionen von Joomla.

So sehen die Symbole von Joomla aus, sie sind links in einem Streifen angeordnet.

Ich gebe dir jetzt einen schnellen Überblick, später gehen wir ins Detail:

Inhalt Die ersten drei Symbole kümmern sich um den Content – also um deine Inhalte. Mit NEUER BEITRAG fügst du neue Beiträge hinzu und legst diese im Beitrags-Manager ab. Mit dem zweiten Symbol BEITRÄGE rufst du diesen Beitrags-Manager auf. Dieser Manager präsentiert dir eine Übersicht aller Beiträge. Das dritte Symbol hilft bei der Verwaltung der KATEGORIEN, der internen Schubfächer von Joomla.

Ein wichtiger Hinweis vorab zu diesen Kategorien: Es handelt sich dabei um eine interne Organisationsstruktur von Joomla, sozusagen um Schub-fächer in einem Schrank. Du darfst die Kategorien nicht mit den Menüs verwechseln. Menüs und Kategorien sind zwei verschiedene Paar Schuhe! Ich empfehle dir, mit Kategorien zu arbeiten. Später mehr …


63

Das Kontrollzentrum im Griff

Du möchtest Bilder und Dateien hochladen und verwalten? Nur zu, das gelingt über die Schaltfläche MEDIEN.

Struktur Mit dem Symbol MENÜS legst du neue Menüpunkte an. Die MODULE sorgen dafür, dass die Inhalte von Joomla an den richtigen Stellen angezeigt wer-den.

Benutzer Mit dem Symbol BENUTZER bekommst du Zugriff auf die Benutzerverwal-tung.

Konfiguration Nun wird es zunehmend technisch. Zuerst ist da das Symbol GLOBAL. Du willst den Seitentitel ändern? Deine E-Mail-Adresse? Die sogenannten Me-ta-Daten, also im HTML-Code der Website versteckte Angaben über deine Präsenz? Das alles und noch viel mehr gelingt über GLOBAL. Nach einem Klick erscheint eine umfangreiche Konfigurationstafel, mit der du jede Ein-stellung bis ins Kleinste steuern kannst. Grund genug, uns in einem eigenen Hauptkapitel ausführlich damit zu beschäftigen!

Um TEMPLATES dreht sich das nächste Symbol, also um die Vorlagen, mit denen du deiner Website ein schickes Aussehen verpasst. Auch darum kümmern wir uns ganz ausführlich, versprochen.

Dass Joomla ein internationales System ist, beweist das Symbol SPRACHEN. Stelle die gewünschte Sprache für das Frontend und das Backend ein. Baue eine mehrsprachige Website mit Joomla auf. (Machen wir später noch!)

Erweiterungen Über das Symbol ERWEITERUNGEN INSTALLIEREN fügst du (später) Zu-satzfunktionen in Joomla ein.

Wartung Und was gibt es ganz unten in der Rubrik WARTUNG? Die letzen beiden Symbole verraten dir, ob Joomla und die Erweiterungen aktuell sind. Im Idealfall sollte da stehen JOOMLA! IST AKTUELL und ALLE ERWEITERUNGEN SIND

AKTUELL.

Das ist nicht der Fall? Dann klicke das entsprechende Symbol an.


64


Kapitel

2

Hier liegen Updates an, klicke auf den entsprechenden Eintrag.

Du landest im Aktualisieren-Bildschirm des Erweiterungs-Managers. Von hier aus kannst du die Aktualisierungen suchen und einspielen. Klicke auf AKTUALISIEREN. Eine komplette Joomla-Aktualisierung sieht folgendermaßen aus:

Diese neue, halbautomatische Updatefunktion ist eine tolle Sache. Allerdings ist der Fort-schrittsbalken nicht sonderlich genau. Du brauchst ggf. viel Geduld!

Bei »kleineren« Erweiterungen, beispielsweise beim Update der Sprachein-stellungen, befindet sich der AKTUALISIEREN-Button im linken oberen Be-reich.

Hier wird eine Aktualisierung des Sprachpakets angeboten.

Aktualisierungen sind wichtig, denn nur wenn dein Joomla aktuell ist, bist du auf dem neuesten Sicherheitsstand.


65

Das Kontrollzentrum im Griff

Prüfe deine Kontoangaben Apropos Sicherheitsstand. Wie gut ist dein Passwort? Ist es wirklich sicher genug? Joomla-Präsenzen werden gehackt und nicht selten sind unsichere Passwörter daran schuld. (Deshalb auch diese neue Zwei-Faktor-Authenti-fizierung, die wir aber nicht eingeschaltet haben.) Ich finde, dass ein sehr gutes und langes Passwort ebenfalls eine gute Sicherheit bieten kann.

Bei der Gelegenheit kannst du auch deine Kontoangaben prüfen.

Aufgepasst beim Passwort. Ein gutes Passwort ist mindestens acht Zei-chen lang, ist nicht der Name deines Haustiers oder Wohnorts, steht nicht im Duden oder Lexikon und kombiniert Groß- und Kleinschreibung mit Zahlen und Symbolen wie ! » ? $ % ^ & ). Am besten sind lan-ge Passwörter, die überhaupt keinen Sinn ergeben. Schwer zu merken? Du kannst sie beispielsweise aus den Anfangsbuchstaben eines eingängi-gen, etwas verrückten Satzes bilden. So könnte aus Täglich qualmte Xaver 70 Kippen & trank jede Nacht – heute gibt Xaver besser auf sich 8! folgendes Passwort werden: TqX70K&tjN-hgXbas8!. Das Passwort ist mit 19 Zeichen sehr lang und durch seine Unregelmäßigkeit und die eingestreuten Zahlen und Symbole supersicher. Das Beste: Du kannst es dir trotzdem halbwegs leicht merken.

Bei der Gelegenheit zeige ich dir gleich, wie du dein eigenes Nutzerkonto bearbeiten kannst. (Du ahnst schon, worauf ich hinauswill. Ich suche ein-fach einen Anlass, um dir eins dieser typischen Joomla-Formulare zu zei-gen.)

> Schaue nach rechts oben im Joomla-Fenster. Klicke auf die Schaltflä-che mit dem Zahnrad und wähle den Befehl KONTO BEARBEITEN.

> Das Formular zum Ändern der Nutzerdaten erscheint.

> Du willst dein Passwort ändern? Trage das neue Passwort in die Felder PASSWORT und PASSWORT BESTÄTIGEN ein. Wenn du dein Passwort dage-gen beibehalten willst, lässt du diese Felder leer.


66


Kapitel

2 > Die E-Mail-Adresse trägst du im gleichnamigen Feld ein. Auch den angezeigten Namen kannst du im Feld NAME ändern, nur der BENUTZERNAME ist nachträglich nicht änderbar.

> Sichere deine Änderungen durch Klick auf die Schaltfläche SPEICHERN

& SCHLIESSEN, zu finden links oberhalb des Formulars. Deine Änderun-gen werden gesichert und das Formular wird geschlossen.

Hier kannst du deine Benutzerdaten ändern. Die Schaltflächen zum Speichern findest du rechts oberhalb des Formulars.

Und was bewirkt die Schaltfläche SPEICHERN links daneben? Damit werden die Änderungen ebenfalls gesichert, das Formular bleibt jedoch weiterhin sichtbar. Du kannst also weitere Änderungen vornehmen und diese erneut speichern.

Wenn du das Formular nur schließen möchtest, ohne etwas zu speichern, klicke einfach auf SCHLIESSEN.

Schleiche dich aus Formularen wie diesen bitte keinesfalls einfach so hinaus. Die ZURÜCK-Schaltfläche des Browsers ist tabu. Auch wenn du keine Änderungen vornimmst, musst du trotzdem auf die Schaltlfäche SCHLIESSEN klicken.


67

Beitrag einfügen und formatieren

Beitrag einfügen und formatieren Aber jetzt mal »Butter bei die Fische«. Es geht um deinen ersten Beitrag – den Beitrag für die Startseite. Und so gehst du vor:

> Gehe ins Kontrollzentrum und klicke auf die Schaltfläche NEUER

BEITRAG. Das Formular zur Eingabe eines neuen Beitrags erscheint.

> Tippe zuerst den TITEL in das entsprechende Feld, im Beispiel Urlaub für sozialschwache Familien. Das wird die Überschrift. Es ist ein Pflichtfeld – zu erkennen am Sternchen. Das Feld ALIAS füllt Joomla automatisch aus. (So viel vorweg: Dieses Alias-Feld hat etwas mit den suchmaschinenfreundlichen URLs zu tun. Joomla bildet den Inhalt des Felds aus dem von dir eingegebenen Titel, entschärft dabei jedoch alle Leerzeichen und Umlaute und wandelt Großbuchstaben in Kleinbuch-staben um.)

> Auch die KATEGORIE ist ein Pflichtfeld. Hier steht allerdings schon UNCATEGORISED (nicht kategorisiert). Das kannst du für den Moment so lassen. Überspringe dieses Feld.

> Klicke in das große Texteingabefeld und tippe zumindest schon ein Wort, im Beispiel Wir. Klicke gleich jetzt auf die Schaltfläche SPEICHERN. Es ist die mit dem Stift, du findest sie links oben. Dadurch ist der Eintrag gesichert und du kannst beruhigt weiterarbeiten.

Hoppla, du hast versehentlich auf SPEICHERN & SCHLIESSEN geklickt und nun ist das Formular weg? Das ist doch kein Beinbruch! Rufe den Beitrag erneut auf. Klicke auf den Titel URLAUB FÜR SOZIALSCHWACHE FAMILIEN.


68


Kapitel

2 > Und nun kommt der eigentliche Inhalt. Trage deinen Text in das große Feld ein. Damit das auch gut gelingt, gebe ich dir im Anschluss an diese Schrittfolge ein paar Tipps zum Eingeben und Formatieren von Text.

> Vergiss nicht, deinen Text zwischendurch immer wieder zu sichern. Dazu gibt es schließlich die Schaltfläche SPEICHERN. Wenn du mit dem Schreiben fertig bist, klickst du stattdessen auf SPEICHERN &

SCHLIESSEN.

Hier schon einmal der fertig formatierte Beitrag vorab: mit Absätzen, Fettformatierung, Über-schrift und Aufzählungspunkten ...

Ist dir aufgefallen, dass ich vor Sonnenuntergang an der Ostsee einen Leerabsatz getippt habe? An diese Stelle kommt ein Bild. Ich halte jetzt schon den Platz frei.

Tipps und Hinweise zum Formatieren von Text Hier nun die versprochenen Tipps zum Eingeben und Formatieren von Text! Wie du mit dem großen Feld umgehst, ist klar? Im Hintergrund erzeugt Joomla den sogenannten HTML-Code deines Beitrags. Aber keine Sorge, du musst kein HTML können. Schreibe wie in deiner Textverarbeitung. Das Programm übersetzt deine Eingaben in HTML, ohne dass du etwas davon mitbekommst. Schreibe also einfach drauflos:

> Schreibe einfach weiter – auch wenn die Zeile zu Ende ist. Der Zei-lenumbruch erfolgt automatisch.


69


> Drücke erst dann auf die Return-Taste (Enter), wenn du den Absatz beenden und einen neuen beginnen willst. Im Hintergrund entsteht ein HTML-Absatz.

> Das Formatieren von Textpassagen geht genau wie in deiner Textver-arbeitung: Markieren und auf die entsprechende Schaltfläche klicken. Das B (Bold) steht für Fett, das I (Italic) für Kursiv.

> Du brauchst eine Aufzählung? Lege für jeden Aufzählungspunkt einen neuen Absatz an, drücke also nach jeder Zeile (Enter). Danach mar-kierst du alle Zeilen und klickst auf AUFZÄHLUNG (mit kleinen Auf-zählungspunkten) bzw. auf SORTIERTE LISTE (als Nummerierung).

> Du willst ein Sonderzeichen einfügen, beispielsweise die eleganten französischen Anführungszeichen wie bei der Wortgruppe »Traum Ur-laub«? Die bekommst du über die Schaltfläche SONDERZEICHEN .

> Das Texteingabefeld ist dir zu klein? Du kannst das Fenster in der rechten unteren Ecke bei gedrückter linker Maustaste auf die ge-wünschte Größe ziehen.

Im Beispiel gibt es mehrere Absätze, ein paar fett formatierte Wörter und eine Aufzählung.

Du hast keine Lust, diesen Text abzuschreiben? Dir fehlt die Fantasie für einen eigenen Text? Du findest diesen Text in Rohform bei den Downlo-addateien auf www.mitp.de/404. Kopiere den Text in die Felder TITEL und BEITRAGSINHALT und erzeuge zunächst mit der (Enter)-Taste die Absätze, bevor du die restlichen Formatierungen hinzufügst.

Und was ist mit Schriftart, -größe und -farbe? Du suchst vergeblich nach den Befehlen zum Ändern von Schriftart und Schriftgröße? Du würdest auch gerne mal Textfarbe oder Hintergrundfarbe ändern? Das ist in diesem Editor nicht (mehr) vorgesehen. Zum Glück, denn derartige Formate sollten ausschließlich über das sogenannte Template gesteuert werden, die Gesamtvorlage. Für all das gibt es sogenannte Stile, Formatvorlagen. Sie stammen aus dem Template, der Gesamtvorlage. Sie werden vom Gestalter festgelegt, dem Webdesigner.

Das ist ja gerade der Clou an einem CMS: Struktur (die HTML-Anweisungen im Hintergrund) und Format (also Schriftart, -größe, -farbe usw.) sind ge-trennt. Es ist nicht Sinn der Sache, dass jeder Autor sein eigenes Gestal-tungssüppchen kocht. Mehr zu diesen Templates verrate ich dir im nächs-ten Hauptkapitel.


70


Kapitel

2 Wichtig: Überschriftsformate Erlaubt sind natürlich die Überschriftsformate von HTML, also die Über-schriften 1 bis 6. Probieren wir das doch gleich einmal aus! Die Zeile Unse-re Leistungen soll das Format Überschrift 2 erhalten. Markiere also die ent-sprechende Textstelle und wähle das Format ÜBERSCHRIFT 2 aus dem Pull-down-Menü aus.

Wähle das gewünschte Überschriftsformat aus dem Listenfeld aus.

Für alle HTML-Kenner: Im Hintergrund macht Joomla daraus das HTML-Format <h2></h2>. Die Überschrift wird also in diese sogenannten Tags eingehüllt.

Tipp für HTML-Profis Du willst den HTML-Code einsehen oder sogar korrigieren? Wähle im Pull-down-Menü WERKZEUGE den Befehl QUELLCODE. Ein Fenster mit allen HTML-Anweisungen erscheint. Hier kannst du den HTML-Quellcode studieren.

Du kannst schon HTML und hast hier direkt Änderungen vorgenommen? Klicke auf OK, um diese Änderungen in den Editor zu übertragen.

Die HTML-Ansicht zeigt den reinen Quellcode mit allen HTML-Tags.


71


Es gibt noch eine weitere komfortable Option zur Betrachtung des HTML-Quellcodes. Und zwar wieder direkt im Texteingabefeld. Klicke auf die Schaltfläche EDITOR AN/AUS . Ein Klick schaltet sofort um in die Quelltextansicht, der nächste Klick stellt die Layoutansicht wieder her. Du findest diese Schaltfläche rechts unterhalb des Texteingabefelds.

Wenn du willst, kannst du den grafischen Editor für dich als Nutzer auch komplett ausschalten. Gehe ins Kontrollzentrum, schließe also zuerst den Editor über SPEICHERN & SCHLIESSEN. Klicke dann in der rechten oberen Fens-terecke auf das Symbol mit dem Zahnrad und wähle KONTO BEARBEITEN. Gehe ins Register BASISOPTIONEN. Wähle im Feld EDITOR die Einstellung EDITOR –

KEINE oder besser noch: EDITOR – CODEMIRROR.

Beide Einstellungen schalten den Editor ab und zeigen dir nur den »reinen« HTML-Quellcode. Die zweite Einstellung sorgt außerdem dafür, dass dieser Quellcode immerhin farblich hervorgehoben wird. (Im weiteren Verlauf des Buchs lasse ich den Editor allerdings eingeschaltet.)

Beitrag auf die Startseite setzen Du hast deinen Beitrag gespeichert, und nun? Wo ist er denn? Nicht zu sehen! Wie kriegst du das Biest nun auf die Startseite? Ganz einfach: Ma-che diesen Beitrag zum sogenannten Haupteintrag! Dafür gibt es zwei Methoden:

> Du steckst noch im Bearbeitungsformular? Schaue zum Feld HAUPTEINTRAG. Stelle JA ein. Dazu klickst du auf das JA, bis es sich grün färbt. Speichere den Beitrag!

> Du hast das Formular schon geschlossen? Dann kannst du auch in den Beitrags-Manager gehen. Das gelingt über INHALT|BEITRÄGE oder über das Symbol BEITRÄGE im Kontrollzentrum. Klicke nun auf den ausge-grauten Stern in der Spalte STATUS.

Das Geheimnis liegt in der Option HAUPTEINTRAG: Klicke einfach auf den Stern.


72


Kapitel

2 Und nun betrachte die Vorschau!

Herzlichen Glückwunsch: Du hast deinen ersten Beitrag veröffentlicht!

Anzeige unerwünschter Elemente abstellen Ich ahne es: So richtig zufrieden mit dem Eintrag bist du noch nicht! Oder? Bei mir steht da Folgendes unter DETAILS:

Geschrieben von Super User Kategorie: Uncategorised Veröffentlicht: 23. März 2016 Zugriffe: 0

Mal ehrlich: Wen interessiert das?

Auch über die zusätzlichen Menüpunkte unterhalb des Zahnrads können wir uns gerne streiten. Einverstanden, die Schaltfläche DRUCKEN finde ich ganz nett. Aber der per Briefumschlag gekennzeichnete Eintrag E-MAIL kann weg! Ich bin kein Fan dieser »Empfehlen«-Links.


73

Anzeige unerwünschter Elemente abstellen

Keine Sorge – diese Elemente kannst du problemlos abschalten.

Es handelt sich bei diesen eben erwähnten Elementen um die sogenannten Beitragsoptionen.

Wichtig zu wissen: Diese Beitragsoptionen kannst du an drei Stellen ein- und ausschalten. Zum Ersten global für alle Beiträge. Das ist sehr prak-tisch. Zum Zweiten geht das auch begrenzt auf einen Menüpunkt (wie »Home«). Das betrifft dann nur die Beiträge, die du dort einbindest. Und zum Dritten und Letzten kannst du diese Optionen auch lokal für einen einzelnen Beitrag steuern – falls du bestimmte Optionen außer der Reihe für einen einzelnen Beitrag doch mal einschalten willst.

Diese Einstellungen werden »von oben nach unten« vererbt. Soll heißen: Wenn ich die Anzeige des Veröffentlichungsdatums global abschalte, wirkt sich das natürlich auch auf ein Menü und einen dort verlinkten einzelnen Beitrag aus. Andererseits hindert mich aber niemand daran, etwas global aus- und dann für einen einzelnen Beitrag wieder einzuschalten. Kompli-ziert? Wir probieren es gleich aus!

So schaltest du die Beitragsoptionen ab Worauf wartest du noch: Schalte die überflüssigen Beitragsoptionen ein-fach ab. Und zwar global, damit du dich beim nächsten Beitrag nicht wie-der darüber ärgern musst!

> Du möchtest diese Option global steuern. Gehe dafür in die Ansicht für alle Beiträge. Du steckst noch in einem einzelnen Beitrag? Verlas-se diesen, beispielsweise durch Klick auf SCHLIESSEN.

> Du steckst dagegen im Kontrollzentrum? Klicke auf das Symbol BEITRÄGE. Als Alternative kannst du auch im Menü INHALT den Befehl BEITRÄGE wählen. Auf jeden Fall landest du in der tabellarischen Bei-tragsübersicht.

> Schaue nach rechts oben. Klicke auf die Schaltfläche OPTIONEN .


74


Kapitel

2 > Eine neue Ansicht erscheint, du landest im Register Beiträge. Ändere von oben nach unten folgende Optionen – natürlich nur, wenn du meinen Empfehlungen folgen willst:

Option alte Einstel-lung

ändern zu schaltet Folgendes ab

Kategorie Anzeigen Verbergen Anzeige der Kategorie, im Beispiel Uncategorized

Autor Anzeigen Verbergen Anzeige des Autors (hier Super User)

Veröffentlichungsdatum Anzeigen Verbergen Anzeige von Veröffentlicht am ...

E-Mail Symbol Anzeigen Verbergen Anzeige des Brief-Buttons

Seitenaufrufe Anzeigen Verbergen Anzeige der Zugriffe

> Fertig? Klicke auf SPEICHERN, wenn du die Optionen sichern und das Formular aber noch offen halten willst. Wählen dagegen SPEICHERN &

SCHLIESSEN, wenn du mit der Auswahl der Optionen fertig bist.

Im Beispiel habe ich fast alle Elemente abgeschaltet. Nur der DRUCKEN-Menüpunkt unterhalb des »Zahnrads« ist noch sichtbar. (Bei manchen Templates wird auch eine DRUCKEN-Schaltfläche angezeigt.)

Und noch ein paar Tipps Du bist mit meinen Vorschlägen nicht einverstanden? Probiere verschiedene Einstellungen durch. Klicke danach jeweils auf SPEICHERN, nicht jedoch auf SPEICHERN & SCHLIESSEN. Das »Steuerpult« bleibt dadurch geöffnet. Deinen Beitrag kannst du danach im Browser durch Druck auf (F5) bzw. Klick auf die Schaltfläche NEU LADEN immer wieder aktualisieren.

(Ich gehe davon aus, dass du die Vorschau in einem neuen Fenster oder zumindest Tab aufgerufen hast.) Prüfe auf diese Weise, was eine bestimmte Einstellung bewirkt.

Hilfreiche Tooltipps beim Überfahren mit dem Mauszeiger.


75

Füge ein Bild in den Beitrag ein

Du weißt nicht, was eine Option bewirkt? Parke den Mauszeiger über dieser Option. Nun erscheint am Mauszeiger ein Hilfetext. Manchmal versteht man sogar, was dieser Text bedeutet.

Füge ein Bild in den Beitrag ein Im Beitrag fehlt noch ein Bild. Es soll gleich unter dem ersten Absatz und genau über der Wortgruppe Sonnenuntergang an der Ostsee eingefügt wer-den. Im Beispiel handelt es sich um die Abbildung Sonne-im-Meer.jpg.

Du willst das Beispiel nachspielen und exakt das gleiche Bild verwenden? Auch das Bild Sonne-im-Meer.jpg bieten wir dir auf unserer Service-seite www.mitp.de/404 im Rahmen der Beispieldateien zum Download an.

Die Maße des Bildes Das Bild ist 700 Pixel breit und 525 Pixel hoch. Warum ich das hier erwäh-ne? Weil ich die Abbildung extra vorher aufbereitet und auf diese Größe getrimmt habe!

Joomla bringt – ganz im Gegensatz zu WordPress – keine eigene Bildbear-beitung mit. Du solltest die Bilder also schon in deiner Bildbearbeitung auf die gewünschte Größe bringen, damit sie optimal in deine Seite passen.

Du könntest das Bild zwar durchaus mit den Originalabmessungen von hier 2272 Pixeln Breite und 1704 Pixeln Höhe in die Website einbinden. Und Joomla würde es auch von der Breite her korrekt in die Website ein-passen. Aber das Bild wäre dann trotzdem durchaus mehrere MB groß, nicht 35 Kilobyte wie im Beispiel.

Du weißt noch nicht genau, wie breit deine Seite werden wird? Du willst die Bilder nicht »auf Verdacht« verkleinern? Dann warte, bis du dir (in Kapi-tel 3) das gewünschte Template ausgesucht hast. Dann kannst du die ma-ximal mögliche Breite herausfinden!

Wenn du allerdings meinem Beispiel folgst, kannst du alles so lassen. Ich verwende das mitgelieferte Standard-Template.


76


Kapitel

2 Ganz neu: Bild einfügen per Drag&Drop Du hast den Beitrag wieder aufgerufen? Dann geht es jetzt los mit dem Einfügen des Bildes! Zuerst zeige ich dir eine höchst raffinierte Art, ein Bild einzufügen. Mit Drag&Drop! Diese Funktion ist brandneu, es gibt sie erst seit Joomla 3.5. Und sie funktioniert richtig gut:

> Setze den Cursor an die Stelle, an die das Bild soll: Klicke im Beispiel in den leeren Absatz über der Passage Sonnenuntergang an der Ost-see. Du hattest keinen Leerabsatz vorbereitet? Klicke vor die zukünfti-ge Bildunterschrift und drücke (Enter). Jetzt ist der Leerabsatz da!

> Öffne nun den Ordner, in dem sich das Bild befindet. Und zwar mit dem Explorer, dem Finder oder welchem Dateimanager auch immer. Ziehe die Abbildung bei gedrückter linker Maustaste an die ge-wünschte Stelle.

> Unter dem Bild erscheint der Text VERSCHIEBEN. Aber keine Sorge, das stimmt nicht. Das Bild wird nicht verschoben, sondern in deine Web-site kopiert. Joomla lädt die Abbildung im Hintergrund in den Ordner images hoch und fügt sie in den Beitrag ein. Genial, oder? Kann nicht einmal WordPress!

> Das Bild sitzt an der richtigen Stelle und hat einen eigenen Bereich erhalten. Genau richtig! Fehlt noch eine ganz wichtige Sache: der al-ternative Text. Klicke nun auf das Bild, um es auszuwählen. Klicke da-nach auf die Schaltfläche BILD EINFÜGEN/BEARBEITEN.


77


> Das schwebende Fenster BILD EINFÜGEN/BEARBEITEN erscheint. Gib in das Feld BILDBESCHREIBUNG einen beschreibenden Text ein, im Beispiel Sonnenuntergang an der Ostsee. Für HTML-Kenner: Aus dieser Be-schreibung macht Joomla den sogenannten alternativen Text des Att-ributs alt im img-Tag. Dieser Text ist Pflicht, den darfst du keinesfalls weglassen. (Die Felder neben ABMESSUNGEN lässt du dagegen frei. Joomla liest die Abmessungen automatisch aus dem Bild aus.) Klicke auf OK.

> Speichere deinen Beitrag, beispielsweise durch Klick auf SPEICHERN. Rufe die Vorschau auf:

Herzlichen Glückwunsch: Du hast ein Bild in deinen Beitrag eingefügt!


78


Kapitel

2 Bild einfügen auf die klassische Art Hat nicht geklappt mit Drag&Drop? Dann zeige ich dir die klassische Art, ein Bild in Joomla einzufügen. Es gibt noch einen weiteren Grund, der für die klassische Methode spricht: Nur bei dieser Bildeinfügeart nutzt du die »volle Bildeinfügepower«. Denn bei Drag&Drop stehen nicht alle Optionen zur Verfügung.

Für das nächste Beispiel gehe ich davon aus, dass sich das Bild noch nicht im Beitrag befindet. Du willst das Beispiel exakt so nachvollziehen? Entferne die Abbildung aus dem Beitrag. Klicke sie an und lösche sie. Das gelingt mit der Taste (Entf). Wähle danach SPEICHERN & SCHLIESSEN. Gehe jetzt in den Medienmanager, beispielsweise über INHALT|MEDIEN oder das MEDIEN-Symbol im Kontrollzentrum. Lösche die Abbildung auch aus dem Medienmanager. Hake sie ab und wähle dann die Schaltfläche LÖSCHEN.

Alles klar? Bereit für Bildeinfügen, die Zweite? Dann rufe deinen Beitrag wieder auf. Klicke an die Stelle, an der du das Bild sehen möchtest.

> Klicke nun auf die Schaltfläche BILD. Es ist die untere von den beiden BILD-Schaltflächen, die mit Symbol und Text:

> Jetzt legt sich die Ansicht Bild über den Beitrag. Sie erlaubt dir, ein Bild aus dem Medienmanager auszuwählen. Das Bild befindet sich al-lerdings derzeit noch nicht innerhalb von Joomla. Du musst es erst hochladen. Scrolle in dieser Bildansicht bis nach unten. Klicke auf die Schaltfläche DURCHSUCHEN.

> Suche die Abbildung nun aus dem Dateisystem heraus. Klicke danach auf HOCHLADEN STARTEN.


79


> Hat alles geklappt? Nach dem Hochladen präsentiert dir Joomla eine Erfolgsmeldung und das Bild erscheint in einer Miniaturvorschau. Kli-cke es an.

> Fülle die Felder BESCHREIBUNG und BILDTITEL aus. Ich setze in beide Felder eine kurze, beschreibende Wortgruppe. Trage – wie ich – in beide Felder einfach das Gleiche ein.

Wie schon erwähnt: Aus der Beschreibung macht Joomla den sogenannten alternativen Text des Attributs alt im img-Tag. Der Bildtitel ist dagegen nicht zwingend erforderlich. Wenn du ihn einträgst, macht Joomla daraus den Inhalt des Attributs title. Dieser Titel erscheint, wenn du später den Mauszeiger kurz über dem Bild parkst.

Das Feld BILDBESCHRIFTUNG kannst und solltest du frei lassen. Denn wenn du hier etwas einträgst, macht Joomla daraus eine Bildunterschrift. Da wir aber schon eine vorbereitet haben, ist das in diesem Fall überflüssig. Mehr noch: Bild und Bildunterschrift würden eingerückt und zumindest bei diesem Template nicht mehr ins Layout passen. Das finde ich sehr schade, denn für Bild bzw. Bildunterschrift nutzt Joomla löblicherweise die HTML-5-Tags <figure></figure> bzw. <figcaption></figcaption>. Wenn das für dich zu »fachchinesisch« klingt: Joomla macht technisch was goldrichtig, versaut es aber auf Layoutebene.


80


Kapitel

2 > Gleich geschafft: Klicke nur noch auf die Schaltfläche EINFÜGEN. Die befindet sich – wer sucht, der findet – rechts oben im Bildeinfüge-fenster. Das Fenster verschwindet und das Bild ist drin.

> Vergiss nicht, den Beitrag nachzuspeichern.

Bild rechts ausrichten Im Beispiel handelt es sich um ein breites Bild. Das kann schon einen eige-nen Absatz vertragen. Manchmal sind die Abbildungen aber auch kleiner. Wenn du magst, kannst du den Text dann links oder rechts um ein derarti-ges Bild herumfließen lassen.

Das hätten wir dann gleich im Bildeinfügefenster im Bereich AUSRICHTUNG einstellen müssen. Du kannst es aber auch nachträglich erledigen, und zwar über die Schaltflächen RECHTSBÜNDIG AUSRICHTEN bzw. LINKSBÜNDIG

AUSRICHTEN . Bei der Option RECHTSBÜNDIG AUSRICHTEN rutscht das Bild nach rechts und der Text fließt links daran vorbei. Bei der Einstellung LINKSBÜNDIG AUSRICHTEN ist es genau andersherum.

Mehr zum Einfügen von Inhalten und Bildern erfährst du weiter hinten in einem eigenen Hauptkapitel. Dort führe ich dir den Medienmanager etwas genauer vor. Außerdem erfährst du, wie du die Bildeigenschaften nachträg-lich ändern kannst.

Responsives Webdesign Mache dir doch mal den Spaß und verkleinere das Browserfenster (siehe Abbildung). Simuliere also die Ansicht auf einem Smartphone oder Tablet. Du siehst, wie sich Text und sogar das Bild ganz raffiniert der Breite des Browserfensters anpassen. Das ist mit responsivem Webdesign gemeint!


81

Brauchst du ein Impressum?

Brauchst du ein Impressum? Brauchst du eigentlich ein Impressum, eine sogenannte Anbieterkennzeich-nung? Also Angaben zu dir als Anbieter der Website? Gute Frage. Ich be-antworte sie einfach mal mit Ja! Online-Angebote wie Blogs, Wikis und natürlich auch Websites (vom Gesetzgeber insgesamt als »Telemedien« und »Teledienste« bezeichnet) müssen grundsätzlich bestimmte Informations-pflichten in Bezug auf den Anbieter erfüllen.

Ausgenommen sind Angebote, die ausschließlich persönlichen oder fami-liären Zwecken dienen. Für einen Kommentar in einem Blog oder den Beitrag in einem Forum besteht also (derzeit noch) keine Impressums-pflicht. Ganz anders jedoch bei unserem Verein. Die Seite soll ja nachhal-tig betrieben werden, also regelmäßig aktualisiert werden. Dadurch wird sie automatisch auch geschäftsmäßig. (Zu diesen Begriffen verrate ich dir mehr auf den nächsten Seiten.) Ein fehlendes oder fehlerhaftes Im-pressum kann dazu führen, dass deine Seite von Rechtsanwälten kosten-pflichtig abgemahnt wird.

In der Regel verbirgt sich das Impressum hinter einem gleichnamigen Me-nüeintrag. (Der Eintrag kann aber auch Kontakt oder Über uns heißen.) Auf jeden Fall sollte es direkt von der Startseite aus schnell und in einem Zuge erreichbar sein.

Du willst sofort loslegen und dein Impressum einbauen? Geduld! Dazu stel-le ich dir gleich eine Aufgabe. Doch vorher zeige ich dir, was da überhaupt hineingehört und wie so ein Impressum aussieht. Es gibt da mehrere Fälle.

Einfaches Impressum Du betreibst eine Website im persönlichen und familiären Bereich, bist aber unsicher, ob du ein Impressum brauchst? Im Zweifelsfalle gilt: Setze es rein. Damit bist du auf jeden Fall auf der sicheren Seite. Du benötigst mindes-tens die einfachste Form eines Impressums. Und die sieht so aus:

Impressum (das ist die Überschrift)

Martin Muster Musterstraße 1 (richtige Adresse, kein Postfach!) 12345 Musterstadt

Telefonnummer, E-Mail- oder Webadresse musst du in diesem Fall nicht angeben. Verboten ist es aber nicht.


82


Kapitel

2 Geschäftsmäßig betriebene Teledienste Kommen wir nun zum nächsten Fall, zu den sogenannten »geschäftsmäßig betriebenen Telediensten«. Für die sieht der Gesetzgeber eine etwas stren-gere Impressumspflicht vor. Hier geht es nicht mehr um die Frage, ob du ein Impressum brauchst oder nicht, sondern um die, was da noch so hin-eingehört. Und das sind auf jeden Fall Telefonnummer und E-Mail-Adresse.

Na hoppla, was ist überhaupt eine »geschäftsmäßig betriebene Seite«? Die Website eines Ladens, also eines Geschäfts? Oder eine Firmenpräsenz? Oder einfach nur eine Website, in die du Werbung einbindest, um selbst ein klei-nes Geschäft zu machen? Sowohl als auch!

Das Problem: Es kann tatsächlich ausreichen, wenn auf deiner Website Werbung eingeblendet wird. Auch wenn du gar nicht darum gebeten hast. Das kann bei werbefinanzierten Freehostern der Fall sein. Und auch das kann durchaus als geschäftsmäßig eingestuft werden. Im Zweifelsfall bist du also gut beraten, wenn du ein derartiges Impressum bei dir ein-fügst.

Der Begriff »geschäftsmäßig betriebene Teledienste« muss aber noch weiter gefasst werden. Schon ein nachhaltig betriebenes Angebot im Internet kann als geschäftsmäßig betriebener Teledienst ausgelegt werden.

Was ist ein »nachhaltig betriebenes Angebot«? Nachhaltig ist deine Präsenz schon dann, wenn du regelmäßig neue Beiträge verfasst. Wenn du also dranbleibst, so wie es bei unserer Vereinswebsite hoffentlich der Fall sein wird.

Wie sieht nun ein derartiges Impressum einer geschäftsmäßig betriebenen Präsenz aus? Hier ist mein Vorschlag:


Martin Muster Musterstraße 1 (richtige Adresse, kein Postfach!) 12345 Musterstadt Telefon: 123-4567890 (nach Rechtsstand von 2008 freiwillige Angabe) Fax: 123-4567891 (freiwillige Angabe) E-Mail: [email protected] Internet: www.musterblogger.de (freiwillige Angabe)

Bei Firmen folgen hier häufig noch bestimmte Pflichtangaben, beispiels-weise eine Umsatzsteuer-Nummer oder die Zugehörigkeit zu bestimmten Berufsverbänden.


83

Brauchst du ein Impressum?

Hallo, liebe Ex-Kids. Liebe Architekten, Ärzte, Anwälte, Apotheker, Freibe-rufler, Genossenschaften, GmbHs, Ltds, Steuerberater und Vereine. Eure Anbieterkennzeichnungen müssen häufig noch umfangreicher sein. Mein Tipp: Informiert euch auf den einschlägigen Seiten im Internet oder bes-ser noch – bei einem Anwalt eures Vertrauens. Denn nur der darf euch in dieser Hinsicht beraten. Meine Hinweise dienen lediglich zu einer ersten Orientierung!

Wir sind noch nicht fertig mit der Impressums-Diskussion! Vielleicht genü-gen alle bisher erwähnten Dinge noch gar nicht und das Impressum muss weit umfangreicher ausfallen?

Journalistisch-redaktionelle Angebote Bietest du in deiner Präsenz journalistisch-redaktionelle Texte an? Dann musst du einen Verantwortlichen für den Inhalt benennen. Doch was be-deutet »journalistisch-redaktionell«?

Deine Hundewebsite mit frechen Storys von Hasso (»Hasso fängt das Stöckchen«) oder das Katzenportal mit süßen Fotos von Maunzi und Minka wird sicher niemand als journalistisch-redaktionell bezeichnen. Ebenso wenig wie die Familienhomepage mit Familienfotos und Stammbaum. Doch sobald du anfängst, Berichte über die letzte Hundeausstellung zu schrei-ben, Halsbänder oder Katzenfutter zu testen oder Opas dunkle Vergangen-heit zu recherchieren, überschreitest du häufig die Grenze zur Kategorie Journalistisch-redaktionell.

Wer ist bei dir verantwortlich für den Inhalt? Du selbst? Ergänze das Im-pressum also um folgende Angaben:

Verantwortlich im Sinne von § 55, Absatz 2 RStV: Martin Muster (Anschrift wie oben)

Falls jemand anderes für die Inhalte verantwortlich ist, gibst du hier noch seine Anschrift ein. Hier das komplette Impressum in voller Pracht. (RStV bedeutet übrigens Rundfunkstaatsvertrag. Er trat 2007 in Kraft.)


Martin Muster Musterstraße 1 (richtige Adresse, kein Postfach!) 12345 Musterstadt Telefon: 123-4567890 (nach Rechtsstand von 2008 freiwillige Angabe) Fax: 123-4567891 (freiwillige Angabe)


84


Kapitel

2 E-Mail: [email protected] Internet: www.muster.de (freiwillige Angabe)

Verantwortlich im Sinne von § 55, Absatz 2 RStV: Martin Muster (Anschrift wie oben)

Du bist immer noch unsicher, ob du wirklich ein Impressum brauchst und wie das auszusehen hat? Lasse dir im Zweifelsfall von einem Erwachse-nen helfen!

Zusammenfassung Fassen wir schnell noch das Wichtigste aus diesem Kapitel zusammen:

0 Du hast wiederholt, wie du dich ins Backend einloggst – einfach durch Anhängen von /administrator an die Webadresse. Ich habe dir empfoh-len, Frontend (Vorderseite) und Backend (Administrationsbereich) gleichzeitig geöffnet zu lassen.

0 Du findest dich im Backend zurecht. Du kennst die Schnellübersicht, die dir beispielsweise Zugriff auf ausgewählte Beiträge, auf die Benutzer-verwaltung und die Menüs bietet. Du weißt, dass du über die Symbole im Kontrollzentrum Beiträge und Kategorien anlegen und bearbeiten kannst.

0 Du weißt, wie du in Joomla neue Beiträge anlegst und Abbildungen einfügst. Das gelingt über einen Klick auf NEU. Zum Einfügen von Abbil-dungen wählst du die Schaltfläche BILD oder ziehst die Bilder per Drag&Drop aus deinem lokalen Dateimanager ins Browserfenster.

0 Du kennst die wichtigsten Möglichkeiten zum Formatieren von Beiträ-gen. Das gelingt über die Symbole und Pull-down-Menüs im Editor. Ar-beite vor allem mit den wichtigen Überschriftsformaten Überschrift 1, Überschrift 2 und Überschrift 3.

0 Du weißt, wie du einen Beitrag auf die Startseite setzt. Wähle die Opti-on HAUPTEINTRAG.

0 Du hast erfahren, wie man die unerwünschten Elemente abschaltet, beispielsweise die Anzeige der Kategorie oder des Autorennamens. Das gelingt unter anderem über die Schaltfläche OPTIONEN im Beitrags-Manager.

0 Ich habe dir zur ersten Orientierung Tipps und Hinweise zum sogenann-ten Impressum gegeben, der Anbieterkennzeichnung.


85

Ein paar Fragen …

Ein paar Fragen … 1. Wie gelangst du bei Joomla in den Backendbereich?

2. Du hast dich soeben in Joomla eingeloggt. Wie bekommst du am schnellsten Zugriff auf die zuletzt angelegten Einträge?

3. Mit welcher raffinierten Methode kannst du in Joomla neuerdings eine Abbildung einfügen?

4. Du fügst ein Bild ein. Welches Element darfst du keinesfalls weglassen?

5. Wie sorgst du dafür, dass ein Beitrag auf der Startseite erscheint?

… und ein paar Aufgaben In dieser Lektion hast du schon einiges geschafft! Festige deine Kenntnisse und übe! Du hast keine Lust auf das Üben? Dann löse zumindest Aufgabe 1. Die ist wichtig für den weiteren Verlauf des Buches. Die anderen beiden Aufgaben sind dagegen freiwillig.

1. Weiteren Beitrag »Impressum« einrichten Richte einen neuen Beitrag ein – für das eben beschriebene Impressum. Nenne den Beitrag Impressum und füge ihn ebenfalls zur »Kategorie« Unca-tegorised hinzu.

2. Bild aus Joomla-Vorrat einfügen Joomla bringt ein paar Beispielbilder mit. Diese stecken im Ordner images/sampledata und seinen Unterordnern. Und zwar selbst dann, wenn du, wie wir, auf die Installation der Beispieldaten verzichtet hast. Füge ein beliebiges Bild in dein Impressum ein.

3. Impressum zum Haupteintrag machen Das Impressum ist fertig, du kannst es aber noch nirgends sehen. Mache es zur Probe zum Haupteintrag. Was geschieht? Schaue dir das Impressum ausgiebig in der Vorschau an.

Und nun nimmst du diese Zuweisung wieder zurück. Das Impressum soll kein Haupteintrag bleiben.


308

Stichwortverzeichnis


1 1&1 288

A Abmelden 196 Abonnieren, RSS-Newsfeed 183 Administrator 249 Akeeba Backup 306 AllVideos Reloaded 242 Anbieterkennzeichnung 81 Anreißertext 158 Anreißertext, Weiterlesen-Linie 159 Anzeigeparameter

für Menüeintrag 179 Apache-Webserver 23, 297 Archivieren

Beiträge 148 Artisteer, Template-Generator 104 Autor 256

B Backend 55

im Überblick 61 Backup 299 Beispieldatei 13 Beispieldaten 47 Beitrag

einreichen 195 einstellen 260 freischalten 262 mehrsprachig 278 neuer 67 verfassen 260

Beitrag einrichten 259 Beiträge

ältere Stände wiederherstellen 146, 147

archivieren 148 löschen 149 mit Anreißertext 158 Navigation 181 sortieren 146 verwalten 144

Beitragsoption 73 Benutzer

Backend 248 Frontend 250

Benutzerdaten ändern 65 Benutzergruppe, eigene 263 Benutzermenü 195 Bild

Drag&Drop 76 Eigenschaften 157 einfügen 75 in Beitrag einfügen 155 in Medien-Manager hochladen

151 in Ordner laden 153 rechtsbündig ausrichten 80

Bildergalerie 236 Bildupload, mehrfach 153 Bildverwaltung 150 Bloglayout 177, 179 Bootstrap 105, 174

C Cache, Zwischenspeicher 208 CAPTCHA 227 chmod 293 Click & Build Apps 20


309


configuration.php Bedeutung 200 nicht beschreibbar 49

CSS-Stilregel 98

D Datenbanken 205 Datum

anzeigen 182 Deinstallieren

Komponente 244 Description 42, 214 Domainfactory 288

E Editor 256 Einleitungsbild 162 Einloggformular 251 Element, unerwünschte loswerden

72 E-Mail-Adresse schützen 220 E-Mail-Cloaking 220 Erweiterung

Download 233 finden 232 Installation 234

Erweiterungskatalog 231

F Facebook 246 Favicon 216 Feedback 224 Filtern

der Anzeige 144 Flash-Video

einbinden 243 FLV-Video 243 Freehoster 290 Freigeben 135, 136

Freischalten, Beiträge 262 Frontend 56

Nutzergruppen 255 FTP per Web 39 FTP-Daten

nachträglich eintragen 205 FTP-Pfad 206 FTP-Upload 155

G Gast 256 GNU Public Licence 16 Google Maps 241, 246 GPL 16

H Haupteintrag 187 Hauptmenü

als Modul 117 als Sprachmenü 279 aus Main Menu 120 Position ändern 120

Home-Button verdoppeln 190 Host Europe 288 Hosting für Joomla 289 htdocs 32 HTML

Code bearbeiten 70 ohne HTML-Editor 203

HTTPS 216

I Impressum 85

Assistent zur Erzeugung 83 einfaches 81 für geschäftsmäßige Teledienste

82 inhaltlich Verantwortlicher 83

Impressumspflicht 81


310


Individueller Seitentitel 212 Inhaltssprache 273 Inhaltsverwaltung 144, 145 Inhaltsverzeichnis 159 Installation

Erweiterungen 234 Joomla 36, 37, 41 Joomla in fünf Minuten 19 Sprachen 271 Vorüberlegungen 22

Internet Information Server 297

J JoomFish 283 Joomla

Download 34 Installation 37, 41 Installation in fünf Minuten 19 Installationsvorbereitung 36 neuer Look 88 Upload mit FTP 155 Voraussetzungen 10

Joomlahosting.de 289 Journalistisch-redaktionelles Angebot

83

K Kategorie 127

neue anlegen 132 Kategorien 130

Uncategorised 130 Kennwort vergessen? 291 Kommentarfunktion 231 Komponente

deinstallieren 244 Erklärung 220

Konfiguration 199 Kontaktformular 225 Kontrollzentrum 62

L LanternFish 283 Listen-Layout 191 Localhost 31 Löschen

Abbildung 78 Elemente 149 Installationsverzeichnis 52 neuste Chronik 50

M MAMP 23

als lokaler Webserver 23 beenden 32 starten 28

Manager 249 Marktanteil Joomla 16 Medien-Manager 150 Mehrsprachenstatus 276 Mehrsprachigkeit 271, 278, 283 Menü

Anzeigeparameter 179 Buttons 174 Karteireiterstil 175 Liste 174 mit CSS gestalten 174 Modul 125, 126, 127 ständig ausgeklappt 177

Menüeintrag Alias 190 anlegen 165 Bloglayout 177 Listenlayout 191 Mehrsprachigkeit 281 nachbearbeiten 186 Reihenfolge anpassen 172 Standardkategorie 261 verknüpfen 282

Menüeintragstyp 166 Metadaten 162 Meta-Tags 213


311


mod_rewrite 211 Modul 220

deaktivieren 169 direkt in Beitrag einfügen 252 Erklärung 220 hinzufügen 125 im Frontend bearbeiten 254, 255 mit Menüeintrag verbinden 251

Module für Menü 126 und Positionen 117, 120

MP4-Video 244

N Nachinstallationshinweis 57 Name der Website 202 Neue Medien Münnich 288 Neuer Beitrag 134 Newsbox 221, 222 Nutzergruppe, eigene 265 Nutzerverwaltung 247

O Ordner einrichten 153

P Papierkorb 149 Passwort 65 phpMyAdmin 23, 32 Plugins 160, 220 Positionen 101, 102 Publisher 256

R reCAPTCHA 227 Registriert 256 Reihenfolge, Beiträge 181

Responsives Webdesign 13, 80 Robots 215 RSS-Newsfeed abonnieren 183

S Schattenmenü 276 Schlagwort 230, 231 Schnellübersicht 61 Schwarzkünstler oHG 289 Seitenleiste 221, 222 Seitenname im Titel 212 SEO 209 Sichere Verbindung 216 Sicherheit durch CAPTCHA 227 Sicherheitstipp 295 Software-Installation 20 Sortieren

Beiträge 146 Beiträge auf Startseite 189

Sounddatei einfügen 242 Spamschutz 220 Sperren und Freigeben 135 Sprachauswahl 275 Sprache installieren 271 Sprachenfilter 274 SQL-Dump 301, 302 SSL-Verbindung 216 Startseite

Beitrag auf Startseite verschieben 71

Startseitenlayout 128, 187 Statistik 161 Strato 287 Suche

als Modul 122, 123 hinzufügen 123 konfigurieren 131 Menüzuweisung 124 Schaltfläche 125

Suchmaschine aussperren 215 Suchmaschinenfreundliche URLs 208


312


T Tag 230, 231 Template 88

anpassen 91, 97 aus dem Internet 106 bearbeiten 95 Beez 90 deinstallieren 113 für neuen Look 88 individuelles 104 Installation 109, 110 mit Artisteer 104 mit Template Toaster 105 mit Themler 105 Protostar 93 Stile 91 und Positionen 101, 102 Vorschau 89 wechseln 89 zwielichtiges 112

Template-Anbieter 108 Text

eingeben 67 formatieren 68

U Überschriftsformat 70 Udemy 14 Umzug 299, 302, 305 Untermenüeintrag 171 Upload

per FTP 155 via Dienstleister 39

V Verknüpfen 282 Verlängern der Einloggzeit 207 Veröffentlichen, zeitgesteuert 161 Versionsverlauf 146, 147 Video

abspielen 242 einfügen 242

Vorteile von Joomla 15

W Wartungsmodus 201 Web-FTP 39 Webhoster für Joomla 287 Webserver

eigener 287 lokaler 23

Y YouTube-Video einbinden 238, 239,

240, 241, 244

Z Zufallsbild 230 Zugriffsebene, individuelle 267 Zugriffskontrolle, erweiterte 263,

264 Zusatzelemente unterdrücken 162 Zwei-Faktor-Authentifizierung 295


leseprobe und inhaltsverzeichnis

Documents