Inhaltsübersicht. 1 Einleitung... 2 Beispielseiten... 3 Installation... 4 Strukturen und Begriffe... 5 Was ist neu in Joomla! 1.6?...

Transkript

1

2 Inhaltsübersicht 1 Einleitung Beispielseiten Installation Strukturen und Begriffe Was ist neu in Joomla! 1.6? Inhalte verwalten Konfiguration der Inhalte und der Website Templates Navigation Benutzer und Berechtigungen Erweiterungen verwalten Standard erweiterungen Module Plugins Mehrsprachige Websites Mit Templates arbeiten Suchmaschinen optimierung Upgrade von Joomla! 1.5 auf Joomla! A Anhang Stichwortverzeichnis

3 Inhaltsverzeichnis 1 Einleitung Was ist Joomla!? Wer bin ich? Wer sind Sie? Wie sieht unsere Software-Umgebung aus? Was bedeutet das für Ihre Website? Worum geht es in diesem Buch? Was können Sie, nachdem Sie dieses Buch durchgearbeitet haben? Beispielseiten Wie findet man Joomla! Seiten? Showcase auf joomla.org Fragen Sie Google Schauen Sie sich die Website genauer an Fragen Sie doch mal Ihre Freunde Installation Mindestvoraus setzungen Installationsvarianten Lokale Testumgebung Produktivumgebung Stolpersteine Joomla!-Webinstaller Schritt 1 Sprachauswahl Schritt 2 Installationsprüfung Schritt 3 Lizenz Schritt 4 Datenbank Schritt 5 FTP-Konfiguration Schritt 6 Konfiguration Schritt 7 Abschluss Lokalisierung Beispieldaten löschen Ein leeres Joomla! Aber wie?

4 inhaltsverzeichnis 4 Strukturen und Begriffe Content-Management-System Rollen und Rechte Benutzerkonto Anmelden, Abmelden Rollen Rechte Template Frontend Backend Dateien Datenbank Bausteine von Joomla! Beiträge Kategorien Benutzer Navigationen Module Templates Plugins Komponenten Optionen Weitere Strukturen Was ist neu in Joomla! 1.6? Neues Zugriffskonzept Neues Kategoriesystem Mehrfachverarbeitung Updates mit einem Mausklick Templates Beez2 ist jetzt Standard Beez5 ist HTML5-basiert Template-Styles Modul-Templates Mehrsprachigkeit Benutzeroberfläche konsistenter gestalten Mindestanforderungen Legacy Mode Suchmaschinenoptimierung Module

5 inhaltsverzeichnis 5.12 Neuer Editor Komponenten Konfiguration Cookie-Einstellungen Inhalte verwalten Inhaltstypen Eine»Über uns«-seite erstellen Website vs. Seite Statische vs. dynamische Inhalte Der Plan Die Umsetzung Ein typischer Artikel Start Eingabeformular Der Beispielartikel Ein Aufmachertext für Listenansichten mit einem Weiterlesen-Link auf den vollständigen Artikel Der Artikel soll auf der Startseite erscheinen und selbst keinen Menülink haben Eine zeitversetzte Veröffentlichung wäre schön Eine Druckansicht für Besucher der Website, die den Artikel ausdrucken wollen Eine Möglichkeit der Weiterempfehlung des Artikels per Ergebnis Strukturieren Sie Ihren Inhalt mit Kategorien Layout Alle Kategorien auflisten Layout Kategorie Blog Layout Eine Kategorieliste Fazit Medienverwaltung Wie funktioniert es? Medien und der Editor Medien an anderen Stellen Kontaktformular Kontakt erstellen Verlinkung im Menü Status, Papierkörbe und Check-Ins Gesperrt Freigegeben Vorstellen

6 inhaltsverzeichnis Archiviert Papierkorb Einchecken Konfiguration der Inhalte und der Website Globale Konfiguration Site Tab System Server Berechtigungen Optionen für Beiträge, Komponenten, Module, Plugins, Sprachen und Templates Templates Joomla! und Templates Positionen Core-Templates Styles Navigation Breadcrumbs Joomla!-Menüs Erstes Beispiel: Eine statische Buchstruktur Vorbereitung Schritt 1: Ein Menü erzeugen Schritt 2: Menüeinträge erzeugen Schritt 3: Erstellen und Positionieren eines Moduls Zweites Beispiel: Verlinken von Kategorien (Nachrichtenmagazin) Vorbereitungen Schritt 1: Das Menü Schritt 2: Die Menüeinträge Ein paar Verbesserungen Benutzer und Berechtigungen Registrierung und Anmeldung Benutzer Konfiguration Anmeldung Zusätzliche Profilfelder Benutzergruppen Zugriffsebenen Warum Zugriffsebenen?

7 inhaltsverzeichnis 11 Erweiterungen verwalten Erweiterungen verwalten Erweiterungen aktualisieren Erweiterungen installieren Überprüfen Warnungen Standard erweiterungen Banner Banner schalten Kontakte Beispiel viele Kontakte Nachrichten Newsfeeds Ein Feed-Aggregator auf Ihrer Website Suche Suchwort-Analyse Benutzeroberfläche Hinter den Kulissen Umleitungen Weblinks Massenmail Module Gemeinsamkeiten aller Module Erweiterte Optionen Core-Module Plugins Authentication Joomla! Googl LDAP Inhalt (Content) Joomla! Modulpositionen laden Ummantelung ( Cloaking) Code Hervorhebung (GeSHi) Seitenumbruch Seiten Navigation Bewertung

8 inhaltsverzeichnis 14.2 Schaltfläche (Editor-xtd) Beiträge Bild Seitenumbruch Weiterlesen Editoren CodeMirror Keine TinyMCE Extension Joomla! Suche (Search) System Sprachen Filter P3P-Richtlinien Cache Debug Log Umleitung Erinnerung SEF Abmelden Benutzer Profile Kontakterstellung Joomla! Mehrsprachige Websites Joomla!-Sprachpakete Einstellungen der Inhaltssprachen Sprachen Filter-Plugin Das Sprachauswahl-Modul Mehrsprachige Inhaltselemente Eine mehrsprachige Website Startseite Ein Blog Eine»Über uns«-seite Ein Kontaktformular Anmeldeformular Benutzermenü

9 inhaltsverzeichnis 16 Mit Templates arbeiten Ihr eigener Style Vorhandene Templates anpassen Overrides Template Overrides Alternative Layouts Angie Radtke über ihre Beez-Templates XHTML versus HTML Barrierefreiheit Gestaltung wählbar Position der Navigationsspalte Barrierefreie Tabs Implementierung innerhalb des Templates Ausblendbare Module und Seitenbereiche Ausblendbare Module Ein eigenes Template, basierend auf Atomic Die Haupt-Template-Datei index.php CSS-Ordner Das Blueprint-Framework Suchmaschinen optimierung Wie kommt Ihre Seite in den Suchindex? Helfen Sie Ihrem Roboter Meine Meinung Upgrade von Joomla! 1.5 auf Joomla! Automatisches Upgrade Schritt 1: Backup Schritt 2: Lokale Kopie Ihrer Website erstellen Schritt 3: Upgrade-Komponente Sprachdateien Template Meine Erfahrung und noch ein paar Links A Anhang A.1 Community A.2 Dokumentation A.3 Sicherheits-Checkliste A.4 Joomla!-Erweiterungen A.5 Joomla!-Templates

10 inhaltsverzeichnis A.6 Veranstaltungen A.7 Die Zukunft A.8 Training A.9 Business Support A.10 Hosting A.11 Zertifikate Stichwortverzeichnis

11 1. Einleitung 1.1 Was ist Joomla!? Joomla! ist ein freies Softwarepaket zum Erstellen von Websites. Es ist ein Open Source-Projekt, das wie die meisten Open Source-Projekte ständig in Bewegung ist. Es ist unberechenbar, manchmal unbeschreiblich, teilweise umstritten, manchmal sehr sexy, machmal ein wenig verschlafen und provinziell. Trotzdem, oder gerade deswegen, ist es seit nunmehr fünf Jahren extrem erfolgreich und beliebt bei Millionen von Anwendern weltweit. Das Wort»Joomla«ist vom aus der afrikanischen Sprache Suaheli stammenden Wort»Jumla«abgeleitet und bedeutet»alle zusammen«. Das Projekt»Joomla!«ist das zu Software gewordene Ergebnis einer heftigen Auseinandersetzung der im August 2005 gegründeten Mambo Foundation mit ihrem damaligen Entwicklerteam. Joomla! ist eine Weiterentwicklung des erfolgreichen Systems Mambo. Joomla! wird auf der ganzen Welt für einfache Homepages bis hin zu aufwendigen Unternehmens- Websites genutzt. Es ist einfach zu installieren, einfach zu verwalten und sehr verlässlich. Das Joomla!-Team hat sich in den letzten fünf Jahren immer wieder organisiert und umorganisiert. Es hat von Joomla! 1.0 bis zur Version weiterentwickelt und im September 2009 offiziell eingestellt. von 2005 bis heute Joomla 1.5 entwickelt, im Januar 2008 als stabile Version vorgestellt und heute (Januar 2011) zur Version weiterentwickelt von 2008 bis heute Joomla 1.6 entwickelt. Die stabile Version wurde im Januar 2011 vorgestellt. Für die Benutzer des Systems gilt das in ähnlichem Maße. Viele sind mit ihrer Website von Mambo zu Joomla! gewechselt und haben über die Jahre viel gelernt. Sehr viele Nutzer sind auch ganz neu in den letzten Jahren dazugekommen, und es gibt immer noch Menschen auf der Welt, die das System nicht kennen. Zusammen mit Drupal und WordPress ist Joomla! das am weitesten verbreitete Open- Source-Web-Content-Management-System der Welt.

12 KAPITEL 1 Einleitung Abbildung 1.1: Google Trends weltweit Drupal, Joomla!, WordPress In Abbildung 1.1 liegen Joomla! und WordPress laut Google Trends weltweit beim Suchaufkommen etwa gleichauf. Nach beiden wird dreimal so häufig gesucht wie nach Drupal. Bei allen geht das Suchaufkommen allerdings seit Ende 2010 zurück. Es wurde also Zeit für Joomla!, dass die Version 1.6 in der stabilen Version veröffentlicht wird. Abbildung 1.2: Google Trends Deutschland Drupal, Joomla!, WordPress In Deutschland sind die Verhältnisse anders (Abbildung 1.2). Joomla! hat ein fast doppelt so großes Suchaufkommen wie WordPress und WordPress fast viermal so viel wie Drupal. 16

13 KAPITEL 1 Einleitung Hier noch ein paar Verhältnisse aus Google Trends für andere Länder (Tabelle 1.1). Land Drupal Joomla! WordPress Deutschland 1 6,8 3,8 Frankreich 1 6,4 3,5 Großbritannien 1 2,6 3,3 Italien 1 6,5 3,5 Spanien 1 3,9 3,6 Schweiz 1 9,2 3,1 USA 1 1,6 3 China 1 1,4 4,6 Tabelle 1.1: Google Trends Drupal, Joomla!, WordPress Es gibt große nationale Unterschiede bei der Verwendung von Content Management Systemen. In Deutschland beispielsweise spielt TYPO3 noch eine Rolle. Das Suchaufkommen ist etwa vergleichbar mit Joomla!. In den USA dagegen ist das Verhältnis zu Joomla! zu TYPO3 1,0 zu 0,01, also mehr oder weniger nicht messbar. Im Februar 2011 werden 2,7 % aller Websites im Internet mit Joomla! betrieben! Die Bandbreite von Joomla!-Websites reicht von sehr einfachen Homepages bis hin zu komplexen Geschäftsanwendungen und Projekten auf der Basis des Joomla! Frameworks. Was Joomla! so erfolgreich macht und wie Sie es ebenfalls nutzen können, werde ich in diesem Buch beschreiben. 1.2 Wer bin ich? Mein Name ist Hagen Graf, ich bin 46 Jahre alt, ich wohne in Fitou, Frankreich. Ich bin verheiratet mit meiner Traumfrau und habe vier Töchter. Meine Arbeit besteht aus Tätigkeiten wie Unterrichten, Beraten, Zuhören, Ausprobieren, Programmieren, Strukturen verstehen, neue Anwendungen entwickeln, Hinterfragen und immer wieder Ausprobieren. Meine Arbeit lässt sich eigentlich komplett online erledigen. Da die Kunden aber manchmal Vorbehalte gegen 100%-Online-Projekte haben, bin ich auch oft unterwegs. Unterwegs heißt, Kunden in verschiedenen Ländern, mit verschiedenen Sprachen und Kulturen. Lange Auto-, Bus- oder Bahnfahrten. Kurze bis sehr kurze Reaktionszeiten auf -Kundenanfragen, Facebook Nachrichten und Tweets. Diese Art des Arbeitens hat Auswirkungen auf das, was ich früher mal Büro nannte. Ich kann und muss heute von überall auf der Welt auf meinen Fundus von s, Bildern, Videos, Tweets und Dokumenten zugreifen können. Mein Büro befindet sich dort, wo ich bin. 17

14 KAPITEL 1 Einleitung 1.3 Wer sind Sie? Womit Sie genau arbeiten, weiß ich natürlich nicht, aber viele Menschen, mit denen ich zu tun habe, arbeiten so ähnlich wie ich. Manchmal ist man in einer Firmenhierarchie»verheddert«und würde gern anders arbeiten, kann oder darf es aus unterschiedlichsten Gründen allerdings nicht. Mitarbeiter aus größeren Firmen können da ein Lied von singen. Auch Ihre Erfahrungen mit Computern ähneln vermutlich meinen. Meistens fängt man mit einem älteren PC und einem Windows-System in der Schule oder zu Hause an und lernt dann aus Erfahrung die harte Realität aus Office-Anwendungen, Datenverlusten, fehlendem Speicherplatz, Festplatten-, Drucker- und Konfigurationsabenteuern kennen. Die wundersamen Zusammenhänge zwischen diesen Dingen werden mit der benutzerzentrierten Arbeitsweise des Web 2.0 oder der»mobilen Freiheit«im Smartphone-Bereich anders, aber nicht unbedingt einfacher. Wenn Sie nicht gerade Ihre Liebe zu diesen Dingen entdecken und mit Leidenschaft nachts an Ihrem Betriebssystem oder Telefon schrauben oder Ihre Fotos oder Musikstücke sortieren und von einem Gerät auf ein anderes befördern, dann sind Sie vermutlich genau wie ich einfach nur glücklich, wenn Ihr Gerät und Ihre Anwendung funktionieren und wenn Sie auf das Internet und Ihre Daten zugreifen und in Ruhe arbeiten können. Besonders wichtig ist dieses»funktionieren«, wenn Sie einen»home Office«-Arbeitsplatz Ihr Eigen nennen. Nicht funktionierende Soft- und Hardware können schnell einen Albtraum aus dieser Situation machen. Ich unterscheide die folgenden Nutzertypen Besucher: Sie besuchen die Website und es ist Ihnen völlig egal, mit welchem System diese Website erstellt wurde. Benutzer: Sie benutzen die Website. Sie erstellen Inhalte in vorgegebenen Abläufen. Website-Designer: Sie installieren die Joomla!-Website auf einem Server, erstellen Kategorien, Inhalte, Menülinks und Module, konfigurieren Templates und Sprachen, sind Allrounder und meistens allein für eine Joomla!-Website verantwortlich. CSS-Designer: Sie arbeiten gern und oft ausschließlich mit Dateien, die die Endung.css haben. HTML-Designer: Sie geben den CSS-Designern die Möglichkeiten, die sie für Ihre Arbeit benötigen. In Joomla! erstellen Sie die sogenannten Template Overrides. Entwickler: Sie können mit den Programmiersprachen PHP und JavaScript umgehen und wollen sie auch benutzen. Sie erweitern den Joomla! Core um zusätzliche Funktionen. Architekten: Sie denken in Kategorien wie Sicherheit, Geschwindigkeit und Code Qualität. 18

15 KAPITEL 1 Einleitung Eine besondere Rolle in dieser Liste spielt der Website-Designer. Meist muss er alle anderen Rollen im Alleingang mit abdecken und ist entsprechend gefordert. An ihn oder sie denke ich oft, wenn ich dieses Buch schreibe. 1.4 Wie sieht unsere Software-Umgebung aus? Parallel zu den gerade beschriebenen Arbeitsabläufen wird Software entwickelt, die genau diese Art zu arbeiten unterstützt. Browserbasierte Anwendungen wie -Services, Online-Banking, Gruppenkalender, Dokumenten-Management-Systeme, Communities, Dating-Services, Online-Aukionen und natürlich die Web 2.0-Networking-Plattformen werden immer komfortabler, ausgefeilter und benutzerfreundlicher. Web ist noch immer ein Schlagwort. Das Potential ist noch lange nicht ausgereizt und verändert beispielsweise gerade den weltweiten Zeitungs- und Buchmarkt. Ich vermute, die deutsche Autoindustrie wird als Nächstes auf den Zug aufspringen. Tesla Motors 2 und Local Motors 3 sind in einer Internet-Welt entstanden. Tesla setzte auf die Startup-Kultur, Local Motors auf Open Source und Crowd Sourcing. Das Wort»Startup«existiert noch nicht in der deutschen Wikipedia (Stand ). Es findet sich aber ein Hinweis im Artikel über Unternehmensgründungen 4. Die Daten bereits etablierter Dienste wie YouTube (Videos), Flickr (Fotos), Twitter (Kurznachrichten) werden wie Rohstoffe weiterverarbeitet. Das Jahr 2011 wird auch das Jahr der ortsbezogenen Dienste (location based services). WO wurde mein Foto aufgenommen? WO das Video gedreht, WO getwittert und WO bin ich gerade? Aus dieser Information ergibt sich schnell ein WER ist außer mir noch an DIESEM Ort? Plötzlich greift dann für alle Beteiligten die Community-»Vernetzerei«und es existiert ein von anderen verwendbarer»virtueller Layer«oder»sozialer Graph«über mein Leben. Die kommerzielle Nutzung dieses sozialen Graphen wird gerade heftig diskutiert. An dieser Ecke komme ich langsam wieder zu Joomla! zurück. Die meisten der oben beschriebenen Dienste können durch Schnittstellen miteinander interagieren (Programmierschnittstellen, APIs) und natürlich auf Ihrer eigenen Website integriert werden. Bei Unternehmen wie Twitter spielen die Zugriffe auf diese Schnittstellen eine erheblich größere Rolle als die eigentliche Website. Mobiltelefone wachsen mit anderen mobilen Endgeräten zu Smartphones zusammen. Seit der Markteinführung des iphones und ipads werden diese Geräte ernsthaft wahrgenommen und verändern den Telefon- und Kommunikationsmarkt nachhaltig. Sie können heute auf Ihrem Smartphone Internetseiten aufrufen, Formulare ausfüllen und abschicken, s

16 Stichwortverzeichnis A Access Control List (ACL) 59 Alternative Layouts 177 B Beez Wai-Aria 183 Beispiele Banner schalten 134 Feed-Aggregator 141 Katalog- oder Buchstruktur 114 Kontaktformular 90 mehrsprachige Website 165 Nachrichtenmagazin 118 typischer Artikel 74 viele Kontakte 138 Benutzer Authentication 155 Benutzergruppen 124 Benutzerkonto 48 Berechtigungen 121 Googl 156 Konfiguration 122 LDAP 156 P3P 162 Profilfelder 124 Registrierung 121 Zugriffsebenen 127 Berechtigungen Zugriffsebene 121 C Content-Management-System Beiträge 53 Rollen 48 Template 49 Core Overrides 176 E Editoren CodeMirror 160 TinyMCE 161 Erweiterungen aktualisieren 131 installieren 131 verwalten 129 G Gruppen Zugriffsebene 121 I Inhalte Aufmachertext 79 Bewertung 159 eigener Style 174 Flash Uploader 89 Globale Konfiguration 101 Inhaltstypen 67 Medienverwaltung 86 mehrsprachige Inhaltselemente 168 Modulpositionen laden 158 Papierkorb 96 Text Filter 105 Weiterempfehlung 79 Installation Beispieldaten 44 Dateien 51 lokale Testumgebung 32 Produktivumgebung 33 J Joomla! 15 Community 197 Core 21 Lokalisierung 44 Mambo 15 Showcase 26 Sprachpakete 165 Upgrade 193 Veranstaltungen 198

17 Stichwortverzeichnis K Kategorien 54, 80 Layouts 83 Status 96 Komponenten Banner 133 Kontakte 138 Massenmail 149 Nachrichten 140 Newsfeeds 140 Suche 144 Umleitungen 146 Weblinks 148 Konfiguration Berechtigungen 104 Server 103 Suchmaschinenoptimierung 189 M Module Alternative Layouts 178 Check-Ins 96 Kontakterstellung 164 Modulklassensuffix 152 Profile 164 Sprachauswahl 153, 168 zeitgesteuertes Veröffentlichen 151 N Navigation Breadcrumbs 113 Menülink erstellen 72 P Plugins Legacy 63 Sprachen Filter 167 S Suchmaschinenoptimierung Web Crawler 189 T Template Overrides 177 Templates Administrator-Templates 110 anpassen 175 Atomic 185 barrierefreie Tabs 183 Beez 179 Blueprint-Framework 188 Overrides 173, 177 Positionen 109 Styles 112 Template Style 173 Wai-Aria 183 Template Style 173 W Web Crawler 189 Z Zugriffsebene 121 O Overrides Alternative Layouts 177 Template Overrides