Content Management mit Joomla! 3.5 für Kids
Johann-Christian Hanke Content Management mit Joomla! 3.5 für Kids
Bibliografische Information der Deutschen Nationalbibliothek Die Deutsche Nationalbibliothek verzeichnet diese Publikation in der Deutschen Nationalbibliografie; detaillierte bibliografische Daten sind im Internet über <http://dnb.d-nb.de> abrufbar. Bei der Herstellung des Werkes haben wir uns zukunftsbewusst für umweltverträgliche und wiederverwertbare Materialien entschieden. Der Inhalt ist auf elementar chlorfreiem Papier gedruckt. ISBN 978-3-95845-405-7 1. Auflage 2016 www.mitp.de E-Mail: mitp-verlag@sigloch.de Telefon: +49 7953 / 7189-079 Telefax: +49 7953 / 7189-082 2016 mitp-verlags GmbH & Co. KG Dieses Werk, einschließlich aller seiner Teile, ist urheberrechtlich geschützt. Jede Verwertung außerhalb der engen Grenzen des Urheberrechtsgesetzes ist ohne Zustimmung des Verlages unzulässig und strafbar. Dies gilt insbesondere für Vervielfältigungen, Übersetzungen, Mikroverfilmungen und die Einspeicherung und Verarbeitung in elektronischen Systemen. Die Wiedergabe von Gebrauchsnamen, Handelsnamen, Warenbezeichnungen usw. in diesem Werk berechtigt auch ohne besondere Kennzeichnung nicht zu der Annahme, dass solche Namen im Sinne der Warenzeichen- und Markenschutz-Gesetzgebung als frei zu betrachten wären und daher von jedermann benutzt werden dürften. Lektorat: Katja Völpel Sprachkorrektorat: Petra Heubach-Erdmann Covergestaltung: Christian Kalkert Satz: Johann-Christian Hanke Druck: Medienhaus Plump GmbH, Rheinbreitbach
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 5
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 6 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
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 7
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 8
Vorwort Lust auf eine Homepage voller Dynamik und Pep? Eine Präsenz, die deine Freunde je nach Temperament»cool«,»sexy«,»hammermäßig«oder»total fett«finden werden? Kein Problem mit einem CMS, einem Content- Management-System. Damit fügst du deine Texte und Bilder zusammen und verpasst deinem Internetprojekt, also der sogenannten Website, ein attraktives Aussehen! Und zwar direkt auf dem Webserver, ohne irgendwelche Zusatzprogramme. In diesem Buch verraten wir dir, wie du mit dem frei verfügbaren Open- Source-System Joomla 3.5 problemlos zurechtkommst und rasend schnell deine eigene Website aufbaust. Joomla (sprich»dschumla«) ist eine Lautumschreibung für das Suaheli- Wort»Jumla«. Übersetzt heißt es»das Ganze«oder»als Ganzes«und meint damit die Entwicklergemeinschaft. Du lernst Folgendes: 0 Download und Installation von Joomla 0 Joomla auf dem Webserver einrichten 0 Frontend und Backend: Einloggen in Joomla 0 Template einrichten und andere Templates finden 0 Joomla konfigurieren 0 Content einfügen und managen 9
Vorwort Lernen am Beispiel 0 Content in mehreren Sprachen einbinden 0 Content ins Menü einbinden 0 Bilder hochladen und einbinden 0 Nutzerverwaltung kennenlernen 0 Berechtigungen setzen 0 Erweiterungen einbinden von Feedback bis Bildergalerie Einzige Voraussetzung: Dein Webhoster bietet PHP- und MySQL- Unterstützung. Sonst läuft Joomla nicht. Webhoster? Was ist das denn? Das ist der Dienstleister, der deine Website ins Internet bringt. Und der gleichzeitig dafür sorgt, dass deine Präsenz beispielsweise unter www.deinname.de erreichbar ist. Als Gegenleistung bekommt der Hoster von dir (oder deinen Eltern) ein paar Euro pro Monat. (Mehr zu ausgewählten Hostern verraten wir dir in Anhang A.) MySQL ist ein Datenbanksystem und PHP die Programmiersprache, in der Joomla geschrieben wurde. Das bieten heutzutage aber praktisch alle Webhoster gleich mit an. Du hast noch keinen Webhoster? Oder du möchtest noch nicht sofort im Web loslegen, sondern erst probieren? Als Alternative kannst und solltest du Joomla aber erst einmal auf der lokalen Festplatte ausprobieren. All das führen wir dir genau vor, und zwar sowohl auf dem PC als auch auf dem Mac. Selbst Linux-Nutzer profitieren von dieser Anleitung, da die Vorgehensweise zumindest sinngemäß die gleiche ist. Welche Version sollte es sein? Das hängt ganz davon ab, zu welchem Zeitpunkt du dieses Buch liest. Momentan aktuell ist Joomla 3.5.1! Joomla wird regelmäßig aktualisiert und mit Mini-Updates versorgt, manchmal sogar nach ein paar Wochen. So kann es sein, dass du zum Zeitpunkt des Schreibens schon in Joomla 3.5.5 oder gar 3.6 einsteigst. Da kann es durchaus passieren, dass sich ein paar kleine Details ändern, die wir dann aber in einer Neuauflage dieses Buches berücksichtigen werden. 10
Lernen am Beispiel Lernen am Beispiel Apropos Losarbeiten. Dieses Buch ist beispielorientiert. Wir führen dir den Umgang mit Joomla an einem ganz speziellen Projekt vor. Es handelt sich um die Website eines fiktiven Vereins die bauen wir Schritt für Schritt zusammen. Mache einfach mit. So erzielst du den größten Lerneffekt. So oder so ähnlich soll die Website im Endeffekt aussehen: Wir haben das Beispiel so allgemein gehalten, dass du es auch für eine Schulwebsite oder sogar eine Firmenwebsite verwenden kannst. Die Sprachauswahl ist natürlich keine Pflicht, sondern nur ein Vorschlag. Du kannst sie auch weglassen. Dir gefällt das Aussehen nicht? Bitte sehr, wähle ein anderes. In Sekunden verpasst du deiner Website einen neuen Look: 11
Vorwort Lernen am Beispiel Praktisch gleiche Inhalte, völlig anderes Design. Das ist die große Stärke von Joomla! Die hier gezeigte Website besitzt die typischen Elemente eines Webportals. Du findest einen Newsbereich und einen Bereich für Standorte genauso wie die Fotogalerie, YouTube-Videos und Anfahrtsskizze mit Google Maps. Auch Feedbackformular und Suchfeld zählen zur Ausstattung. Es handelt sich um ein mehrspaltiges Layout mit Kopf- und Fußbereich. Es gibt eine senkrechte und eine waagerechte Menüleiste mit Pull-down- Menüs und Links für so wichtige Dinge wie Kontaktformular oder Impressum. Diese Vereinswebsite ist der rote Faden, der sich durch das ganze Buch zieht. 12
Lernen am Beispiel Responsives Webdesign Es gibt aber noch eine andere wichtige Sache. So passt sich die Website von der Breite her stets perfekt an die Größe des Bildschirms des Betrachters an. Auf Tablets erscheint sie schmaler und die Menüs werden anders hervorgehoben. Auf Smartphones wird sie häufig noch ein Stück anders dargestellt. Stets so, dass die Betrachter alle Informationen auch auf ihren kleinen Bildschirmen in angenehmer Größe lesen können. Responsives Webdesign (reagierendes Webdesign) nennt sich diese Art der Darstellung und das neue Joomla folgt diesem Trend besser denn je! Joomla-Websites sind von Haus aus für die Darstellung auf Smartphones und Tablets optimiert. Abgesehen davon haben wir die Seite bewusst einfach gehalten, damit du die Struktur besser verstehst und das Projekt problemlos nachspielen kannst! Und wenn du dich richtig sicher fühlst, passt du das Beispiel einfach an deine eigenen Bedürfnisse an! Downloads auf der Serviceseite Lernen am Beispiel bedeutet: Wir bieten dir einige Dateien zum Download an. Und zwar auf der Website zum Buch unter www.mitp.de/404. Dort gibt es beispielsweise die Bilder, die Antworten auf die Fragen und Lösungshinweise zu den Aufgaben. Da wir gerade bei Webseiten sind: Besuche auch die Homepage des Autors: www.jchanke.de. Die ist zwar nicht mit Joomla gemacht, dafür findest du Verweise zum Download der Beispieldateien. Was das Buch will und was es nicht kann Das Buch will dich Schritt für Schritt in Joomla einführen: so verständlich wie möglich. Anhand eines attraktiven Beispiels geben wir dir Hilfe zur Selbsthilfe. Du lernst schnell und vermeidest Umwege. Das Motto lautet: Learning by doing. Vergiss nicht: Es ist ein Einsteigerbuch, ein Kurs für Neulinge. Deshalb können wir dir naturgemäß nicht alle Fragen rund um Joomla beantworten. Das ist auch gar nicht das Ziel. Du sollst einen ersten Einstieg bekommen und Lust auf mehr. 13
Vorwort Der Kurs zum Buch Nach dem Lesen bist du sicher fit genug, dir vieles selbst beizubringen. Oder dich nach anderer Literatur umzuschauen gern aus dem Hause bhv oder mitp. Die Anleitungen im Buch beziehen sich in allererster Linie auf Windows ab Version 7. Also auch auf Windows 8 und 10. Ab und an geben wir aber auch Hinweise zum Mac-Betriebssystem Mac OS und Linux. Die längste Zeit arbeiten wir jedoch mit dem Webbrowser. Und da ist es (fast) egal, mit welchem Betriebssystem du arbeitest. So könntest du den Kurs theoretisch auch mit deinem Android-Tablet oder sogar dem ipad nachspielen! Zumindest dann, wenn du direkt online arbeitest und auf den im Buch gezeigten lokalen Webserver verzichtest. Was du schon können solltest Du solltest sicher mit dem Computer umgehen können, wissen, wie man Ordner und Dateien einrichtet, und schon einmal etwas von Zip-Dateien gehört haben. Das mag jetzt vielleicht lustig klingen, weil das einfache Grundlagen sind. Aber immer mehr von Johann-Christian Hankes Kursteilnehmern kennen sich zwar grandios mit Facebook, Whatsapp, Instagram, Twitter und Co. aus, haben aber leider oft wenig Ahnung von der Bedienung ihres Betriebssystems! Wir haben dich gerade ertappt? Kein Problem. Du kannst trotzdem weiterlesen. Der Autor»erinnert«an vielen Stellen immer wieder kurz, wie dieses und jenes geht. So bringst du dein Wissen fix auf Vordermann. Der Kurs zum Buch Lesen ist das eine, etwas gezeigt zu bekommen, ist das andere. Der Autor dieses Buchs gibt seit vielen Jahren Joomla-Kurse an einer VHS in Berlin, du findest sie über eine Kurssuche auf www.berlin.de/vhs. Diese Kurse basieren exakt auf diesem Buch, das Feedback aus den Kursen hilft ihm, das Buch immer wieder zu verbessern. Außerdem veröffentlicht der Autor den gleichen Kurs als Videokurs auf der Lernplattform www.udemy.com. Suche hier nach dem Namen des Kursleiters. Der Videokurs kostet so viel wie dieses Buch. Das ist zuviel? Besuche die Website www.jchanke.de/joomlakurs, um eine Ermäßigung zu erhalten! 14
Einleitung Moment mal warum solltest du deine Homepage eigentlich dynamisch aufbauen? Was sind die Vorteile eines CMS wie Joomla? Vorteile eines CMS Bitte sehr mache dich schlau: 0 Joomla arbeitet auf dem Webserver: Du benötigst keine teure Zusatzsoftware (wie beispielsweise Dreamweaver), um deine Seiten zu erstellen. 0 Joomla ist flexibel: Du kannst die Inhalte von jedem internetfähigen Computer der Welt aus bearbeiten einfach über den Browser. 0 Joomla ist international: Du kannst deine Website in mehreren Sprachen anbieten. (Und genau das werden wir auch tun!) 0 Inhalt und Layout sind getrennt: Du kannst das Aussehen deiner Website ändern, ohne die Inhalte»anfassen«zu müssen. 0 Integrierte Suchfunktion: Deine Besucher können deine Website nach Stichworten durchsuchen. 0 Integrierte Bild- und Dateiverwaltung: Du lädst Bilder und Dateien in Joomla hoch und bindest diese dann in deine Website ein. 15