Workshop I: Joomla! Templates

• Vorhandene Templates anpassen und das eigene Grundlayout entwickeln
  

  Mittlerweile werden tausende kostenlose und kommerzielle Templates angeboten. Diese entsprechen oftmals bis auf Kleinigkeiten schon den eigenen Ansprüchen. Wie aber lässt sich beispielsweise das eigene Logo integrieren? Welche Möglichkeiten gibt es, um Hintergrund- und Schriftfarben anzupassen?

  In Woche eins stellen Sie darüber hinaus die Weichen für Ihr zukünftiges Joomla! Template. Sie legen die Grundstruktur Ihres Templates fest und erfahren, welche Dateien Sie für das Template benötigen. Des weiteren stellen wir uns der Frage, wie Sie Ihr Template barrierefrei gestalten. Am Ende der Woche haben Sie das Grundlayout für Ihr Template aufgebaut.
  
  Wenn Sie nicht Ihr eigenes Grundlayout entwerfen, sich stattdessen ganz auf die Template-spezifischen Dinge konzentrieren wollen, können Sie auf zwei im Workshop bereitgestellte Grundlayouts zurückgreifen, die Sie für sich anpassen können (wahlweise mit PSD-Datei oder als HTML-CSS-Datei).

  Die Themenschwerpunkte dieser Woche sind:

  • Hier finden Sie Templates

  • Vorhandene Templates anpassen

  • Logos einfügen, Farben, Schriftart und -größe verändern

  • CSS-Zugriff über Selektoren

  • Das CSS-Konzept von Joomla!

  • CSS-Joomla!-Suffixe

  • Das eigene Template entwerfen

  • Barrierefreiheit

  • Das Beispiel-Template dieses Workshops vorgestellt

  • Unabdingbare Tools für Web-Entwickler

• Ihr Template-Dateien im Detail

  Das Grundlayout des Templates steht. Während man jetzt bei einer normalen HTML-Webseite gleich loslegen könnte, ist bei Joomla! noch einiges an Mehrarbeit nötig. Denn hier will geplant werden, was man später entwickeln will. Gerade bei einem Template gilt, dass eine gute Planung die halbe Miete ist. Deshalb werfen wir einen Blick auf die Template-Dateien von Joomla!, besonders auf das Herzstück aller Joomla!-Templates, die index.php.

  Die Themenschwerpunkte dieser Woche sind:

  • Die Template-Dateien und -Verzeichnisse

  • Details zur index.php

  • Module einbinden und gestalten

  • Das Template mit der templateDetails.xml beschreiben

• Ihr Joomla! Template gestalten

  Die grundlegenden Arbeiten am Template sind abgeschlossen. In Woche drei wenden wir uns dem Frontend zu. Damit sich dort was tut, müssen zunächst einmal Module und Komponenten geladen werden. Weiter geht es dann mit Template-Parametern und dem Ausblenden einzelner Layout-Spalten. Abgeschlossen wird der Themenkomplex mit den Menüstrukturen.

  Die Themenschwerpunkte dieser Woche sind:

  • Module und Komponenten laden

  • Mit flexiblen Modulen arbeiten

  • Template-Parameter einsetzen: Variable Farben und Template-Breiten über das Backend steuern

  • Switchen: Unterschiedliche CSS-Dateien laden

  • Spalten verstecken

  • Modul-Code verstecken

  • Menüs in Templates einbinden und formatieren: Horizontale, grafische und Split-Menüs

• Das fertige Joomla! Template

  In Woche vier machen Sie aus Ihrem Layout ein echtes Joomla! Template, geben ihm den letzten Feinschliff und machen es fit für den Einsatz im "real life". Los geht es aber mit dem Überschreiben der Core- also der Joomla!-Kern-Ausgabe. Am Anfang geht es aber darum, wie Sie wichtige Elements der Seite gestalten können. Dazu gehören die Beiträge, die Kategorien usw.

  Die Themenschwerpunkte dieser Woche sind:

  • Die Artikel, Blogs und Kategorien gestalten

  • Eine eigene Druckdatei

  • Die personalisieret 404-Fehlerseite

  • Template Overrides

  • Die Ausgabe der Module und Komponenten anpassen

  • Das eigene Favicon

  • Das Template packen und installieren

Workshop II: Joomla! für Fortgeschrittene

• Joomla!-Erweiterungen im Einsatz
  Vor der Installation einer Erweiterungen müssen Sie diese natürlich erst einmal haben. Genau darum geht es jetzt. Woher bekommt man die passenden Erweiterungen und was ist bei deren Auswahl zu beachten?
  In Woche eins erfahren Sie, wie

  • Joomla!-Erweiterungen funktionieren,

  • Sie gute Erweiterungen finden, installieren und Ihren Bedürfnissen anpassen und

  • die klassischen Fehler bei der Installation vermeiden.

• Joomla!-Site mit Standard-Applikationen erweitern
  Der modulare Aufbau des Joomla!-CMS ermöglicht Ihnen, das Basispaket recht einfach zu erweitern. Und dank der großen Community stehen auch für fast alle gängigen Standard-Applikationen entsprechende Erweiterungen ("Komponenten") zur Verfügung - viele sogar kostenlos. Besonders beliebt sind beispielsweise Formulare, Bildergalerien und Diskussionsforen. In dieser Woche erfahren Sie wie sie Ihre Joomla!-Site mit Standard-Applikationen erweitern:

  • Sie verschaffen sich einen Überblick über die beliebtesten und wichtigsten Komponenten für Foren, Bildergalerien und Diskussionsforen.

  • Sie installieren und konfigurieren ein Formular,

  • bauen Sie eine Bildergalerie in Ihre Workshop-Beispiel-Website ein

  • und integrieren ein Diskussionsforum.

  • Mit den entsprechenden CSS-Anweisungen passen Sie das Layout der neuen Applikationen an

  • und verlinken in zwei neuen Menüs auf verschiedene Kategorien der Bildergalerie und auf einzelne Themen des Diskussionsforums.

• Suchmaschinenoptimierung, Performance und Mehrspachigkeit
  Suchmaschinen-Optimierung, Google-Ranking und Google-Sitemaps sind die Themen der letzten Workshop-Woche:

  • Sie erhalten einen Überblick über die wichtigsten SEO-Erweiterungen zur Suchmaschinenoptimierung und die Erstellung von Sitemaps,

  • lernen die Vor- und Nachteile bei der Nutzung von SEO Erweiterungen kennen.

  • und erfahren, was auch ohne Komponenten geht.

  • Mit der SEO Erweiterung schreiben Sie die von Joomla! generierten URLs (www.meins.de/content/view/12/67) in "sprechende" URLs (www.meins.de/kontakt.html) um,

  • generieren die XML-Datei für eine Google-Sitemap, die Ihnen dabei hilft, dass Ihre Website von Google besser indiziert wird,

  Außerdem bauen Sie Mit JoomFish! Ihre Webseite mehrsprachig auf und erfahren, wie Sie Ihrer Joomla!-Site mehr Performance spendieren und für größere Sicherheit sorgen können.