Joomla! 3 in 10 einfachen Schritten - Cocoate

Joomla! 3 in 10 einfachen Schritten1. Was ist Joomla?Joomla! ist eine frei erhältliche Software zum Erstellen von Websites. Es ist ein Open-Source-Projekt,das, wie die meisten Open-Source-Projekte ständig in Bewegung ist. Es ist seit seit sieben Jahren extremerfolgreich und beliebt bei Millionen von Anwendern weltweit.Das Wort Joomla ist ein aus der afrikanischen Sprache Suaheli abgeleitetes Wort (Jumla) undbedeutet "alle zusammen".Das Projekt Joomla ist das zu Software gewordene Ergebnis einer heftigen Auseinandersetzung derim August 2005 gegründeten Mambo Foundation mit ihrem damaligen Entwicklerteam. Joomla ist eineWeiterentwicklung des erfolgreichen Systems Mambo. Joomla wird auf der ganzen Welt für einfacheHomepages bis hin zu aufwendigen Unternehmens-Websites genutzt. Es ist einfach zu installieren,einfach zu verwalten und sehr verlässlich.VERSIONSPLANJoomla Versionen sind entweder Standard Term oder Long Term Supported (STS und LTS). EinStandard Term Supported Release ist sieben Monate aktuell, ein Long Term Support Release 22Monate. Alle sechs Monate erscheint ein neues STS Release.Sie erkennen sie Long Term Support Releases an der .5 in der Versionsnummer.• Joomla 2.5 ist das aktuelle Long Term Support Release und wird von Joomla 3.5 im September 2013abgelöst.• Joomla 3.0 ist das aktuelle Standard Term Support Release und wird von Joomla 3.1 im März 2013abgelöst.• Joomla 3.1 wird das nächste Short Term Support Release von März 2013 bis September 2013werden.• Joomla 3.5 wird das nächste Long Term Support Release von September 2013 bis März 2015Long Term Releases werden für produktive Websites empfohlen.Standard Term Releases sind einerseits ein Spielplatz für Webdesigner und Entwickler UND derempfohlene Einstiegspunkt, wenn Sie Ihre Website komplett neu erstellen (Abbildung 1).Oct 12, 2012 Seite 6

Joomla! 3 in 10 einfachen SchrittenAbbildung 1: Joomla Versionsplan 2011-2014 (von Pawel Borowicz)WELCHE JOOMLA VERSION WIRD IN DIESEM BUCH BEHANDELT?Dieses Buch behandelt das Short Term Supported Release Joomla 3.0 vom September 2012.MUSS ICH MEINE ALTE WEBSITE UGRADEN?Normalerweise gibt es drei Szenarien:1. Wenn Ihre Website noch in der LTS Joomla 1.5 Version ist, wäre es eine gute Idee auf die LTSJoomla 2.5 Version zu wechseln oder mit einer frischen STS Joomla 3 Version zu beginnen und denUpdates in der 3.x Serie bis zum LTS Joomla 3.5 zu folgen.2. Wenn Sie bereits mit der LTS Joomla 2.5 arbeiten, gibt es keinen Grund zu wechseln. Wenn dienächste LTS Joomla 3.5 Version in September 2013 erscheint, wird es einen definierten UpgradePfad geben.3. Wenn Sie eine neue Website erstellen, dann ist es eine gute Idee mit der aktuellen Version STSJoomla 3.0 zu starten.WAS IST NEU IN JOOMLA 3.0?Zunächst mal gibt es sehr viele Verbesserungen hinter den Kulissen.Die wohl wichtigsten Änderungen für Webdesigner und Joomla Benutzer sind:• Joomla ist nun geeignet für mobile Endgeräte durch neue, responsive Templates. Ihre Joomla Websitewird in jedem Browser eines mobilen Gerätes gut aussehen! (Abbildung 2).Oct 12, 2012 Seite 7

Joomla! 3 in 10 einfachen Schritten• Joomla hat eine neue Benutzeroberfläche• Joomla nutzt die beliebte JavaScript Bibliothek jQuery• Der Webinstaller ist einfacher und benötigt nur noch drei Schritte• Sprachpakete können direkt aus dem Erweiterungen Menu installiert werden (Abbildung 3)• Der mit Joomla 2.5 eingeführte Suchindex (Smart Search) wurde erheblich verbessert• Der WYSIWYG Editor TinyMCE ist in einer neuen Version enthalten (3.5.6)Abbildung 2: Joomla! in einem MobilbrowserOct 12, 2012 Seite 8

Joomla! 3 in 10 einfachen SchrittenAbbildung 3: SprachpaketeEinige technische Änderungen, die nicht auf Anhieb sichtbar, aber sehr praktisch sind:• Beiträge können ohne Text erstellt werden.• Joomla wird mit einem PostgreSQL Treiber ausgeliefert. Sie können also Ihre Joomla 3.0 Websites miteiner PostgreSQL Datenbank betreiben.• Mit dem PHP Memcached Treiber kann die Geschwindigkeit von Joomla erheblich verbessert werden.• Für das Feed Management wird nun eine andere Bibliothek (JFeed) anstelle von SimplePie genutzt• Der gesamte Joomla Code wurde weiter aufgeräumt und nicht genutzter Code wurde entfernt.Dateien und Datenbanktabellen und -felder wurden weiter standardisiert.• Sehr viel Wert wurde auf Code Styles und konsistenten Code gelegt• Im CMS gab es erstmals Unittests (Tests von einzelnen Teilen mit definierten Schnittstellen)• Die System Tests im CMS wurden aktualisiertund vieles mehr.WAS KANN ICH MIT JOOMLA TUN?Alle Arten von dynamischen Websites können mit Joomla erstellt werden. Dynamische Websitesbesteht aus Seiten, die Text-, Bild-, Video- und Audioelemente enthalten können. Die einzelnen Seitenverändern sich sofort und automatisch nach vorgegebenen Kriterien. Nehmen Sie beispielsweise eineStartseite. Sie stellt die neuesten Startseitenbeiträge automatisch an den Anfang der Seite.Weil alle Websites dieser Welt auf gleichen Prinzipien beruhen können sie grob unterteilt werden in:Oct 12, 2012 Seite 9

Joomla! 3 in 10 einfachen SchrittenBlogs (Weblogs)Ein Blog ist ein öffentlich einsehbares Tagebuch oder Journal, in dem mindestens eine Person, derBlogger, Aufzeichnungen führt, Sachverhalte protokolliert oder Gedanken niederschreibt. Die neuestenEinträge erscheinen zuerst.Beispiel: http://www.joomlablogger.net/Abbildung 4: joomlablogger.netOct 12, 2012 Seite 10

Joomla! 3 in 10 einfachen SchrittenWebsites für den Aufbau einer MarkeEine Website deren Sinn der Aufbau einer Marke, einer Erfahrung oder eines gewünschten Imagessind. Diese Websites verkaufen normalerweise nichts, der Fokus liegt auf im Aufbau der Marke.Beispiel: http://www.ihop.com/Abbildung 5: ihop.comOct 12, 2012 Seite 11

Joomla! 3 in 10 einfachen SchrittenBroschüren WebsitesEine Broschüren Website enthält Informationen über eine Firma, deren Produkte und Servicesmittels Text, Bildern, Animationen, Audio- und Video Elementen.Beispiel: http://www.solesolutions.no/Abbildung 6: solesolutions.noOct 12, 2012 Seite 12

Joomla! 3 in 10 einfachen SchrittenCelebrity sitesHinweis: Eine Definition von Prominenz kann kompliziert sein :)Eine Website mit Informationen über den Prominenten. Diese Websites können offiziell im Namendes Prominenten oder von Fans erstellt werden.Beispiel: http://www.deep-purple.com/Abbildung 7: deep-purple.comOct 12, 2012 Seite 13

Joomla! 3 in 10 einfachen SchrittenCommunity WebsitesEine Website, auf der Benutzer mit gleichen Interessen miteinander kommunzieren.Beispiel: http://www.starvmax.com/communityAbbildung 8: starvmax.com/communityOct 12, 2012 Seite 14

Joomla! 3 in 10 einfachen SchritteneCommerce Websites/Online ShopsEine Website, auf der man Waren und/oder Services Online erwerben kann.Beispiel: http://regalosdecocina.com/Abbildung 9: regalosdecocina.comOct 12, 2012 Seite 15

Joomla! 3 in 10 einfachen SchrittenForenWebsites in denen Nutzer Themen diskutieren.Beispiel: http://www.sol.dk/debat/kategorierAbbildung 10: www.sol.dk/debat/kategorierOct 12, 2012 Seite 16

Joomla! 3 in 10 einfachen SchrittenGalerienEine Website für Foto- oder Kunstgalerien, mit und ohne kommerziellen Hintergrund.Beispiel: http://www.mb-photography.com/Abbildung 11: www.mb-photography.comOct 12, 2012 Seite 17

Joomla! 3 in 10 einfachen SchrittenRegierungswebsitesMehr als 3.000 Regierungswebsites auf der ganzen Welt werden mit Joomla betrieben.Beispiel: http://joomlagov.info/Abbildung 12: joomlagov.infoOct 12, 2012 Seite 18

Joomla! 3 in 10 einfachen SchrittenNachrichten WebsitesEine Nachrichten Website ist ähnlicher einer Informationswebsite, besteht aber zum grössten Teil ausNachrichten zu Politik und Kommentaren.Beispiel: http://www.aa.com.tr/Abbildung 13: www.aa.com.tr/Oct 12, 2012 Seite 19

Joomla! 3 in 10 einfachen SchrittenPersönliche WebsitesWebsites über eine Person oder eine kleine Gruppe, beispielsweise eine Familie, die so alles enthalten,was den einzelnen Leuten so einfällt.Beispiel: http://www.ilnono.it/it/Abbildung 14: hwww.ilnono.it600.000.000 WEBSITESHaben Sie sich schon mal gefragt, wieviele Websites es eigentlich weltweit gibt? (How Many WebsitesAre There in 2012?). Es sind unglaublich viele, aber niemand kann eine exakte Antwort auf diese Fragegeben.Wie Ihnen sicher aufgefallen ist, sind die gerade vorgestellt Beispielseiten nicht die ganz "grossenFische" im Netz aber sie erfüllen genau das, was sich Ihre Ersteller und deren Kunden von Ihnenversprechen. Das soll nicht heissen, dass Joomla nur für kleinere Websites geeignet ist, ich möchte nurdarauf hinweisen, dass die meisten Websites mit begrenzten Ressourcen in Sachen Zeit und Geld erstelltOct 12, 2012 Seite 20

Joomla! 3 in 10 einfachen Schrittenwerden und daher immer mehr Menschen Open Source Systeme wie Joomla, WordPress und Drupalbenutzen.Grössere Firmen wie Facebook, Flickr, YouTube, Google, Apple oder Microsoft benutzennormalerweise keine Open Source Content Management Systeme für ihre Hauptwebsites. Diese Firmenbeschäftigen meist tausende Programmierer, die hunderte verschiedener Websites erstellen. Dafürkombinieren sie neue Ideen mit bereits bestehenden Lösungen. Oft geht es dabei nicht um die Technik,sondern eher um unterschiedliche Geschäftsmodelle und Ideen.AMATEURE VS. PROFISDie oben genannten Website sind von Menschen erstellt, die ich in Amateure und Profis einteile:• Amateure sind an schnellen Ergebnissen interessiert. Sie wollen nicht zu tief hinter die Kulissenblicken, sie sind einfach zufrieden, wenn ihre Website irgendwie funktioniert.• Profis versuchen den Dingen auf den Grund zu gehen um ihren Kunden Lösungen anbieten zukönnen, die weiter optimierbar sind. Sie versuchen ihr Wissen und ihre Erfahrungen weiter zu gebenund ihr Geschäftsmodell basiert darauf.Sie können Joomla als Amateur und als Profi benutzen. Beide Gruppen kommen gut damit zurechtund oft werden aus Amateuren mit der Zeit Profis, die sich sich mehr und mehr für das Joomla CMSund die Joomla Platform darunter interessieren und sich in die Weiterentwicklung des Projektseinbringen.So, jetzt ist es der richtige Zeitpunkt für meinen einzigen Hinweis zu diesem Buch:“Ignorieren Sie einfach, wenn andere Leute Ihnen sagen, was Sie zu tun und zulassen haben. Verlassen Sie sich auf sich selbst und versuchen Sie das zu tun, wasIhnen gefällt“WAS SIND DIE GEMEINSAMKEITEN ALL DIESER WEBSITES?Auch wenn die erwähnten Website alle sehr unterschiedlich sind, so haben sie doch ein paarGemeinsamkeiten:• Alle dargestellten Inhalte bestehen aus Text, Bildern, Video und Audio• Sie haben ein individuelles Design, Layout und Farben. Individuell bedeutet nicht geschmackvoll oderkünstlerisch. Es bedeutet einfach “individuell” :)• Besucher interagieren auf der Website. Manchmal müssen sie dazu ein Benutzerkonto anlegen.• Die statischen Texte, und manchmal auch der Inhalt, sind oft in mehreren Sprachen verfügbar.Oct 12, 2012 Seite 21

Joomla! 3 in 10 einfachen SchrittenJOOMLA IST DER KLEBSTOFFAll diese Websites basieren auf den Ideen ihrer Ersteller und den wohl unendlichen Möglichkeitendes Joomla Content Management Systems. In diesem Buch möchte ich diese Gemeinsamkeitenbehandeln. Sie werden nach der Lektüre der nächsten neun Kapitel in der Lage sein, eine gutaussehende Website zu erstellen. Und sie entscheiden, ob sie das als Amateur oder Profi tun :)Oct 12, 2012 Seite 22

Joomla! 3 in 10 einfachen Schritten2. Joomla downloaden undinstallierenPanik …. wo soll ich was downloaden? Wo soll ich es installieren? Warum installieren? Wasinstallieren?Damit die lokale Installation auf Ihrem PC überhaupt möglich ist, benötigen Sie als Umgebung Ihr"eigenes Internet", bestehend aus einem Browser, einem Webserver, der PHP unterstützt, und einem vonJoomla! unterstützten Datenbanksystem. Man spricht in diesem Zusammenhang von einem LAMP-Stack und von einem Client-Server-System.So ein LAMP Stack ist eine Kombination verschiedener, aufeinander aufbauender und sich ergänzenderSoftware. Er besteht aus den folgenden Bestandteilen:• einem Betriebssystem (Linux, Windows, OSX)• einem Webserver (Apache, IIS)• einer Datenbank Server (MySQL, PostgreSQL)• der Skriptsprache (PHP)Sie können einen LAMP-Stack auf Ihrem PC daheim einrichten oder Sie können ihn bei einemHosting Provider in verschiedenen "Geschmacksrichtungen" mieten oder kaufen. DieMindestvoraussetzungen zum Betrieb von Joomla 3.x finden Sie in Tabelle 1.SoftwareMinimumPHP 5.3.1 +MySQL (InnoDB supportrequired)Apache (with mod_mysql,mod_xml, and mod_zlib5.1 +2.x + )Microsoft IIS 7Tabelle 1: Mindestvoraussetzungen für Joomla 3.xOct 12, 2012 Seite 23

Joomla! 3 in 10 einfachen SchrittenDa dieses Thema für alle PHP-basierten Systeme gleich ist, verweise ich auf das KapitelInstallationsvarianten PHP-basierter Systeme.Die Struktur eines “klassischen” LAMP Stack sieht aus wie in Abbildung 1.Abbildung 1: LAMP solution stack (graphic Wikipedia 1 )JOOMLA WEBINSTALLERLaden Sie sich Joomla 3 von joomla.org 2 und packen Sie die Dateien im DokumentenverzeichnisIhres Webservers (/htdocs) aus.Rufen Sie die URL http://localhost/ auf und die Installation kann beginnen.STOLPERSTEINE1http://en.wikipedia.org/wiki/LAMP_%28software_bundle%292http://www.joomla.org/download.htmlOct 12, 2012 Seite 24

Joomla! 3 in 10 einfachen SchrittenDieses Thema ist sehr komplex, da es mittlerweile eine unüberschaubare Anzahl von Anbietern und eine nochunüberschaubarere Kombination von installierten Webserver-, PHP-, MySQL-Versionen und Webspace-Verwaltungstoolsgibt. Knackpunkte bei der Installation sind oft:• Ein eventuell eingeschalteter Safe Mode bei PHP, der verhindert, dass Sie Dateien hochladen können• Beim Apache Webserver die "verbotene" Umschreibung von Pfaden, weil die sogenannte Apache Rewrite Engine(mod_rewrite) nicht aktiviert ist• Verzeichnisrechte unter Linux und OS X, die anders gesetzt werden als unter WindowsGrundsätzlich ist der einfachste Weg, der eigentlich immer funktioniert, folgender:• Laden Sie sich das aktuelle Dateipaket von Joomla.org auf Ihren heimischen PC, und packen Sie alles in einemtemporären Verzeichnis aus.• Laden Sie die gerade ausgepackten Dateien per FTP-Programm auf Ihren angemieteten Server bzw. in das VerzeichnisIhrer lokalen Installation. Die Dateien müssen im öffentlich zugänglichen Verzeichnis installiert werden. Meistens heißendiese Verzeichnisse htdocs, public_html oder nur html. Sie können, falls schon andere Installationen in diesem Verzeichnissind, innerhalb des Verzeichnisses ein Unterverzeichnis angeben, in das Sie Ihr Joomla! installieren. Viele Webhostererlauben, dass Sie Ihren angemieteten Domainnamen auf ein Verzeichnis linken.• Sie müssen herausbekommen, wie Ihre Datenbank heißt. Meistens sind eine oder auch mehrere Datenbanken in IhremWebhosting-Paket enthalten. Manchmal stehen Benutzername, Datenbankname und Passwort fest, manchmal müssen Siees erst einrichten. Dazu steht Ihnen meistens eine browser-basierte Konfigurationsoberfläche zur Verfügung. Sie benötigendie Datenbank-Zugangsdaten für den Webinstaller von Joomla!.Oct 12, 2012 Seite 25

Joomla! 3 in 10 einfachen SchrittenINSTALLATIONSPRÜFUNGDie Installationsprüfung checkt, ob Ihre Server Umgebung für die Installation von Joomla richtigkonfiguriert ist. Sie können die Installationssprache auswählen. Solange Sie rote Markierungen sehen, istIhr LAMP Stack nicht richtig konfiguriert und der Webinstaller weigert sich Joomla zu installieren. Jenach Umgebung kann es unterschiedliche Probleme geben. Der Joomla! Installer überprüft dieKonfigurationen des Webservers (in meinem Fall Apache), PHP und des Betriebssystems. Wenn Sie einUnix System (Linux, Mac OS X) benutzen, müssen Sie auf die Schreibberechtigungen 3 achten. Das giltunter anderem für die Datei configuration.php. Sie wird am Ende der Installation mit Ihrenindividuellen Werten erzeugt. Hat der Installer keine Schreibrechte im Ordner, kann Joomla! die Dateinicht erstellen, und die Installation schlägt fehl. Versuchen Sie in diesem Fall, die Rechte entsprechendzu konfigurieren, und klicken Sie auf den Button Prüfung wiederholen.Abbildung 2: Pre Installation Check3http://cocoate.com/de/node/3232Oct 12, 2012 Seite 26

Joomla! 3 in 10 einfachen SchrittenSCHRITT 1 – HAUPTKONFIGURATIONIn der Hauptkonfiguration können Sie eine Beschreibung für Ihre Website hinterlegen und denNamen des Administrators festlegen. Außerdem können Sie hier entscheiden, ob Ihre Website sofortonline ist oder angezeigt werden soll, dass sich diese Website im Umbau befindet. Diese Konfiguration istbesonders dann wichtig, wenn Sie Joomla in Ihrer produktiven Serverumgebung installiert haben(Abbildung 3).Abbildung 3: Installer - Main ConfigurationSCHRITT 2 – KONFIGURATION DER DATENBANKIm zweiten Schritt, Konfiguration der Datenbank, werden Ihre Datenbank-Parameter abgefragt(Abbildung 4). In der lokalen Serverumgebung können Sie beliebig viele Datenbanken anlegen undhaben einen MySQL-Benutzer mit dem Namen root. Der Benutzer root ist der MySQL-Administrator.Oct 12, 2012 Seite 27

Joomla! 3 in 10 einfachen SchrittenEr darf alles in einem MySQL-System. Das Passwort ist von Ihrer Serverumgebung abhängig (beiXAMPP 4 ist kein Passwort erforderlich, bei MAMP 5 lautet es ebenfalls root).Abbildung 4: Installer – Konfiguration der DatenbankTragen Sie bei einer lokalen Installation folgende Werte ein:• Computer Name: localhost• Benutzername: root• Passwort: [Das kennen nur Sie selbst.]Wählen Sie jetzt noch den Datenbanknamen aus. In einer produktiven Umgebung auf einemDatenbankserver bei einem Provider haben Sie vermutlich ein festes Kontingent von Datenbanken, unddie Datenbankzugangsdaten sind in der Regel vorgegeben.Wenn Sie root-Rechte auf dem MySQL-Server haben, können Sie den Namen einer Datenbankangeben, die noch nicht existiert. Joomla legt diese Datenbank dann an.4http://www.apachefriends.org/5http://www.mamp.info/Oct 12, 2012 Seite 28

Joomla! 3 in 10 einfachen SchrittenDieses MySQL-Tabellenpräfix ist eine praktische Sache. Vor jeden Tabellenamen, den derWebinstaller erzeugt, schreibt er den Text, den Sie in das entsprechende Feld eingeben. Standardmäßigschlägt der Webinstaller ein zufällig erstelltes Kürzel wie w02rs_ vor. Das hat einen einfachen Grund.Manchmal erhalten Sie bei einem Internetprovider nur eine MySQL-Datenbank. Wenn Sie nun zweiJoomla!-Seiten betreiben wollen, hätten Sie ein Problem, da Sie ja die Tabellen nicht voneinanderunterscheiden können. Durch das Tabellenpräfix ist es möglich, die Tabellen verschiedener Joomla-Installationen auseinanderzuhalten (w01mueller_ oder w02schulze_).In unserem Fall sollten Sie den Standard w02rs_ übernehmen. Das Präfix wird außerdem genutzt,um gesicherte Daten zu kennzeichnen (bak_), siehe oben.Oct 12, 2012 Seite 29

Joomla! 3 in 10 einfachen SchrittenSCHRITT 3 – ZUSAMMENFASSUNGIm dritten Schritt fasst Joomla Ihre Konfigurationseinstellungen zusammen und fragt, obBeispieldaten erstellt werden sollen (Abbildung 4).Abbildung 4: ZusammenfassungIn früheren Joomla Versionen war es nur möglich aus EINEM Satz Beispieldaten auszuwählen. MitJoomla 3 ist es möglich aus mehreren Beispieldatensätzen zu wählen. Das “Beispieldaten System” kanndazu benutzt werden, ein vorkonfiguriertes Seitenlayout einzustellen und Beispielinhalte für ein WeblogOct 12, 2012 Seite 30

Joomla! 3 in 10 einfachen Schritten(Abbildung 5), eine Broschüren Website (Prospekt) (Abbildung 6), eine "Joomla lernen" Version mit JoomlaTutorials (Abbildung 7) und die Standardinhalte (Abbildung 8).Abbildung 5: WeblogAbbildung 6: Broschüren/Prospekt WebsiteOct 12, 2012 Seite 31

Joomla! 3 in 10 einfachen SchrittenAbbildung 7: Joomla lernenAbbildung 8: StandardinhalteOct 12, 2012 Seite 32

Joomla! 3 in 10 einfachen SchrittenAbhängig von Ihre Bedürfnissen und Ihren Kenntnissen, sollten Sie die unterschiedlichenBeispieldatensätze ausprobieren.Leider ist es nicht möglich die Beispieldatensätze nach beendeter Installation zu tauschen.Es ist ebenso möglich Joomla ohne Beispieldaten zu installieren. Das “nackte Joomla” ist ein guterStart für Ihre Website, wenn Sie bereits Vorkenntnisse in Joomla haben.Ich wähle die nackte Variante ohne Beispieldaten als Basis für die folgenden Kapitel.Sie können den Kapiteln aber unabhängig von Ihrer Auswahl folgen.Wählen Sie also die gewünschten Beispieldaten aus und klicken den Installieren Button. Joomlaerstellt die Datenbank und konfiguriert die Website für Sie (Abbildung 9).Abbildung 9: Joomla ist installiertAus Sicherheitsgründen ist es notwendig den Installationsorder zu löschen. Klicken Sie denentsprechenden Button. Danach können Sie entweder auf Ihre Website oder in den AdministratorBereich verzweigen (/administrator). In meinem Fall sieht die Website aus wie in Abbildung 10. Website undAdminbereich sind in Englischer Sprache. Die Sprachauswahl bezog sich nur auf denInstallationsvorgang. Wir werden im nächsten Kapitel die richtige Sprache installieren.Oct 12, 2012 Seite 33

Joomla! 3 in 10 einfachen SchrittenAbbildung 10: Joomla Website ohne BeispieldatenDer Joomla Adminbereich kann aufgerufen werden über den URLhttp://example.com/administratorIm Anmeldebildschirm besteht die Möglichkeit einer Sprachauswahl (ebenfalls momentan nurEnglisch) (Abbildung 11) und nach der erfolgreichen Anmeldung sehen Sie den Verwaltungsbereich(Abbildung 12).Abbildung 11: AnmeldedialogOct 12, 2012 Seite 34

Joomla! 3 in 10 einfachen SchrittenAbbildung 12: KontrollzentrumOct 12, 2012 Seite 35

Joomla! 3 in 10 einfachen Schritten3. Joomla in Ihrer SpracheBisher sind Ihre Website und der Administrationsbereich (Kontrollzentrum) nur in British English(en_GB) verfügbar. Diese Sprache ist die Standardsprache von Joomla. Die Sprachauswahl, die imWebinstaller angeboten wurde, gilt nur für den Installationsprozess.Da Joomla oft in anderssprachigen Ländern genutzt wird, ist dieses Thema sehr wichtig.SPRACHENIn diesem ersten Schritt wollen wir Joomla für Ihre Sprache einrichten. Danach wird die Websitenicht in mehreren Sprachen, sondern nur in der von Ihnen gewünschten Sprache verfügbar sein.Der Sprachen Bereich (Erweiterungen → Sprachen) bietet vier Anzeigen:1. Installiert - SiteHier sehen Sie eine Liste von Sprachen, die auf Ihrer Website (Frontend) installiert sind. Sie könneneine davon als "Standard" auswählen. Die statischen Texte Ihrer Website werden danach in dieserSprache angezeigt (Abbildung 1)Abbildung 1: Sprache der Website2. Installiert - AdministratorHier sehen Sie eine Liste von Sprachen, die in ihrem Kontrollzentrum installiert sind. Sie könneneine davon als "Standard" wählen. Die statischen Texte des Kontrollzentrums werden danach in dieserSprache angezeigt (Abbildung 2).Oct 12, 2012 Seite 36

Joomla! 3 in 10 einfachen SchrittenAbbildung 2: Sprache des Kontrollzentrums3. InhaltHier können den Seitennamen, Metadatenoptionen und die sprachspezifischen Einstellungen fürjede Sprache festlegen (Abbildung 3).Abbildung 3: Einstellungen für eine einzelne Sprache4. OverridesSie können die statischen Sprachtexte überschreiben. Das ist sehr nützlich wenn Sie nur eineFormulierung oder ein paar Worte verändern wollen. Joomla speichert Sätze wie “Please login to view thearticle” in Variablen wie COM_CONTENT_ERROR_LOGIN_TO_VIEW_ARTICLE. Sie könnendiesen Satz ändern und auch nach einzelnen Worten suchen (Abbildung 4).Oct 12, 2012 Seite 37

Joomla! 3 in 10 einfachen SchrittenAbbildung 4: Überschreiben von SprachstringsEINE NEUE SPRACHE INSTALLIERENKlicken Sie auf den Install Language Button und Joomla leitet Sie zu Erweiterungen → Ertweiterungen→ Sprachen installieren. Sie sehen dort eine Auflistung verfügbarer Sprachen. Wählen Sie Ihre gewünschteSprache und klicken Sie den Install Button.(Abbildung 5).Abbildung 5: Verfügbare SprachpaketeOct 12, 2012 Seite 38

Joomla! 3 in 10 einfachen SchrittenNach der Installation der gewünschten Sprache müssen Sie zurück in die Sprachverwaltung gehen(Extensions → Language Manager) und diese Sprache als Standard für Frontend und Kontrollzentrumsetzen. Deaktivieren Sie English, und das wars.Abbildung 6: Control Panel in SpanishEine detaillierte Beschreibung, wie Sie eine mehrsprachige Umgebung realisieren, finden Sie indiesem Kapitel 6 und in diesem Screencast 7 . Beide basieren auf Joomla 1.7/2.5 aber das grundsätzlicheVerhalten in Joomla 3 ist genau gleich.6http://cocoate.com/de/j25de/mehrsprachigkeit7http://cocoate.com/de/screencast/de0016Oct 12, 2012 Seite 39

Joomla! 3 in 10 einfachen Schritten4. Design, Layout, FarbenDas Template ist eines der wichtigsten Bestandteile einer Website. Es sorgt für das Erscheinungsbild,das Design. Es macht neue Besucher neugierig und sorgt dafür, dass sie sich auf der Website umsehen.Ständige Nutzer Ihrer Website freuen sich ebenfalls über ein schönes und nützliches Design.Denken Sie einfach mal an andere Produkte. Ein Auto benötigt einen guten Motor und gute Reifen,aber einer der wichtigsten Gründe, ein Auto zu kaufen, ist oft das Design. Selbst wenn das Design nichtder Hauptgrund ist, so ist es doch oft ein Auslöser, um über andere Gründe nachzudenken, die für einenKauf sprechen. Wenn das Design gut ist, meinen viele, dass der Rest auch gut sein wird (vergleicheAbbildung 1 und Abbildung 2).Abbildung 1: Car with stickers (photo Richardmasoner 8 )Abbildung 2: Red car (FotoSleuth) 98http://www.flickr.com/photos/bike/2014028849http://www.flickr.com/photos/51811543@N08/4978639642Oct 12, 2012 Seite 40

Joomla! 3 in 10 einfachen SchrittenBeide Autos haben bestimmte Zielgruppen und stehen für unterschiedliche Ideen im DesignEIN PAAR DEFINITIONENIch möchte hier nur ein paar Begriffe näher erläutern um Sie ein wenig zum Nachdenken zubringen.Was ist Design?Das ist gar nicht so einfach zu erklären, weil der Begriff in unterschiedlichen Sprachen eineunterschiedliche Bedeutung hat, siehe auch Wikipedia 10 . Im angelsächsischen Sprachraum wird darunterverstanden:• Das Substantiv Design steht für einen Plan oder eine Zeichnung welches die Funktionen eines Objektsbeschreibt und/oder eine Vorschau darauf gibt. Design steht auch für den Vorgang bestimmte Zieleunter bestimmten Bedingungen bei Beachtung bestimmter Voraussetzungen zu erreichen.• Das Verb “to design” (designen) steht für den Vorgang ein Design in einer bestimmten Umgebung (inder der Designer arbeitet) zu erstellen.Der Begriff Design wird benutzt in• in der Kunst ("instinktiv", "eingebaut", "natürlich" und als Teil unseres "Sinns für die Richtigkeit"),• im Ingenieurswesen (Produkt Design eines neuen Autos)• in der Produktion (Planung und Ausführung)• in Prozessen (Geschäftsprozessoptimierung)Was ist ein Seitenlayout?Ein Seitenlayout ist ein Teilbereich von "Grafikdesign". Es handelt von der Anordnung und demErscheinungsbild von Elementen (Inhalte) auf Seiten. Um in Joomla Begriffen zu sprechen: Es geht umdie Anordnung von Joomla Modulen und Komponenten in vordefinierten Templatepositionen.Was sind Farben?Farbe ist eine individuelle, visuelle Wahrnehmung, die durch Licht, das in dem für das menschlicheAuge sichtbaren Bereich (rot, grün, gelb) liegt, hervorgerufen wird. Individuelle Farben haben oft aucheine kulturelle Bedeutung wie beispielsweise Nationale Farben (Flagge). Es gibt grosse Unterschiede inder Verwendung von Farben und deren Bedeutungen selbst innerhalb einer Kultur und zuunterschiedlichen Zeiten.10http://de.wikipedia.org/wiki/DesignOct 12, 2012 Seite 41

Joomla! 3 in 10 einfachen SchrittenHTML Farben 11 und CSS Farben 12 können 16 Millionen unterschiedliche Farbwerte darstellen. DieKombination aus Rot, Grün und Blau mit Intensitätswerten von 0 bis 255 ergibt diese 16 MillionenFarbwerte (256 x 256 x 256).Beispiel: Schwarz = Farbwert HEX #000000 = color RGB rgb(0,0,0)Tools wie der Color Scheme Designer 13 können bei der Auswahl der "richtigen" Farben für IhreWebsite sehr hilfreich sein (Abbildung 3).Abbildung 3: Color Scheme DesignerTEMPLATESEin Template beinhaltet sich wiederholende Elemente einer Website. Die Anordnung von Elementeninnerhalb eines Templates benötigt weniger Kenntnisse in Grafikdesign als vielmehr Kenntnisse über dieErstellung eines Templates (das Design des Templates). Templates werden genutzt, wenn nur minimaleAnpasssungen der Elemente des Hintergrunds und häufige Veränderung der Inhalte im Vordergrundstattfinden.WEBDESIGN11http://www.w3schools.com/html/html_colors.asp12http://www.w3schools.com/cssref/css_colors.asp13http://colorschemedesigner.com/Oct 12, 2012 Seite 42

Joomla! 3 in 10 einfachen SchrittenWebdesign umfasst die Gestaltung, den Aufbau und die Nutzerführung und das Interface-Designvon Websites. Der Webdesigner hat dabei die Aufgabe, die Kommunikationsziele des Auftraggebers mitHilfe der technischen Gegebenheiten umzusetzen.Webdesign ist also eine Art Handwerk und ein weit gefächertes Gebiet. Man benötigt vielerleiKenntnisse auf verschiedenen Gebieten, wie beispielsweise HTML, CSS, JavaScript, PHP,Bildbearbeitung und vieles andere mehr.Joomla! ist nur ein zusätzliches Werkzeug im grossen Baukasten eines Webdesigners.Ein gutes Joomla Template hat nicht nur mit Farben und Grafiken zu tun. Die Gestaltung undPositionierung der Inhalte ist mindestens genauso wichtig. Die Website muss benutzerfreundlich undverlässlich sein. Und genau diese Herausforderung erinnert mich wieder an die beiden Autos am Anfangdes Kapitels.Webdesign ist immer noch ein junger Beruf. Ein Webdesigner ist oft mit solchen Themen wielangsame Internetverbindungen, inkompatible Browser, unerfahrene Benutzer, die Inhalte erstellen undvielen anderen Dingen, die mit der Erstellung einer "guten" Website zu tun haben, konfrontiert. DieErstellung einer Joomla Website ist oft auch ein Vorgang, bei dem alle Beteiligten eine Menge lernen.Gutes Webdesign ist harte Arbeit! :-)Mit Joomla 3 wird eine Joomla User Interface library (JUI) mit dem Protostar Template eingeführt.Nachdem Sie Ihre Website in der gewünschten Sprache haben, wollen die meisten Leute etwas anden Farben verändern und ein Logo hochladen, auch wenn noch keine Inhalte vorhanden sind. Joomlaenthält vordefinierte Templates und sogenannte Templates Stiles. Ein Template Stil ist eine Sammlungvon Parametern (Farben, Logo, Layout) für das eigentliche Template. Die Möglichkeiten derKonfiguration hängen vom Template ab. Manche Templates bieten eine riesige Auswahl anEinstellungen, manche dagegen sind sehr limitiert.Sie können beliebig viele Stile zu einem Template erstellen und diese Stile auf unterschiedlichen SeitenIhrer Website nutzen.STRUKTURJoomla ist bekannt für seine Qualität und seine leichte Bedienbarkeit. Jede von Joomla erzeugteHTML Seite setzt sich zusammen aus der HTML Ausgabe einer Komponenten, beliebig vielenModulen und den statischen Elementen des Templates. Jede Seite ist erreichbar über einen eindeutigenURL. Nehmen Sie als Beispiel die Startseite. Die "Content" Komponente erzeugt die HTML Ausgabefür die Artikel in der Mitte der Seite. Der Screenshot basiert auf dem Joomla Beez Template (Abbildung4). Die Blöcke, die die Artikel umgeben sind unterschiedliche Module. Sie können die HTML Ausgabeeiner Komponente mit der HTML Ausgabe beliebig vieler Module kombinieren. Bestehende Modulekönnen auf mehreren Seiten genutzt werden.Oct 12, 2012 Seite 43

Joomla! 3 in 10 einfachen SchrittenAbbildung 4: Joomla! StartseitePOSITIONENSie müssen natürlich wissen an welchen Stellen Sie die Module positionieren können. Für diesenZweck gibt es in jedem Template sogenannte Positionien. Um sie sehen zu können, müssen Sie dieVorschau Modulpositionen freigeben (Erweiterungen → Templates → Optionen). Danach können Sie IhreWebsite mit dem Parameter tp=1 aufrufen (http://localhost/index.php?tp=1) oder auf den Vorschau(Preview)Link in Erweiterungen → Templates → Templates klicken (Abbildung 5).Oct 12, 2012 Seite 44

Joomla! 3 in 10 einfachen SchrittenAbbildung 5: Site TemplatesNun sehen Sie die hervorgehobenen Modulpositionen und Ihre Namen (Abbildung 6).Abbildung 6: Modulpositionen - Protostar TemplateOct 12, 2012 Seite 45

Joomla! 3 in 10 einfachen SchrittenIn Erweiterungen → Module können Sie diese Positionen jedem Modul zuweisen. Wenn Sie einModul an zwei Positionen benötigen, können Sie es kopieren.CORE TEMPLATESJoomla! enthält zwei Site Templates und zwei Administrator Templates. Sie sehen eine Vorschau inErweiterungen → Templates. Sie können die Anzeige von Site und Administrator Stilen über Bereich wählenfiltern (Abbildung 6 und Abbildung 7).Abbildung 7: Template Manager - Administrator TemplatesSTILEStile bieten die Möglichkeit unterschiedliche Versionen eines Templates zu erzeugen. Ein Templatebenötigt mindestens einen Stil. In diesem Stil können beispielsweise die Farben und das Logo verändertwerden. Probieren Sie einfach mal einen anderen Standard Stil für Ihre Website aus Erweiterungen →Templates → Stile.BEISPIEL: EIN INDIVIDUELLER STILLassen Sie uns einen eigenen Stil für die Website erzeugen:• Name: cocoate• Template Farbe: #f88638• Fluid LayoutOct 12, 2012 Seite 46

Joomla! 3 in 10 einfachen SchrittenSie können einen vorhandenen Stil kopieren. Für dieses Beispiel benutze ich das Protostar Template(Abbildung 8).Abbildung 8 - Stil kopierenVergeben Sie einen Namen und setzen Sie ihn als Standard für alle Sprachen. Falls Sie einmehrsprachiges Joomla erstellen, können Sie Stile pro Sprache nutzen (Abbildung 9)Abbildung 9 - Einstellungen in einem Template StilIm Optionen Tab können Sie die Template- und Hintergrundfarbe, sowie das Logo und denSchrifttyp setzen (Abbildung 10, Abbildung 11)Oct 12, 2012 Seite 47

Joomla! 3 in 10 einfachen SchrittenAbbildung 10 - Optionen Tab - StilAbbildung 11 - Hochladen eines LogosJeder Stil kann (und muss) einem Menüeintrag zugeordnet werden. Wenn Sie beispielsweise einengrünen Hintergrund auf Ihrer Website haben wollen, wenn die Besucher auf Menüeintrag A klicken,und einen blauen Hintergrund, wenn sie auf B klicken, können Sie das entsprechend zuweisen. Ich habehier nun einen Menüeintrag, da ich ja immer noch keinen Inhalt auf der Seite habe. Daher ordne ichden neuen Stil dem Home Link zu (Abbildung 12).Oct 12, 2012 Seite 48

Joomla! 3 in 10 einfachen SchrittenAbbildung 12 - MenüzugehörigkeitNach dem Speichern sieht auch die Website anders aus (Abbildung 13) und weil das ProtostarTemplate responsiv ist, wird es auch perfekt in einem Mobilbrowser angezeigt (Abbildung 14).Abbildung 13 - Website auf einem Desktop PCOct 12, 2012 Seite 49

Joomla! 3 in 10 einfachen SchrittenAbbildung 14 - Website in einem MobilbrowserÄNDERN SIE IHRE TEMPLATE DATEIEN ONLINEWenn Sie wissen, was Sie tun, können Sie Ihre Template Dateien online ändern. Ein Templatebesteht aus vielen Dateien und Sie können die zentralen Dateien direkt online ändern.Falls Sie beispielsweise das Protostar Template verändern wollen, gehen Sie zu Erweiterungen →Templates → Protostar Details und Dateien und klicken den Link zur gewünschten Datei.Oct 12, 2012 Seite 50

Joomla! 3 in 10 einfachen SchrittenAbbildung 15: Anpassen von TemplatesEs ist natürlich auch möglich, die Template Dateien in einem externen Editor zu verändernDie Templates finden Sie im /templates Ordner. Jedes Template hat seinen eigenen Ordner. Im /templates/systems Ordner finden Sie die Dateien für das Offline- und das Fehlerseitentemplate.Die Administrator Templates befinden sich im Ordner /administrator/templates.Oct 12, 2012 Seite 51

Joomla! 3 in 10 einfachen Schritten5. Es geht immer um Benutzer,Zugriffsrechte, Beiträge undModuleIch weiss, wir haben immer noch keine Inhalte auf unserer Website, aber lassen Sie uns trotzdemeinen Blick auf die Benutzerkonten unserer Joomla Site werfen.Als Sie Joomla installiert haben, haben Sie auch das Super Administrator Konto installiert. DieserBenutzer hat das Recht, alle Funktionen, die Ihre Joomla Site bietet, zu nutzen. Das ist einerseits sehrschön, andererseits aber auch gefährlich. Sie werden bestimmt mehr als ein Benutzerkonto auf IhrerWebsite benötigen, beispielsweise für Autoren, die Beiträge schreiben.Lassen Sie uns eine Plattform erstellen, auf der Autoren Beiträge erstellen und Bilder hochladenkönnen ohne dabei Zugriff zum Kontrollzentrum haben zu müssen. Folgen Sie einfach meinem Beispielund Sie lernen eine Menge über Joomla :)ÜBER BENUTZER, ROLLEN UND BERECHTIGUNGENBevor wir ins Thema einsteigen, ist es wichtig zu verstehen, dass• Benutzer sich normalerweise auf einer Website einloggen und, abhängig von ihren Berechtigungen,Zugang zum Kontrollzentrum haben können• ein Benutzer ein Mitglied in einer Benutzergruppe ist. Anstatt jedem Benutzer einzeln Rechtezuzuweisen, werden Rechte einer Grupe zugeordnet. Der einzelne Benutzer kann einer oder mehrerenGruppen zugehörig sein. Stellen Sie sich vor, Sie haben 10.000 Benutzer in vier verschiedenenGruppen. Es ist für den Administrator sehr einfach, die Berechtigungen der Gruppen zu ändern.Ohne Gruppen müßte er die Berechtigungen für jeden einzelnen Benutzer ändern. Gruppen machendie Administration von Berechtigungen also einfacher.Joomla wird standardmäßig mit vordefinierten Gruppen ausgeliefert, die einfach zu verstehen sind,wie beispielsweise Autoren oder Publisher.Ein Autor kann etwas schreiben/erstellen, ein Publisher hat die Erlaubnis Inhalte zu veröffentlichen.Oct 12, 2012 Seite 52

Joomla! 3 in 10 einfachen Schritten• Die vordefinierten Frontend Benutzergruppen sind Besucher, registrierte Benutzer, Autoren,Redakteure, Publisher• Die vordefinierten Benutzergruppen für den Administrationsbereich sind Manager, Administrator,SuperadministratorBEISPIEL: EINE WEBSITE AUF DER AUTOREN BEITRÄGE ERSTELLENKÖNNENDas Beispiel beschreibt einen sehr einfachen Arbeitsablauf aber er bildet oft die Basis für vieleexistierende Möglichkeiten in Joomla. Ich gehe davon aus, dass Sie ein “nacktes” Joomla ohneBeispieldaten installiert und ein Super Administrator Konto haben.Der Plan1. Admin Benutzer im Kontrollzentrum:- aktiviert die Informationsmail an Admins die nach der Erstellung eines neues Benutzerkontosgesendet wird- erstellt ein Menü für registrierte Benutzer mit einem Link Beitrag erstellen.2. Besucher auf der Website:- registriert ein neues Benutzkonto3. Admin Benutzer im Kontrollzentrum:- erhält eine Benachrichtigung und fügt den neuen Benutzer der Autorengruppe hinzu4. Autor auf der Website:- erstellt einen Beitrag (darf ihn aber nicht veröffentlichen)5. Admin Benutzer im Kontrollzentrum:- erhält eine Benachrichtigung über die Erstellung eines Beitrages- veröffentlichtlicht den Beitrag auf der Startseite1. Informationsmail an den Admin und das BenutzmenuRufen Sie Benutzer → Benutzer → Optionen und aktivieren Sie Informationsmail an den Admin(Abbildung 1).Oct 12, 2012 Seite 53

Joomla! 3 in 10 einfachen SchrittenAbbildung 1: Informationsmail an AdminsGehen Sie zu Menüs → Menüs und erstellen sie ein neues Menü:• Titel: User• Menütyp: user• Beschreibung: Ein Menü für Benutzer mit nützlichen LinksSpeichern & schliessen Sie es. Sie haben jetzt so eine Art Menücontainer erstellt. Was fehlt, sind sieeinzelnen Menülinks, die dann in dem Menü angezeigt werden sollen.Zuerst erstellen wir aber das Anzeigemodul für dieses Menü. Um es zu erstellen und zu verlinken,klicken Sie auf den link Ein Modul für diesen Menütyp hinzufügen (Abbildung 2)Oct 12, 2012 Seite 54

Joomla! 3 in 10 einfachen SchrittenAbbildung 2: Ein Modul hinzufügenIm Modulformular müssen Sie den Titel (Benutzermenü), die Position (Rechts im ProtostarTemplate) und die Zugriffsebene (Registered) füllen. Vergessen Sie nicht zu speichern (Abbildung 3).Abbildung 3: Erstellung des MenümodulsJetzt benötigen wir noch den “Beitrag erstellen” Link, der den Autoren in unserem Menü gezeigtwird. Gehen Sie zu Menüs → Benutzer → Neu (Abbildung 4)Oct 12, 2012 Seite 55

Joomla! 3 in 10 einfachen SchrittenAbbildung 4: Einen Link im Benutzermenü erstellenIn dem Formular müssen Sie nun den Namen/Beschreibung des Links (Menütitel) eingeben, einenMenütyp wählen (Abbildung 5) und den Zugriff auf registrierte Benutzer beschränken. Jede JoomlaKomponente kann Menütypen bereitstellen. Der von uns gewählte Menütyp (Beitrag erstellen) wird vonder Content Komponente, die Teil von Joomla ist, bereitgestellt.Abbildung 5: Menütyp wählenNachdem Sie den Dialog geschlossen haben, sollte der neue Menülink in der List auftauchen(Abbildung 6)Oct 12, 2012 Seite 56

Joomla! 3 in 10 einfachen SchrittenAbbildung 6: Benutzermenü mit neuem LinkTesten wir das alles mal! Melden Sie sich auf der Website (Frontend) mit Ihrem Super AdministratorKonto an. Nach erfolgreicher Anmeldung sollte unser neues Benutzermenü mit dem Link erscheinen(Abbildung 7).Abbildung 7: Benutzermenü nach der AnmeldungMelden Sie sich wieder ab.Oct 12, 2012 Seite 57

Joomla! 3 in 10 einfachen Schritten2. Registrierung eines neuen BenutzersNun erstellen wir ein neues Benutzerkonto. Bitte rufen Sie die Website als Besucher auf und klickenSie den Registrieren Link. Füllen Sie das Formular aus und klicken den Registrieren Button (Abbildung 8).Abbildung 8: Registrierung• Wenn ihr Server Stack das Senden von E-Mails erlaubt, sollte eine E-Mail an die Adresse desSuper Administrator Kontos gesendet worden sein.• Joomla bietet ein CAPTCHA um Spammer abzuschrecken. Um es zu benutzen, akivieren Sie dasCAPTCHA Plugin unter Erweiterungen → Plugins und wählen es in den Optionen derBenutzerverwaltung aus. Dort können Sie auch die grundsätzliche Vorgehensweise bei derBenutzeranmeldung einstellen.3. Zuordnung zur AutorengruppeMelden Sie sich im Kontrollzentrum als Super User an und gehen Sie zu Benutzer → Benutzer.Klicken Sie auf den Namen des neuen Benutzers (Toni Tester). Kreuzen die Author Gruppe im"zugewiesene Gruppen" Tab an (Abbildung 9).Oct 12, 2012 Seite 58

Joomla! 3 in 10 einfachen SchrittenAbbildung 9: Zuordnung einer Gruppe4. Unser neuer Autor erstellt einen BeitragMelden Sie sich mit dem neuen Benutzer auf der Website an und klicken Sie auf Beitrag erstellen.Vergeben Sie einen Titel, tippen Sie ein paar Worte Text ein und speichern Sie den Beitrag (Abbildung10).Abbildung 10: Beitrag erstellenOct 12, 2012 Seite 59

Joomla! 3 in 10 einfachen SchrittenDer Beitrag is gespeichert und "eingereicht" aber der Benutzer (Toni) kann ihn nicht sehen, weil ernoch nicht freigeschaltet worden ist. Ich habe das bewusst so konstruiert, weil oft eine andere Person alsder Autor den Beitrag veröffentlichen soll.Es wäre natürlich auch möglich, dem Benutzer Toni der Publisher Gruppe zuzuordnen - dann würdeder Beitrag gleich veröffentlicht werden.5. Der Admin veröffentlicht den Beitrag auf der StartseiteJoomla enthält ein kleines Nachrichtensystem. Es erzeugt eine Nachricht wenn neuer Inhalt erstelltwird. Abhängig von den Einstellungen (Komponenten → Nachrichten → Meine Einstellungen) erhält der Adminsolche Nachrichten per E-Mail oder als Bildschirmnachricht.Der Admin muss nun in Inhalt → Beiträge gehen und den Beitrag veröffentlichen. Wenn der Beitragauf der Startseite erscheinen soll, muss er auf Haupteintrag klicken (Abbildung 11, Abbildung 12).Abbildung 11: Publish an ArticleOct 12, 2012 Seite 60

Joomla! 3 in 10 einfachen SchrittenAbbildung 12: Featured ArticleVerbesserungen am AblaufWe Sie bereits bemerkt haben, sind in diesem Beispiel viele Elemente von Joomla enthalten. Siekönnen erheblich mehr einstellen, als wir das gerade getan haben. Es gibt bei den Berechtigungen,Optionen und Einstellungen eine Menge zu entdecken.Oct 12, 2012 Seite 61

Joomla! 3 in 10 einfachen Schritten6. Inhalt erstellenInhalt erstellen ist schwer! Jeder noch so kleine Inhalt hat, bzw. ist auch eine Geschichte. Und eineGeschichte kann gut und interessant oder nicht so gut und nicht so interessant sein und im schlimmstenFall die Leser langweilen. Tausende Bücher und noch mehr Menschen versuchen und versuchtenanderen Menschen das Thema “Wie schreibe ich eine Geschichte?” mehr oder weniger erfolgreichbeizubringen.Ich habe die relativ einfache Aufgabe den technischen Teil daran zu erklären :)WAS IST EIN BEITRAG IN JOOMLA?Technisch besteht ein Beitrag aus• einem Titel (Überschrift) und einem Alias (Kurz-URL)• einem Text (eine Mischung aus Buchstaben, Bildern und anderen Medien)• einer Kategorie, die dem Beitrag zugeordnet werden muss• einem Autor und einem Aliasnamen für den Autor (In diesem Fall meint Alias eher Pseudonym)• Zugriffsberechtigungen• der Sprache in der der Beitrag verfasst ist• Metadaten für Such- und andere Maschinen ("Roboter")und natürlich jeder Menge Einstellungen auf welche Art der Beitrag dargestellt werden soll.Sie haben bereits im letzten Kapitel einen Beitrag verfasst und es war nicht schwer. Nur ein Titelmuss eingegeben werden, alle anderen Einstellungen sind optional.Lassen Sie uns die Begriffe mal durchgehen :)Ein TitelEin kleiner, aber wichtiger Teil des Beitrages.• Er sollte kurz und knackig sein und Leser anziehen. Das ist auch hilfreich für Sie, weil der Titel invielen Listen im Kontrollzentrum auftaucht und je einprägsamer und kürzer er ist, desto einfacherfinden Sie sich zurecht.• Der Titel erscheint als Seitentitel im Kopf Ihres Browserfensters und kann dort auch den Seitennamenenthalten. Sie können das inSystem → Konfiguration → Site → Suchmaschinenoptimierung (SEO) → Seitenname auch im Titel einstellen.Oct 12, 2012 Seite 62

Joomla! 3 in 10 einfachen Schritten• Er kann in der URL dieser Seite enthalten sein und es liegt an Ihnen, wie Sie das konfigurierenSystem → Konfiguration → Site → Suchmaschinenoptimierung (SEO)Der TextIn Joomla enthält der Text einen Teil, der in Listen dargestellt wird (Aufmacher/Teaser) und denRest des Beitrags. Dieser Rest kann mit Seitenumbrüchen versehen werden, so dass Sie beispielsweiseeinen langen Text in 10 Seiten unterteilen können ... aber Stück für Stück :)Wenn Sie einen Beitrag erstellen, benutzen Sie einen Editor. Joomla nutzt einen sogenannten RichText Editor (TinyMCE 14 ). Es ist also für den Autor nicht notwenig, HTML Befehle zu können. DerEditor sieht wie eine Textverarbeitung auf dem PC (z.B. Microsoft Word, LibreOffice) aus und ist überdie Icons leicht zu verstehen und zu bedienen (Abbildung 1).Abbildung 1: WYSIWYG EditorWenn Sie mit der Maus über die Icons fahren, erscheint jeweils ein kleiner Hilfetext mit derFunktion dieses Icons!Hinweis:Es ist möglich andere Editoren zu installieren, beispielsweise den Joomla Content Editor und esist auch möglich gar keinen Editor zu benutzen. Joomla selbst kommt im Standard mit zweiEditoren und Sie können Ihren Standard Editor in System → Konfiguration → Site → Editoreinstellen.14http://www.tinymce.com/Oct 12, 2012 Seite 63

Joomla! 3 in 10 einfachen SchrittenDie Standard Einstellungen erlauben den Benutzern zwischen den verfügbaren Editoren zuwählen. Wenn Sie dieses Feature deaktivieren wollen, können Sie das unter Benutzer → Benutzer→ Optionen → Einstellungen im Frontent vornehmen.Kopieren aus WordDas Schlimmste, was beim Editieren passieren kann, ist, wenn jemand aus einer Textverarbeitungwie Microsoft Word etwas per Zwischenablage einfügt. Auch wenn die Situation besser wird - bis heutegibt es KEINEN ECHTEN WEG die gleichen Formate für die Website in HTML aus denBinärformaten (oder komplexem XML) einfach zu erzeugen. Der Editor bietet zwar eineReinigungsfunktion an (“Clean up messy code "- Icon), aber das filtert keine logischen Fehler oderUnterschiede im HTML Markup. Haben Sie das einfach im Hinterkopf, wenn Sie mit Ihren Nutzernsprechen :)Bilder einfügenUnter dem Editor befindet sich ein Button mit der Aufschrift Bild. Er bietet einen Dialog an, um ausexistierenden Bildern aus dem Joomla Medienbereich eins auszuwählen und in den Beitrag einzufügen.Sie können dort auch Bilder hochladen.• Sie können die Bilder in Inhalt → Medien verwalten• Sie können mehr als eine Datei hochladen, wenn Sie den Flash-Uploader aktivieren (Inhalt → Medien→ Optionen → Flash-Uploader aktivieren)• Joomla verändert keine Bildgrösse, seien Sie also vorsichtig mit grossen Fotos! Der beste Weg ist, dieBilder in der exakt richtigen Grösse (Pixel), so wie Sie sie auf der Website haben wollen, hochzuladen.Es gibt viele Erweiterungen, die sich dieses "Problems" annehmen. Auch das Twitter BootstrapFramework in Joomla 3, ist da sehr hilfreich (responsive images).Nachdem Sie ein Bild aus der Medienbibliothek eingefügt haben, können Sie dieses Bild mit Hilfedes Editors (Bild Icon) konfigurieren (Abbildung 2)Oct 12, 2012 Seite 64

Joomla! 3 in 10 einfachen SchrittenAbbildung 2: Editor benutzenVerweise auf andere BeiträgeDer Button Beiträge unter dem Editorfenster ermöglicht das Einfügen eines Links zu einem anderenBeitrag der Website. Diese Funktion ist sehr nützlich, da das auch funktioniert, wenn Sie in den Artikelnden Titel verändern.WeiterlesenBeiträge erscheinen in Listen und auf den Einzelseiten der Beiträge. In der Listanzeige sollte derInhalt begrenzt werden, weil zu viel Text einfach verwirrt. Durch den Weiterlesen Button unter demEditorfenster können Sie die Stelle festlegen, an der der Beitragstext begrenzt wird. Positionieren Sie denCursor an die entsprechende Stelle und klicken Sie den Weiterlesen Button (Abbildung 3).Oct 12, 2012 Seite 65

Joomla! 3 in 10 einfachen SchrittenAbbildung 3: Weiterlesen LinkEINBETTEN EINES YOUTUBE VIDEOSEs geht hier nicht nur um YouTube Videos, aber es ist ein gutes Beispiel für Text Filter. Wenn Sieversuchen ein YouTube Video mit dem typischen Codeeinzubetten, werden Sie feststellen, dass der Code vom Editor und von Joomla gefiltert wird. Das istkein Fehler! Das ist ein Feature :)Aus Sicherheitsgründen!• benutzt Joomla sogenannte Text Filter (System → Konfiguration → Text Filter) um die folgenden Tagszu entfernen: , , , , , , , , ,, , , , , , , , , , , und .• TinyMCE filtert ebenfalls ein paar Tags: , und Dummerweise müssen wir aber den Tag einfügen, sonst sieht man unser YouTube Videonicht.Also ... was tun?Oct 12, 2012 Seite 66

Joomla! 3 in 10 einfachen SchrittenEine mögliche Lösung wäre, Ihren Autoren zu vertrauen, eine eigene Blacklist (System → Konfiguration→ Text Filter) für die Autorengruppe anzulegen (Abbildung 4) und dann dem TinyMCE noch klarmachen,dass das Tag nicht mehr böse ist (Erweiterungen → Plugins → Editor-TinyMCE → Bearbeiten →Basisoptionen → Verbotene Elemente) in dem Sie das Wort iframe in den verbotenen Elementen löschen.Abbildung 4: Eigene Blacklist für die AutorengruppeNachdem Sie diesen Filter verändert haben ist es möglich, den Code des Videos in den Beitrageinzufügen. Denken Sie daran, dass Sie den Editor durch einen Klick auf das HTML Icon in denHTML Modus schalten. Danach erscheint ein Popup Fenster in das Sie den Code an die Stelle, an derdas Video erscheinen soll, einfügen können (Abbildung 5).Oct 12, 2012 Seite 67

Joomla! 3 in 10 einfachen SchrittenAbbildung 5: Einfügen von iframe Code in einen BeitragKlicken Sie den Update Button und nun sehen Sie das Video bereits in der Editor Vorschau. Nachdem Speichern wird es auch auf der Website erscheinen (Abbildung 6).Abbildung 6: Video in einem BeitragOct 12, 2012 Seite 68

Joomla! 3 in 10 einfachen SchrittenSie können auf diese Art Code aus zahlreichen Plattformen, wie Twitter, Facebook oder Flickreinbetten.Makros in einem TextEs ist möglich, sogenannte Makros in einem Text zu benutzen. Ein Makro ist ein Ausdruck oderBefehl, der später durch etwas anderes ersetzt wird, beispielsweise den korrekten YouTube Code.Theoretisch können Sie in den Beitragstext (nicht in der HTML Ansicht) etwas schreiben wie:[youtube = http://www.youtube.com/watch?v=rX372ZwXOEM]und irgendein "Zauber" könnte dies dann durch den folgenden Code ersetzenDas einzige Problem an unserem Zauber ist, dass das Joomla Standard Paket solcheTransformationsmöglichkeiten nicht mitbringt. Wenn Sie Makros wie diese benutzen wollen, müssen Siezusätzliche Erweiterungen installieren, meistens handelt es sich dabei um Plugins.Inhalt in einem Modul?Als wir den Beitrag erstellt haben, benutzten wir dazu die Inhaltskomponente von Joomla (ContentComponent). Eine weitere Möglichkeit zur Darstellung von Inhalten bieten Module.Ein Modul kann beliebig auf Ihrer Website im Rahmen der vorhandenen Positionen angezeigt werden.Ein Menü beispielsweise benötigt ein Modul in dem es angezeigt wird. Die Anmeldebox ist ebenfalls einModul. Sie können soviele Module wie Sie benötigen erstellen und positionieren. Joomla bringt bereits24 vordefinierte Module mit. Sie sehen die Liste, wenn Sie ein neues Modul anlegen Erwiterungen →Moduler → Neu (Abbildung 7).Oct 12, 2012 Seite 69

Joomla! 3 in 10 einfachen SchrittenAbbildung 7: Available ModulesAls wir den Beitrag erstellt haben, haben wir die Content Komponente von Joomla genutzt. Eineweitere Möglichkeit Inhalte zu erzeugen bieten Module.Ein Modul ist ein Inhaltselement das auf der Website positioniert werden kann. Ein Menübeispielsweise benötigt ein Modul, welches das Menü anzeigt. Der Kasten mit der Anmeldung istebenfalls ein Modul. Sie können so viele Module mit vordefinierten Funktionen erzeugen, wie Siebenötigen und auf den existierenden Template Positionen anzeigen. Joomla enthält 24 vordefinierteModule. Sie können sie mit einer kleinen Beschreibung unter Erweiterungen → Module → Neu (Abbildung7) sehen.Oct 12, 2012 Seite 70

Joomla! 3 in 10 einfachen SchrittenAbbildung 8: Verfügbare ModuleEs ist auch möglich ein Modul zu erstellen, dass HTML Text enthält, wie bei einem Beitrag (EigeneInhalte / Leeres Modul). Und es ist auch möglich, ein Hintergrundbild für ein Modul hochzuladen, dieVeröffentlichung von Inhalten zeitlich zu steuern u.v.m. Es ist allerdings nicht vorgesehen, dass Autorenmodifiziertes HTML in Modulen anlegen, das ist eher eine Manager bzw. Administrator Aufgabe.Abbildung 9: Sortieren von ModulenOct 12, 2012 Seite 71

Joomla! 3 in 10 einfachen SchrittenProbieren Sie einmal das Eigene Inhalte (Leeres Modul) Modul aus. Erstellen Sie ein solches Modul,fügen Sie Inhalte ein und positionieren Sie es. (Abbildung 9).Abbildung 10: Eigene Inhalte (Leeres Modul) Module im KontrollzentrumSie können den Editor und alle anderen Funktionen benutzen, um Texte zu schreiben, zuformatieren und zu erweitern. Sie können sogar einstellen, auf welcher Seite das Modul erscheinen soll(Tab Menüzuweisung) und auch, wann es erscheinen soll (zeitgesteuerte Freigabe). Nach dem Speichernerscheint Ihr modifiziertes HTML Modul auf Ihrer Website ( (Abbildung 10).Oct 12, 2012 Seite 72

Joomla! 3 in 10 einfachen Schritten7. Inhalt anzeigenNachdem Sie Inhalte erstellt haben, müssen Sie darüber nachdenken, wie diese Inhalte angezeigtwerden sollen. Das hört sich einfach an, ist aber sehr wichtig.Im letzten Kapitel haben wir einen Beitrag erstellt und diesen Beitrag zu einem Haupteintraggemacht. Haupteinträge werden auf der Startseite dargestellt und Besucher der Seite können dieseBeiträge sehen, ohne die Detailseite der Beiträge zu kennen.DIE STARTSEITEDie Startseite (Home) nutzt den Menütyp Hauptbeiträge. Wenn Sie das Main Menu in Menüs →Menüs aufrufen, haben Sie bestimmt das kleine “Haus” Symbol bemerkt. Es bedeutet, dass dieses Menüdie Startseite enthält (Abbildung 1).Abbildung 1: Main menu with Home linkSie haben zahlreiche Möglichkeiten das Erscheinungsbild der Startseite durch Bearbeiten des"Home" Link zu verändern. Der Hauptbeiträge Menütyp bietet beispielsweise Führende Beiträge,Einleitungsbeiträge, Anzahl der Spalten und Links. Um zu verstehen, wie sich diese Einstellungenauswirken, benötigen wir allerdings ein paar Beiträge. Für uns, in unserem Beispiel, ist die einfachste ArtOct 12, 2012 Seite 73

Joomla! 3 in 10 einfachen SchrittenBeiträge zu erhalten, vorhandene zu kopieren :) Es gibt mehrere Möglichkeiten im Speichern Dialogoder per Stapelverarbeitung. Wenn Sie mehrere Beiträge in einem Rutsch kopieren wollen, wählen Siedie Beiträge aus und klicken das Icon Stapelverarbeitung (Abbildung 2).Abbildung 2: Mehrere Beiträge per Stapelverarbeitung kopierenWenn Sie so vier bis fünf Beiträge auf der Startseite haben (denken Sie daran, sie als Hauptbeiträgezu kennzeichnen), können Sie die verschiedenen Einstellungen einfach ausprobieren.Rufen Sie Menüs → Main Menu → Home auf wählen Sie den Tab Erweiterte Optionen. In den Blog-Layout Optionen sehen Sie einen führenden Beitrag, drei Einleitungsbeiträge in drei Spalten (Abbildung3).Oct 12, 2012 Seite 74

Joomla! 3 in 10 einfachen SchrittenAbbildung 3: Layout im Home MenulinkAuf der Startseite selbst sieht es dann aus wie in Abbildung 4.Abbildung 4: Standard StartseiteOct 12, 2012 Seite 75

Joomla! 3 in 10 einfachen SchrittenKATEGORIEN UND MENÜLINKSJoomla bietet im wesentlichen zwei Möglichkeiten Inhalte zu strukturieren: Kategorien und direkteMenülinks. Jeder Beitrag muss eine Verbindung zu einer Kategorie haben. Kategorien könnengeschachtelt werden. Menülinks können auf einzelne Beiträge, Kategorien oder beispielsweise einenStatus wie die Anzeige der Hauptbeiträge auf der Startseite verweisen. Diese einfache, erweiterbareStruktur bietet interessante Möglichkeiten, Inhalte anzuzeigen.Wie Sie bereits wissen, enthalten die Templates von Joomla Positionen. Positionen sind Bereiche, indenen Inhalte und Navigationselemente plaziert werden können.Joomlas System zur Anzeige von Inhalten ist immer ein Zusammenspiel von Modulen und derAusgabe einer Komponente an vordefinierten Positionen.Jede Seite enthält genau eine Komponente und beliebig viele Module.• Kategorien können in Inhalt → Kategorien erstellt und gepflegt werden.• Menüs können unter Menüs erstellt, verwaltet und mit Menülinks gefüllt werden werden (Lesen Siedazu auch Es geht immer um Benutzer, Zugriffsrechte, Beiträge und Module)UND OBEN EINE NAVIGATIONEine leere Joomla Website hat das “Main Menu” an position-7 im Standard Template. Wir nutzen dasProtostar Template und dort befindet sich an der der position-7 die rechte Seitenleiste. Aber meistens solldas Menü doch horizontal, ganz oben angezeigt werden. Um das Problem zu lösen, gehen Sie inErweiterungen → Module → Main Menu und versetzen es an position-1. Im Tab Erweiterte Optionen fügen Sieim Menüklassensuffix “ nav-pills” hinzu (Achtung - der erste Buchstabe ist ein Leerzeichen!) (Abbildung 5).Abbildung 5: MenüklassensuffixOct 12, 2012 Seite 76

Joomla! 3 in 10 einfachen SchrittenDurch das Klasenzusatz wird HTML Code verändert und wenn alles gut geht, sollte die Anzeigeaussehen, wie in Abbildung 6.Abbildung 6: Navigation mit Main MenüBeiträge in Kategorien können in einer “Blogansicht” wie auf der Startseite oder als Tabelleangezeigt werden. Beide Arten sind hochkonfigurierbar. Probieren Sie einfach ein paar der angebotenenMenütypen aus.Mit diesen einfachen Strukturen lassen sich ansprechende Seitenlayouts erzeugen.Oct 12, 2012 Seite 77

Joomla! 3 in 10 einfachen Schritten8. ErweiterungenWie Sie im Komponenten Menü gesehen haben, enthält das Joomla 3 Paket viele Erweiterungen.Wir sind schon mit ein paar dieser Komponenten in Berührung gekommen und vermutlich machen Siesich keine Gedanken darum, welche Komponente Sie gerade benutzen, solange die genau das tut, wasSie erwarten. Als Administrator einer Joomla Website müssen Sie sich tiefer mit diesem Themabeschäftigen. Wir haben uns bereits mit der content Komponente beschäftigt, die es uns ermöglicht,Inhalte zu schreiben, Beiträge zu verwalten und in unterschiedlichen Formen auf der Websitedarzustellen. Die user Komponente verbindet Inhalte mit Benutzern, die category Komponente mitKategorien, etc.Im Menü Komponenten sehen Sie Banner, Joomla! Aktualisierung, Kontakte, Nachrichten, Newsfeeds, Suche,Suchindex, Umleitungen und Weblinks. Wir sehen uns diese Komponenten kurz an und werfen auch einenBlick auf die dazugehörenden Module und Plug-Ins. Da diese Komponenten genau wie in Joomla 2bedient werden, verweise ich jeweils auf eine detaillierte Beschreibung auf unserer Website.BANNERDie Banner-Komponente erlaubt es Ihnen, Werbebanner auf Ihrer Website zu schalten. Ein Bannerkann aus einer Grafik oder aus HTML-Code bestehen. Jedes Mal, wenn Ihre Seite aufgerufen wird, wirdein anderes Banner aus Ihrer Banner-Verwaltung angezeigt. Die Banner sind klickbar und verweisen aufdie URL Ihres Kunden. Die Banner-Komponente bietet Ihnen eine Kunden-, Kategorie- undBannerverwaltung sowie detaillierte Auswertungen.Lesen Sie eine detaillierte Beschreibung auf unserer Website 15 (Joomla 2.5)KONTAKTEJede Website benötigt ein Kontaktformular. Je nach Anbieter der Website benötigt man manchmaleins und manchmal mehrere dieser Formulare. Wenn Sie eine Website für eine Firma mit mehr als einerAbteilung erstellen, dann möchten Sie vielleicht für jede Abteilung ein eigenes Kontaktformularanbieten. Ähnlich verhält es sich bei mehreren Niederlassungen. Vielleicht wollen Sie ja auch einKontaktformular für jeden Angestellten oder jedes Benutzerkonto?Lesen Sie eine detaillierte Beschreibung auf unserer Website 16 (Joomla 2.5).JOOMLA UPDATE15http://cocoate.com/de/node/1049416http://cocoate.com/de/node/10499Oct 12, 2012 Seite 78

Joomla! 3 in 10 einfachen SchrittenHier können Sie festlegen, welchem Zweig der Joomla Entwicklung das Update System folgen soll.Sie können Langzeit und Kurzzeit Support, sowie weiteren, eher für Entwickler geeignete Einstellungenwählen.NACHRICHTENHinter der Komponente Nachrichten verbirgt sich ein privates Nachrichtensystem für Benutzer desBackends. Sie können Nachrichten mit anderen Benutzern austauschen, die die Berechtigung haben, aufden Administrationsbereich zuzugreifen.Das Programm ist sehr einfach zu benutzen. Allerdings vergessen Benutzer oft, dass sie dieMöglichkeit haben, persönliche Einstellungen zu setzen (Komponenten → Nachrichten → MeineEinstellungen). Wenn Sie wollen, verschickt das System bei jeder neuen Nachricht eine E-Mail an Sie,löscht Nachrichten automatisch nach x Tagen, und Sie können Ihr Eingangspostfach auch komplettverschließen.NEWSFEEDSFeeds sind wirklich praktisch. Man kann auf sehr einfache Art Nachrichten und andereInformationen abonnieren. Leider nutzen viele Leute Feeds aus unerfindlichen Gründen nicht. Vordreißig Jahren musste man eine Zeitung kaufen und lesen, um das "Neueste" zu erfahren. Vor fünfzehnJahren öffnete man seinen Browser und besuchte nacheinander Website um Website, um das "Neueste"zu erfahren. Heute kann man immer noch beide Möglichkeiten nutzen, aber es ist ebenso möglich,einen "News-Einsammler" oder Feed-Aggregator zu nutzen. Googles Reader 17 und die dynamischeLesezeichenzeile im Browser (z.B. Firefox) sind da recht beliebt. Die Joomla!-Newsfeeds-Komponente istauch so ein Aggregator. Sie ist nicht so raffiniert wie Googles Reader, aber durchaus nützlich.Mit der Newsfeed-Komponente können Sie Informationen von anderen Websites einsammeln.Heute, im Zeitalter der sozialen Medien, hat vermutlich jeder Dutzende von Benutzerkonten. Oftwerden Videos und Bilder auf youtube.com und flickr.com gespeichert. In Unternehmen ist die Lageunübersichtlicher. Überlegen Sie mal, wie viele Informationen in Form von Newsfeeds beispielsweiseüber ein Projekt wie Joomla! oder auch über Ihre Firma erhältlich sind.Lesen Sie eine detaillierte Beschreibung zur Komponente auf unserer Website 18 (Joomla 2.5)17http://www.google.com/reader18http://cocoate.com/de/node/10501Oct 12, 2012 Seite 79

Joomla! 3 in 10 einfachen SchrittenSUCHEDie Besucher Ihrer Website erwarten die Möglichkeit, die Website zu durchsuchen.Joomla! nutzt Volltextsuche. Volltextsuche bedeutet, dass Joomla! jeden Text, den Sie in das Suchfeldeingeben, in der Datenbank sucht.Das hört sich für die meisten Leute selbstverständlich an, ist es aber nicht. Viele Suchmaschinenerstellen zunächst einen Suchindex aus den Wörtern, die auf der Website verwendet werden. Bei derSuche wird dann dieser Suchindex durchsucht. Die Suchtreffer sind mit den eigentlichen Inhaltenverlinkt. Die Suchergebnisseite basiert auf den Treffern und den entsprechenden Links. Eineindexbasierte Suche ist schneller als eine Volltextsuche, aber der Suchindex muss bei jeder Änderung derWebsite aktualisiert werden, da der neue Inhalt sonst nicht gefunden wird. Um dieGeschwindigkeitsvorteile der indexbasierten Suche auszugleichen, ist die Joomla!-Suche hochgradigkonfigurierbar.Lesen Sie eine detaillierte Beschreibung auf unserer Website 19 (Joomla 2.5)SUCHINDEXDahinter verbirgt sich eine "smarte" Suchmaschine, die wesentlich flexibler und schneller als diebisherige Suche ist, und außerdem mit solch wunderbaren Funktionen wie Autovervollständigung undder "meinten Sie " Funktion (stemming) daherkommt.Stemming?Als Stemming bezeichnet man ein Verfahren, welches Varianten von Worten auf ihrengemeinsamen Grundstamm zurückführt. Mehr dazu in Wikipedia 20 .Das Joomla Core Paket beinhaltet einen Englisch Stemmer und einen sogenannten SnowballStemmer (Komponenten -> Suchindex -> Optionen). Der Englisch Stemmer ist sofort einsatzfähig, derSnowball stemmer braucht die Stem PHP Erweiterung und unterstützt 14 Sprachen: dänisch, deutsch,englisch, spanisch, finnisch, französisch, ungarisch, italienisch, norwegisch, niederländisch, portugiesisch,rumänisch, russisch und türkisch.Die Daten müssen indiziert werden damit die Suche schnell und flexibel funktioniert.Lesen Sie eine detaillierte Beschreibung auf unserer Website 21 (Joomla 2.5)UMLEITUNGEN19http://cocoate.com/de/node/1050320http://de.wikipedia.org/wiki/Stemming21http://cocoate.com/de/node/10504Oct 12, 2012 Seite 80

Joomla! 3 in 10 einfachen SchrittenDie Umleitungskomponente ist eine wundervolle Idee. Sie leitet einen Besucher Ihrer Website weiter,wenn ein Pfad hinter dem Domainnamen eingegeben wird, der nicht existiert. Es kann sein, dass dieserPfad einmal existierte, in den Suchindex einer Suchmaschine aufgenommen wurde oder auf eineranderen Website verlinkt wurde. Meistens taucht das Problem nach dem Relaunch einer Website auf.Die Umleitungskomponente ist sehr komfortabel. Wenn jemand einen nicht existierenden Pfadeingibt, zeigt Joomla! die "404 - nicht gefunden"-Seite an und erzeugt gleichzeitig einen neuen Eintrag inder Umleitungskomponente.Lesen Sie eine detaillierte Beschreibung auf unserer Website 22 (Joomla 2.5)WEBLINKSMit der Weblinks-Komponente können Sie eine Linkliste oder einen einfachen Download-Bereichauf Ihrer Website aufbauen. Joomla! bietet Ihnen dafür schachtelbare Kategorien und zählt die Klicksauf die einzelnen Links. Sie können beliebig viele Kategorien erstellen und miteinander verschachteln.Dann erstellen Sie Ihre Links und verbinden sie mit den entsprechenden Kategorien. Erstellen Sie einenMenüeintrag, wählen Sie das Layout aus, und stellen Sie die Optionen ein.Lesen Sie eine Beschreibung auf unserer Website 23 (Joomla 2.5)THIRD PARTY ERWEITERUNGENIm Joomla Extension Directory 24 finden Sie mehr als 10.000 Erweiterungen um Ihre Website mitzusätzlichen Features zu versehen.Mit dem Erweiterungs Manager (Erweiterungen → Erweiterungen) können Sie diese direkt aus demJoomla Kontrollzentrum installieren, aktualisieren und überprüfen.22http://cocoate.com/de/node/1050223http://cocoate.com/de/node/1050524http://extensions.joomla.org/Oct 12, 2012 Seite 81

Joomla! 3 in 10 einfachen SchrittenERWEITERUNGEN VERWALTENSie können Erweiterungen auf drei Arten installieren (Abbildung 1):Abbildung 1: Installing extensions1. Paketdatei hochladenWenn Sie eine Joomla Erweiterung als zip oder tar.gz Paket auf Ihren PC geladen haben, können Siesie hier hochladen und der Installer wird Sie automatisch installieren.2. Aus Verzeichnis installierenWenn Sie eine Erweiterung per FTP auf Ihrem Server geladen haben, können Sie diese Optionnutzen, um die Erweiterung zu entpacken und zu installieren.3. Von einer URL installierenWenn Sie die URL des Dateipaketes (zip, tar.gz) kennen, können Sie diese Option nutzen um dieentsprechende Erweiterung zu laden und anschliessend installieren zu lassen.Es gibt weitere Masken für das Aktualisieren und verwalten (aktivieren, deaktivieren) und für dieInstallation von Sprachpaketen.Der Überprüfen Dialog sucht nach Komponenten auf Ihrem Server, die nicht durch den normalenInstallation Prozess gelaufen sind, beispielsweise wenn Sie eine Erweiterung selbst erstellt, oder einvorhandenes Erweiterungspaket entpackt und per FTP geladen haben.Oct 12, 2012 Seite 82

Joomla! 3 in 10 einfachen Schritten9. Social Media und CloudComputingBeide Begriffe sind eng miteinandern verbunden. Soziale Netzwerke sind nicht wirklich möglichohne Cloud Computing und Cloud Computing wird immer sozialer :)SOZIALE MEDIENSoziale Medien dienen dem Austausch und der Zusammenarbeit. Sie haben dasKommunikationsverhalten von Organisationen, Gemeinschaften und Individuen in den letzten Jahrengrundlegend verändert.Abbildung 1: Soziale MedienOct 12, 2012 Seite 83

Joomla! 3 in 10 einfachen SchrittenIch vermute Sie haben ein Facebook und ein Google Konto. Vielleicht auch ein Konto bei Twitter,Flickr, Pinterest, Slideshare, LinkedIn, Vimeo und möglicherweise sogar noch mehr. Schauen Sie sichmal diese Präsentation 25 an um einem èberblick über die Services zu bekommen.Facebook bietet Facebook Pages für Unternehmen und Individuen, Google biete Google+ Pages fürUnternehmen und Individuen. Präsentationen können sie mit Slideshare, Fotos mit Flickr, Videos mitYouTube und Vimeo und Tweets natürlich mit Twitter verwalten. Alles diese Services bieten dieIntegration Ihrer Dienste/Daten im einfachsten Fall per iFrame an (Lesen Sie auch Kapitel 6 Inhalterstellen).Die meisten dieser Services sind eine Mischung aus sozialen Medien und dem Speichern vonDateien in einer Cloud. Alle Screenshots dieses Buches sind beispielsweise bei Flickr 26 gespeichert.Es gibt zwei Wege, auf Ihre Daten zuzugreifen. Der eine ist der “iFrame Weg” und der andere ist der“API Weg”. Eine API ist eine Programmierschnittstelle (Application Programming Interface) und viele ThirdParty Joomla Erweiterungen nutzen sie, beispielsweise die Facebook API, um eine Anmeldung auf IhrerWebsite mit dem Facebook Login zu ermöglichen. Das Joomla Core Paket enthält ein Plug-In mit demName Authentication - GMail (Erweiterungen → Plugins). Es bietet die Benutzeranmeldung auf Ihrer Websiteüber ein GMail/Googlemail Konto.Grundsätzlich glaube ich, dass es sinnvoll ist, Ihre eigenen Inhalte auf Ihrer "eigenen" Website zuerstellen und zu verwalten und sozialen Medien nutzen, um sich über diese Inhalte auszutauschen unddarauf hinzuweisen.25http://www.slideshare.net/hagengraf/social-media-1327837126http://www.flickr.com/photos/hagengraf/sets/72157631559834633Oct 12, 2012 Seite 84

Joomla! 3 in 10 einfachen SchrittenCLOUD COMPUTINGCloud computing bedeuted die Nutzung von Ressourcen (Hardware und Software) als Service überdas Internet. Der Name entstand aus dem Gebrauch eines Wolkensymbols um die Komplexität derdahinterliegenden Infrastruktur und deren Verfügbarkeit zu symbolisieren.Abbildung 2 - Cloud Computing - en.wikipedia.org/wiki/Cloud_computingSie können ebenfalls Cloud Lösungen nutzen um Joomla zu installieren bzw. zu hosten. Immer mehrHosting Firmen beginnen Joomla in der Cloud anzubieten.Ich glaube, dass Cloud Computing ein nützlicher Weg ist, um eine einfache, administrierbare"Content Basis" (Ihre Website) zu betreiben. Sie sollten sich allerdings vergewissern, ob die Möglichkeitbesteht, Ihre Inhalte auf einfache Art und Weise zu exportieren, falls Sie mal Ihren Cloud ComputingAnbieter wechseln wollen.Oct 12, 2012 Seite 85

Joomla! 3 in 10 einfachen Schritten10. Was sonst noch wichtig istDies ist ein kurzes Buch und die Idee dahinter war, in zehn Kapiteln den Umgang mit Joomla 3 zuerlernen.Jetzt sind wir im zehnten Kapitel angekommen und ich hoffe, Sie sind jetzt ein wenig vertrauter mitJoomla 3.Ich könnte noch viele weitere Kapitel über alle Details und die kleinen praktischen Dinge von Joomlahinzufügen, mache ich aber nicht :)Sie können alles mit Joomla! bauen. Schauen Sie sich einfach mal im Extension Directory 27 um underweitern Sie Ihre Joomla Website.Trotzdem, an dieser Stelle noch ein paar Hinweise:SUCHMASCHINENOPTIMIERUNGDie nächsten drei aufgeführten Punkte sind im Joomla Core Paket enthalten und Sie sollten daseinfach im Zusammenhang mit Suchmaschinen wissen:1. Joomla hat in der Konfiguration einen Bereich Suchmaschinenoptimierung (System → Konfiguration →Site).2. Sie können Metadaten für die gesamte Website und für jeden Beitrag festlegen. Die Metabeschreibungist eine Zusammenfassung des auf der Website und/oder des in dem entsprechenden Beitragenthaltenen Inhalts und diese Beschreibung wird von manchen Suchmaschinen als Suchergebnisangezeigt. Auch wenn diese Beschreibungen heute nicht mehr von allen Suchmaschinen für dasRanking herangezogen werden, halte ich es doch für sinnvoll auf diese Beschreibungen zu achten.Sie sollten nicht länger als 160 Zeichen sein (Beitrag → Metadatenoptionen).3. Die Umleitungskomponente (Komponenten → Umleitungen)Besucher, die einen veralteten Link eingeben auf eine "richtige" Seite Ihrer Website umzuleiten, gehtsehr einfach mit der Umleitungskomponente. Sie zeigt die Pfade an, die zu einer "Nicht gefunden"meldung führen. Sie können dann jeden "falschen" Pfad einen "richtigen" Pfad als Umleitunghinzufügen.UPDATEJoomla besitzt ein automatisches Update System. Schauen Sie in Erweiterungen → Erweiterungen→ Aktualisierung. Klicken Sie auf das Icon Aktualisierungen suchen und installieren Sie diese mit einemMausklick.27http://extensions.joomla.org/Oct 12, 2012 Seite 86

Joomla! 3 in 10 einfachen SchrittenSICHERN IHRER WEBSITE (BACKUP) UND WIEDERHERSTELLUNG(RESTORE)Sie lernen die Wichtigkeit eines Backups UND die Möglichkeit einer Wiederherstellung der Daten(Restore) schätzen, wenn Sie zum ersten Mal vom Datenverlust betroffen sind und Sie selbst oder IhrProvider haben ein backup vergessen. Je nach "Paranoiditätsgrad" sollten Sie eine Lösung wählen, die zuIhnen passt:• Ihr Provider bietet eine Backup und Restore Lösung an und Sie vertrauen ihm• Sie installieren eine Erweiterung wie Akeeba backup 28• Sie benutzen Ihre eigenen Backup LösungRESSOURCENDiese Bücher können Sie kostenlos in mehreren Sprachen als freies PDF herunterladen und/oderonline auf unserer Website lesen.• Joomla 2.5 - Ein Anfängerbuch 29• Joomla! Entwicklung - Ein Anfängerbuch 30• Mobile Websites mit Joomla 31Was gibt es sonst noch an Möglichkeiten etwas zu lernen und mit der Joomla Community in Kontaktzu kommen?CommunityJoomla! wird von einer weltweiten Community unterstützt. Wenn Ihnen die Idee gefällt, werden Sieein Teil dieser Community, und kommen Sie zu uns!• Werden Sie ein Mitglied bei http://community.joomla.org/.• Lesen Sie das Community-Magazin http://magazine.joomla.org/.• Vielleicht gibt es ja eine Joomla! User Group in Ihrer Nähe, die sie mal besuchen können. Schauen Sieunter http://community.joomla.org/user-groups.html nach.Wenn Sie keine User-Gruppe in Ihrer Stadt finden, gründen Sie doch eine!28http://www.akeebabackup.com/29http://cocoate.com/de/2012/02/joomla-25-ein-anfaengerbuch30http://cocoate.com/de/2012/02/joomla-entwickler-ein-anfaengerbuch31http://cocoate.com/de/2012/08/mobile-websites-mit-joomlaOct 12, 2012 Seite 87

Joomla! 3 in 10 einfachen Schritten• Twitter: http://twitter.com/joomla• Facebook Group: http://www.facebook.com/joomla• Flickr: http://www.flickr.com/groups/joomla/Dokumentationhttp://docs.joomla.org/Sicherheits-Checklistehttp://docs.joomla.org/Security_Checklist_1_-_Getting_StartedJoomla! Templates• Es gibt keinen zentralen Platz für freie Templates.• Es gibt keinen zentralen Platz für kommerzielle Templates.Aber egal, es gibt viele Template-Clubs und andere Designer, die Joomla!-Templates entwerfen.Suchen Sie einfach im Web, und Sie werden etwas Passendes für Ihre Zwecke finden.Events• Joomla! ist bekannt für seine Joomla!-Tage.Ein Joomla!-Tag ist eine ein- oder mehrtäge Veranstaltung, die von und für die Community organisiertwird.Eine Liste aller Joomla!-Tage finden Sie unter http://community.joomla.org/events.htm.• Es gibt eine internationale Joomla!-Konferenz in Europa mit dem Namen jandbeyond.Informationen dazu finden Sie unter http://jandbeyond.org/.• Im November 2012 findet die erste Joomla Weltkonferenz in San Jose, USA statt.Die ZukunftDie Community plant einen sechsmonatigen Release-Zyklus, basierend auf den Ideen, die imJoomla!-Ideen-Pool vorgeschlagen werden.Das nächste langfristige Release, Joomla! 3.5, wird im September 2013 erscheinen.Das Joomla!-Entwickler-Netzwerk (http://developer.joomla.org/) sucht immer Leute wie Sie. :-)Training und kommerzieller Supporthttp://resources.joomla.org/directory/support-services/training.htmlhttp://resources.joomla.org/http://cocoate.comOct 12, 2012 Seite 88

Joomla! 3 in 10 einfachen SchrittenMehr Bücher von cocoateJoomla! 2.5 - Ein AnfängerbuchJoomla! Entwicklung - Ein Anfängerbuchhttp://cocoate.com/de/publicationsMobile Websites mit Joomla!Oct 12, 2012 Seite 89

Joomla! 3 in 10 einfachen Schrittencocoate.com is the publisher of this book and an independent management consultancy, based inFrance and working internationally.Specialized in three areas – Consulting, Coaching and Teaching – cocoate.com develops web basedstrategies for process and project management and public relations; provides customized trainings foropen source content management systems Drupal, Joomla and WordPress, in the area of managementand leadership skills and develops educational projects with the focus on non-formal learning.The European educational projects focus on the promotion of lifelong learning with the goal ofsocial integration. Particular emphasis is placed on learning methods in order to learn how to learn, theconception and realization of cross-generational learning strategies and local community development.http://cocoate.comOct 12, 2012 Seite 90

Joomla! 3 in 10 einfachen SchrittenSpend your holidays in Southern FranceWe were captive to the charme of this old French village from the beginning and that's why we liveand work in Fitou. We restored an old village house into holiday apartments because we like to hostguests and share with them our love for this region.Fitou is situated in the South of France, between Perpignan and Narbonne and is a typical Frenchwine village having guarded the distinctive architectural village houses. The region around Fitou isknown for its wine and is as diverse as it can be, situated not too far from the Pyrenees (one hour drive)and Spain. The Mediterranean climate allows you to enjoy the freshness of the Mediterranean sea atone of the beautiful beaches enclosing the Étang from March until October, as Languedoc-Roussillon isthe sunniest area in France. The country of Cathar offers not only old castles and abbeys but also thehistorical Canal du Midi.Our apartments can be rented during the whole year. The apartments are part of an old traditionalstone house in the heart of Fitou. They have been carefully restored and modernized, respectingarchitectural aspects and conforming to the neighboring houses. Feel free to discover our apartments andthe region surrounding them!http://fimidi.comOct 12, 2012 Seite 91