Menue

Top-Menü ohne Beispieldaten erstellen

Hier fragen zwei Leser an, wie man ein Topmenü erstellt, wenn man keine Beispieldaten installiert hat.

Lösung:

  1. Neues Menü erstellen - (siehe Buchkapitel)
  2. Beim Erzeugen des Menüs wird automatisch ein Modul erzeugt
  3. Dieses Modul muß an die Stelle Top zugeordnet werden

Hier ist noch ein Video, das u.a. die Erstellung und Positionierung eines neuen Modul beschreibt:

http://joomla.cocoate.com/de/video/Neues-Modul-erstellen

07.04.01 ein weiterer Menülink

Buchkapitel zu diesem Video:

7.4 Neues Menü erzeugen

 

07.04 Neues Menü erzeugen

Lernen Sie, wie Sie ein neues Menü erzeugen, positionieren, benennen und einen ersten Link (Startseite) zuordnen.

Buchkapitel zu diesem Video:

7.4 Neues Menü erzeugen

 

16.3 Technische Umsetzung - Teil 1

Herr Bertrand will, solange seine Kinder mit dem Sammeln der Materialien unterwegs sind, schon mal die Struktur der Website vorbereiten.

16.3.1 Lokale Installation

Er installiert sich ein lokales Joomla! in einer XAMPP lite-Umgebung, wie in Kapitel 3 beschrieben. Diesmal nicht im Unterverzeichnis [PfadzuJoomla]/Joomla150, sondern im Unterverzeichnis [PfadzuJoomla]/bertrand.

Die Verbindungsdaten für den MySQL-Server sind:

  • Hostname: localhost
  • Benutzername: root
  • Passwort: kein Passwort (leer lassen)
  • Datenbankname: bertrand

Die Installation findet ohne Beispieldaten statt, da Herr Bertrand ja seine eigenen Inhalte einstellen will. Er lädt die Daten im sechsten Installationsschritt durch einen Klick auf den entsprechenden Button. Die Benutzerführung ist hier etwas missverständlich. Der Radio-Button neben der Schaltfläche Beispieldaten installieren ist standardmäßig aktiv. Ohne Klick auf den Button werden die Daten jedoch nicht installiert (Abbildung 16.3).

Joomla!-Installation – Konfiguration
Abbildung 16.3: Joomla!-Installation – Konfiguration

Er klickt auf den Button Weiter. Der Installer erzeugt ein »leeres« Joomla!. In der Fenstertitelleiste sieht er bereits den Namen Les Vins de Bertrands (Abbildung 16.4).

Website ohne Beispieldaten
Abbildung 16.4: Website ohne Beispieldaten

So ganz leer ist die Website noch nicht. Herr Bertrand wechselt jetzt in den Administrationsbereich in das Menü Erweiterungen - Module. Hier sieht er ein aktiviertes Modul mit dem Namen Main Menu (Abbildung 16.4).

Aktiviertes Modul
Abbildung 16.5: Aktiviertes Modul

Herr Bertrand stellt sich sofort die Frage »Hm, wo sind denn die ganzen anderen Systemmodule, wie beispielsweise das Login-Modul?«. Ein kurzer Klick auf das Icon New beruhigt ihn wieder. Hier können diese Module bei Bedarf erzeugt werden (Abbildung 16.6).

Neue Module erzeugen
Abbildung 16.6: Neue Module erzeugen

Spracheinstellungen

Herr Bertrand stellt die Sprache von Frontend und Backend auf Deutsch um, wie in Kapitel 4.1.1 auf Seite 87 beschrieben. Nach der Umstellung sind die statischen Texte auf der Website und im Administrationsbereich ins Deutsche übersetzt.

Die ersten Beiträge

Jetzt kommt die Struktur. Herr Bertrand möchte seine Nachrichten in Blogform auf der Startseite der Website haben. Er möchte zunächst drei Nachrichten anlegen, um zu sehen, wie es aussieht. Die Nachrichten müssen nicht kategorisiert werden. Er geht in das Menü Inhalt - Beiträge - Neu und legt drei Nachrichten an. Dort, wo der Weiterlesen-Link erscheinen soll, positioniert er den Cursor und klickt unter dem Editor auf den Button Weiterlesen. Eine rote Linie wird eingefügt. Bereich und Kategorie sind nicht kategorisiert, bei Frontpage kreuzt er Ja an (Abbildung 16.7).

Erstellen einer Nachricht
Abbildung 16.7: Erstellen einer Nachricht

Die drei Nachrichten (Beiträge) erscheinen auf der Website und im Menüpunkt Inhalt Startseite Beiträge. Herr Bertrand schaltet mal das Beez-Template unter Erweiterungen Templates ein (Abbildung 16.8).

Startseite mit drei Beiträgen in beez
Abbildung 16.8: Startseite mit drei Beiträgen in beez

Herr Bertrand möchte unter der Überschrift nur das Datum der Erstellung der Nachricht haben. Den Namen des Erstellers und das Aktualisierungsdatum möchte er ausblenden. Da er bis auf Weiteres der Einzige sein wird, der hier Beiträge einstellt, ändert er die Einstellungen im Menü Inhalt Beiträge Voreinstellungen im Feld Autoren-Namen und in den beiden Datumsfeldern darunter (Abbildung 16.9).

Konfiguration der Inhalte
Abbildung 16.9: Konfiguration der Inhalte

Die Startseite entspricht jetzt seinen Wünschen. Joomla! erstellt automatisch ein RSS-Newsfeed für diese Nachrichten und zeigt es im Internet Explorer ab der Version 7 und im Firefox-Browser im URL-Feld durch ein orangefarbenes Symbol an. Ein Klick auf dieses Symbol veranlasst Firefox, ein dynamisches Lesezeichen hinzuzufügen (Abbildung 16.10).

Einbinden eines Newsfeeds in Firefox
Abbildung 16.10: Einbinden eines Newsfeeds in Firefox

Immer wenn Herr Bertrand jetzt einen neuen Beitrag für die Startseite schreibt, taucht dieser Beitrag sofort in seinem Browser auf. Das funktioniert natürlich auch in beliebigen anderen Feedreader-Programmen. Mittlerweile setzt sich das Konzept der Feeds auch auf mobilen Geräten wie Telefonen und PDAs durch. Herr Bertrand hofft, dass viele Kunden seine Nachrichten abonnieren und dadurch auf seine Angebote aufmerksam werden (Abbildung 16.11).

Die Beiträge als Feed in der Lesezeichen-Symbolleiste
Abbildung 16.11: Die Beiträge als Feed in der Lesezeichen-Symbolleiste

Impressum

In Deutschland ist das Impressum aus rechtlichen Gründen sehr wichtig. Laut Telemediengesetz vom März 2007 muss es verschiedene Informationen enthalten. Dem Besucher der Website muss es möglich sein, zu erkennen, wer inhaltlich für die Website verantwortlich ist3.

Im Falle von Herrn Bertrand sieht ein Impressum folgendermaßen aus:

Verantwortlich für den Inhalt dieser Seite:

Fa. Bertrand
Musterstraße 1
12345 Musterhausen
Musterland
E-Mail: bertrand@cocoate.com
Telefon: 0123 4567-89

Da die Seite gewerblich genutzt wird, muss er auch die Umsatzsteuer-Identifikationsnummer angeben.4

Er legt wieder einen nicht kategorisierten Inhalt über das Menü Inhalt - Beiträge - Neu an. Dieses Mal veröffentlicht er ihn nicht auf der Frontpage. Der Link zum Impressum muss jetzt ins Main Menu. Herr Bertrand geht ins Menü Menüs - Main Menu - Neu. Der Menüeintragsassistent startet. Er wählt Beitrag Standard Beitrag Layout aus (Abbildung 16.12)

Ein Beitrag in das Menü bringen
Abbildung 16.12: Ein Beitrag in das Menü bringen

Herr Bertrand verzweigt in die Bearbeitungsmaske des neuen Menüeintrags, trägt den Namen des Links ein (Impressum) und muss jetzt noch in Menüeintrag Parameter den gewünschten Artikel auswählen (Abbildung 16.13).

Erstellung des Impressum-Links
Abbildung 16.13: Erstellung des Impressum-Links

Nach einem Klick auf den Button Auswahl erscheint ein Auswahlfenster mit allen Beiträgen (Abbildung 16.14).

Auswahl des Beitrages für den Menülink
Abbildung 16.14: Auswahl des Beitrages für den Menülink

Herr Bertrand klickt auf den Beitrag Impressum, das Auswahlfenster schließt sich, und der Menüeintrag ist komplett. Ein letzter Klick auf das Icon Speichern sorgt dafür, dass der Link auch im Menü landet. Jetzt muss Herr Bertrand noch darauf achten, dass der Link aktiviert ist (rotes Kreuz oder grüner Haken). Die Veröffentlichung bezieht sich hier auf den reinen Menülink, nicht auf den Beitrag. Mit den grünen Pfeiltasten kann der Link positioniert werden (Abbildung 16.15).

Impressum im Menübereich
Abbildung 16.15: Impressum im Menübereich

Auf der Website sieht es dann aus wie in Abbildung 16.16.

Impressum auf der Website
Abbildung 16.16: Impressum auf der Website

Herr Bertrand möchte jetzt noch den Erstellungstag und die Druck-, PDF- und E Mail-Icons ausblenden. Dazu ruft er erneut den Impressum-Beitrag auf (Inhalt - Beiträge - Impressum) und ändert in den erweiterten Parametern die Werte für das PDF-, E-Mail- und Druck-Icon auf Verstecken (Abbildung 16.17).

Feinheiten im Impressum
Abbildung 16.17: Feinheiten im Impressum

Jetzt ist das Impressum komplett, und Herr Bertrand macht sich an die Struktur der Menülinks für die restlichen Seiten.

16.3.2 Menü- und Linknamen ändern, Modul erstellen

Momentan gibt es ein Menü mit dem Namen Main Menu mit einem Link Home und einem Link Impressum. Außerdem möchte Herr Bertrand noch einen Login-Bereich haben.

Aus Main Menu soll Hauptmenü werden, das Login-Formular soll Anmeldung heißen, und aus Home soll Startseite werden. Herr Bertrand ändert die Bezeichnungen für das Main Menu im Menü - Erweiterungen - Module - Main Menu und dort im Feld Titel. Das Login-Formular muss erst erstellt werden (Erweiterungen - Module - Neu – Abbildung 16.18). Den Titel des Login-Formular-Moduls ändert er gleich bei der Erstellung auf Anmeldung.

Modul Anmeldung erstellen
Abbildung 16.18: Modul Anmeldung erstellen

Den Titel des Home-Links ändert er in Menüs - Main Menu - Home. Bei der Gelegenheit fällt ihm auf, dass auf der Startseite immer noch Welcome to the Frontpage steht. Diesen Text blendet er erst mal unter den Systemparametern aus.

16.3.3 Menüstruktur

Herr Bertrand möchte drei Menüs haben. Ein Hauptmenü, ein oberes horizontales Menü und ein Benutzermenü für angemeldete Benutzer.

Struktur Hauptmenü

Im Hauptmenü soll die gesamte Struktur der Seite sichtbar sein:

- Startseite - Nachrichten
- Die Weine - Allgemeiner Text
-- Weißwein - Produktbeschreibung mit Kaufmöglichkeit
-- Rotwein - Produktbeschreibung mit Kaufmöglichkeit
-- Roséwein - Produktbeschreibung mit Kaufmöglichkeit
- Terroir - Allgemeiner Text
-- Am Hang – Beschreibung mit Link zum Wein
-- Am Meer – Beschreibung mit Link zum Wein
-- In der Ebene – Beschreibung mit Link zum Wein
- Impressionen – Galerie-Komponente mit Bildern der Weinlese
- Angebote – spezielle Angebote im Benutzerbereich
- Kontakt
- Impressum

Struktur Oberes Menü

Das obere Menü soll einen schnellen Zugriff auf die vier Kernthemen geben. Wenn jemand im oberen Menü auf einen Link klickt, sollen sich im Hauptmenü die zu diesem Link gehörenden Links ebenfalls öffnen.

- Weine - Allgemeiner Text
- Terroir - Allgemeiner Text
- Impressionen – Galerie-Komponente mit Bildern der Weinlese
- Kontakt

Struktur Benutzermenü

Nach einer Benutzerregistrierung und dem erfolgreichen Anmelden über das Login-Modul sollen registrierte Benutzer die Möglichkeit haben, spezielle Angebote wahrzunehmen. Hinter der Registrierung steckt die Idee, langfristig einen näheren Kundenkontakt aufzubauen. Angezeigt werden soll eine regelmäßig aktualisierte Seite mit einem günstigen Weinangebot und einer Kaufmöglichkeit. Über den Link Download will Herr Bertrand registrierten Benutzern Zugriff auf seine eingescannten Dokumente geben.

- Angebote
- Download
- Abmelden

Anlegen der Texte und der Menülinks im Hauptmenü

Alle Texte bis auf das Kontaktformular und die Galerie sind zunächst nicht-kategorisierte Inhalte, die Herr Bertrand im Menü Inhalt - Beiträge anlegt. Er achtet darauf, dass die Inhalte nicht auf der Startseite (Frontpage) angezeigt werden. Alle Beiträge sollen die drei Icons PDF, E-Mail und Druck anzeigen, nicht aber das Erstellungsdatum.

Nachdem er alle Beiträge angelegt hat, wechselt er zur Erstellung der Menülinks. Um Weißwein, Rotwein und Roséwein auf die zweite Menüebene zu bekommen, muss als übergeordneter Eintrag Die Weine ausgewählt werden (Abbildung 16.19).

Links auf der zweiten Menüebene
Abbildung 16.19: Links auf der zweiten Menüebene

In Menüs - Main Menu sieht ein baumartiges Menü aus wie in Abbildung 16.20. Der Name Main Menu bleibt intern übrigens erhalten. Nur der Titel von Main Menu ist jetzt Hauptmenü.

Baumartige Struktur der Menüs
Abbildung 16.20: Baumartige Struktur der Menüs

Kontaktlink

Herr Bertrand möchte die in Joomla! integrierte Kontakt-Komponente für sein Kontaktformular benutzen. Er benötigt zunächst eine Kategorie mit dem Namen Fa. Bertrand, die er über den Menüpunkt Komponenten - Kontakt - Kategorien anlegt (Abbildung 16.21).

Neue Kontaktkategorie
Abbildung 16.21: Neue Kontaktkategorie

Im Reiter Kontakte legt er, wie in Kapitel 9.2 auf Seite 173 beschrieben, zunächst sich selbst als Kontakt an. Langfristig kommen hier vielleicht noch mehr Kontakte zusammen. Momentan sollte ein zentrales Formular ausreichen (Abbildung 16.22).

Neuer Kontakt
Abbildung 16.22: Neuer Kontakt

Jetzt fügt er noch den Kontaktlink in das Hauptmenü ein. Er klickt dazu auf Menüs - Main Menu - Neu. Im Menüeintragsassistent klickt Herr Bertrand auf Kontakte - Standard Kontakt Layout und landet in der Bearbeitungsmaske für den neuen Menüeintrag. Im Parameterbereich werden ihm jetzt die zur Verfügung stehenden Kontakte angezeigt. Momentan ist das natürlich nur er selbst. Er markiert seinen Namen und klickt auf das Icon Speichern (Abbildung 16.23).

Kontakt Menülink
Abbildung 16.23: Kontakt Menülink

Jetzt muss er in Menüs - Main Menu den Kontaktlink noch veröffentlichen und an der richtigen Stelle positionieren.

Auf der Website erscheinen jetzt hinter dem Link Kontakt die Daten von Herrn Bertrand und ein Formular, in das ein Besucher seine Frage schreiben kann.

Oberes Menü

Das Hauptmenü ist nun bis auf die Einbindung der Galerie-Komponente komplett. Jetzt erstellt sich Herr Bertrand ein »oberes Menü«. Im Menübereich wählt er Menüs aus und klickt auf das Icon Neu. Er nennt das neue Menü Top Menü (Abbildung 16.24).

Neues Menü erstellen
Abbildung 16.24: Neues Menü erstellen

Das Menü muss jetzt noch unter Erweiterungen Module auf die Position user3 gesetzt und aktiviert werden. Herr Bertrand muss keine Rücksicht auf den Titel nehmen, da dieser bei den horizontalen Menüs in der Regel nicht angezeigt wird (Abbildung 16.25).

Positionierung des neuen Menüs
Abbildung 16.25: Positionierung des neuen Menüs

Die gewünschten Links kann er sich aus dem Main Menu in das Top Menü kopieren. Er geht dazu auf Menüs - Main Menu, markiert die Links Die Weine, Terroir und Kontakt und klickt auf das Icon Kopieren (Abbildung 16.26).

Menüeinträge kopieren
Abbildung 16.26: Menüeinträge kopieren

Die Links wurden kopiert. Er schaut schnell auf die Website, um das Ergebnis zu überprüfen. Die Links sind richtig auf der Website angekommen und werden im oberen Menü angezeigt. Wenn sie angeklickt werden, wird auch der richtige Beitrag angezeigt. Im Hauptmenü öffnet sich jedoch nicht das entsprechende Untermenü. Beim Ausprobieren bemerkt er in der URL unterschiedliche Werte für die ItemID. Wenn er den Wert für die ItemID aus dem Hauptmenü nimmt und per Hand in der URL im Browser verändert, verhält sich der Link wie gewünscht, und die untergeordneten Links werden im Hauptmenü sichtbar.

Herr Bertrand überlegt eine Weile und beschließt, die Top Menu-Links als URLs zu realisieren. Er will die zwei Links zu Die Weine und Terroir aus dem Hauptmenü ins Top Menu bringen.

Dazu geht er auf Menüs - Top Menu - Die Weine und klickt in der Bearbeitungsmaske auf den Button Typ ändern und im darauf folgenden Menüeintragsassistent auf Externer Link (Abbildung 16.27).

Menüeintragstyp ändern
Abbildung 16.27: Menüeintragstyp ändern

Jetzt ist das Feld Link nicht mehr grau hinterlegt, sondern beschreibbar. Er fügt den entsprechenden Link ein. Bei Herrn Bertrand sind das für

  • die Weine der Link index.php?option=com_content&view=article&id=5&Itemid=4 und für
  • die Terroir der Link index.php?option=com_content&view=article&id=9&Itemid=8.

Vor index.php sollte kein / (Slash) stehen. In unserem Fall würde so das Dokumentenverzeichnis des Apache Webservers angesprochen, und die XAMPP lite-Startseite würde erscheinen. Ein relativer Link enthält nicht die vollständige Angabe des Links und wird immer in Ergänzung des jeweiligen Aufrufortes als Vervollständigung angesehen. Zieht man zum Beispiel einen Internetauftritt auf eine andere Domain um, stimmen alle relativen Links sofort wieder. Hätte man alle als absolute Links (mit Slash) geschrieben, müssten zuerst alle Links verändert werden. Die ItemIds können bei Ihnen natürlich andere Werte als bei Herrn Bertrand haben.

4 Genau genommen gibt es hier noch einige andere Pflichteinträge – aber das lesen Sie am besten unter http://de.wikipedia.org/wiki/Impressum#Impressum_im_Internet nach und entscheiden selbst, was für Sie zutrifft.

10.6 Menü Plugins

Man kann Plugins durchaus mit einer Joomla!-eigenen Scriptsprache vergleichen. Als wir mit dem TinyMCE-Editor gearbeitet haben, sind Sie bereits mit einem eingebauten Plugin in Berührung gekommen.

Plugins gehören immer einem bestimmten Typ an.

Momentan gibt es Plugins aus den Bereichen authentication, content, editors, editors-xtd, search, system und xmlrpc.

Im Plugins-Bereich können Sie die einzelnen Funktionalitäten aktivieren und deaktivieren (Abbildung 10.23). Plugins haben bis auf einzelne Ausnahmen wenige bis keine veränderbaren Einstellungen, da sie meistens für einen ganz speziellen Zweck programmiert und optimiert sind.

Erweiterungen - Plugins
Abbildung 10.23: Erweiterungen - Plugins

10.6.1 Authentication-Plugins

In Joomla! 1.5 können sich Benutzer über verschiedene Arten authentifizieren. Das hat den Vorteil, dass Ihre Benutzer sich die lästige Registrierung auf der Website ersparen können und sich keinen neuen Benutzernamen und kein neues Passwort merken müssen. Um die verschiedenen Authentifizierungen zu nutzen, müssen Sie die Plugins veröffentlichen.

Joomla

Die »normale« Authentifizierung nach einer vorherigen Registrierung auf der Website.

LDAP

LDAP ist ein Netzwerkprotokoll, das bei so genannten Verzeichnisdiensten zum Einsatz kommt. Es vermittelt die Kommunikation zwischen dem so genannten LDAP-Client (in unserem Falle der Joomla!-Website) und dem Verzeichnis, aus dem personenbezogene Daten ausgelesen werden. In Firmen sind LDAP-Verzeichnisse5 weit verbreitet, und so liegt es nahe, in einem Firmen-Intranet über diese Art der personenbezogenen Daten zuzugreifen.

Das LDAP-Plugin benötigt viele Parametereinstellungen und ist damit die Ausnahme von der Regel. Falls Sie LDAP einsetzen, sind die Parametereinstellungen vermutlich selbsterklärend.

OpenID

Die Idee von OpenID6 ist, dass sich Benutzer mit einem Benutzerkonto eines OpenID-Servers bei Ihrer Website anmelden können, ohne ein eigenes Benutzerkonto und Passwort zu besitzen. Je nach Ausrichtung Ihrer Website kann das ein großer Vorteil sein.

GMail

Google bietet mit dem Gmail-Service die Möglichkeit der Authentifizierung über die E-Mail-Adresse. Wenn der Benutzer ein Gmail-Konto hat, so kann er sich mit seinem Gmail- User bei Ihnen anmelden. Je nach Ausrichtung Ihrer Website kann das ein großer Vorteil sein.

10.6.2 Content-Plugins

Image

Dieses Plugin ist aus Kompatibilitätsgründen zu Joomla! 1.0.x enthalten. Es wertet den Befehl {mosimage} im Text eines Beitrages aus und zeigt dann das zugeordnete Bild an. Es gibt hartnäckige Verfechter dieser Art, Bilder einzustellen. Der entscheidende Vorteil ist, dass die Bilder leicht per Plugin bearbeitet werden können. In den Parametern können Sie den Außen- und den Innenabstand zu den Bildern einstellen.

Page Navigation

Das ist das Plugin, das die vor- und nächstes-Funktionalität unter den Beiträgen einblendet. Zur Benutzung muss es aktiviert sein.

SEF

SEF steht für Search Engine Friendly. Dieses Plugin erzeugt die suchmaschinenfreundlichen URLs für Inhaltselemente. Falls Sie das entsprechende Feature benutzen, muss dieses Plugin aktiviert sein.

Rating

Das ist das Plugin, das die Bewertungsleiste über den Inhalten erstellt. Zur Benutzung muss es aktiviert sein.

Email Cloaking

Dieses Plugin wandelt eine E-Mail-Adresse, die Sie in einem Inhaltselement in der Form name@example.com eingeben, in einen Link um und maskiert die E-Mail-Adresse mit JavaScript. Das hat den Vorteil, dass E-Mail-Adressen auf Ihrer Website nicht so einfach von E-Mail-Sammel-Programmen ausgelesen werden können.

GeSHi

Das GeSHI-Plugin formatiert wie das code-Plugin. GeSHI kann allerdings Syntax Highlighting und sorgt für eindrucksvolle Listings auf der Website, wenn Sie den zu formatierenden Quellcode in <pre> </pre> -Tags einbinden7 (Listing 10.1).

<pre> 
if ($zahl > 0){
echo $zahl;
}
else{
$zahl++;
}
</pre>

Listing 10.1: Einsatz des Plugins GeSHI

Load Module

Das Load Module-Plugin erlaubt es, Module innerhalb von Beiträgen zu laden. Aufgerufen wird es beispielsweise mit {loadposition user1}.

Pagebreak

Das Pagebreak-Plugin kümmert sich um Joomla! 1.0.x-Seitenumbrüche in Beiträgen. Es wird wie das Image-Plugin einfach in den Inhalt eingefügt. Außer einem einfachen Seitenumbruch können Sie auch verschiedene Überschriften und Seitentitel definieren. In Joomla! 1.5 übernimmt diese Arbeit der Seitenumbruch-Dialog (siehe Kapitel 8.2.2, Seite 159).

Syntax:

<hr title="Seitentitel" alt="Seitentitel"   class="system-pagebreak">

10.6.3 Editors-Plugins

No Editor

Dieses Plugin muss aktiviert sein, wenn Sie die textarea-Felder ohne Editor anbieten wollen.

TinyMCE 2.0

Dieses Plugin muss aktiviert sein, wenn Sie textarea-Felder mit dem TinyMCE 2.0-Editor anbieten wollen.

XStandard

Dieses Plugin muss aktiviert sein, wenn Sie textarea-Felder mit dem XStandard-Editor anbieten wollen (Siehe auch Kapitel 6, Seite 108/109)

10.6.4 Editors-xtd Plugins

Editor Button Image/Pagebreak/Readmore

Diese drei Plugins generieren die drei Buttons unterhalb des Editorfensters. Durch Klick auf diese Buttons startet der Bild einfügen-Dialog, der Seitenumbruch-Dialog und der Weiterlesen-Dialog.

10.6.5 Search-Plugins

Die Search-Plugins für Content, Weblinks, Contacts, Categories, Sections, Newsfeeds können nach Wunsch aktiviert werden. Sie beeinflussen die Suche des Search-Moduls. Um Suchergebnisse aus den entsprechenden Bereichen zu erhalten, müssen die Plugins aktiviert sein. Wenn Zusatzkomponenten durchsucht werden sollen, müssen entsprechende Plugins zur Verfügung stehen.

10.6.6 System-Plugins

Log

Dieses Plugin stellt das Systemlog zur Verfügung. Sie können den Ort, an dem sich die Logdatei befindet, beeinflussen (siehe Kapitel 6.4.2). In Listing 10.2 sehen sie ein Beispiel einer solchen Logdatei.

#Version: 1.0
#Date: 2008-07-01 23:39:56
#Fields: date time level c-ip status comment
#Software: Joomla! 1.5.4 Production/Stable [ Naiki ] 6-July-2008 22:00 GMT
2008-07-11 23:39:56 - 127.0.0.1 - stories/france
2008-07-12 12:00:12 - 127.0.0.1 FAILURE: Invalid password
2008-07-12 13:44:11 - 127.0.0.1 FAILURE: Invalid password

Listing 10.2: Logdatei

Debug

Hier wird die Debug-Funktionalität bereitgestellt (siehe Kapitel 6.4.2, Seite 118). Sie können in den Parametern konfigurieren, welche Informationen angezeigt werden sollen.

Legacy

Um dieses Plugin gab und gibt es mächtige Diskussionen. Es ist das Bindeglied zu Erweiterungen aus der Joomla! 1.0-Welt. Wenn dieses Plugin aktiviert ist, gestaltet sich eine Migration von Joomla! 1.0 auf Joomla! 1.5 erheblich einfacher.
Joomla! arbeitet dann in einem Kompatibilitätsmodus. Momentan verbraucht dieser Mode mehr Hauptspeicher.

Cache

Hier wird das Verhalten des Caches eingestellt. Sie können den Browser-Cache beim Client nutzen und die grundsätzliche Caching-Zeit in Minuten festlegen.

Remember Me

Hier handelt es sich um eine Methode, die Zugangsdaten lokal in einem Cookie zu speichern. Wenn man sich auf der Website wieder anmelden will, stehen die Daten bereits im Formular. Die Speicherung findet nur auf ausdrücklichen Wunsch nach Ankreuzen einer Checkbox statt.

Backlink

Dieses Plugin sorgt dafür, »alte« Joomla! 1.0-Links zu Inhalten korrekt in die Joomla! 1.5-Logik zu übersetzen.

10.6.7 User-Plugins

Joomla!

Dieses Plugin erzeugt nach der ersten erfolgreichen Authentifizierung einen Benutzer in den Datenbanktabellen.

10.6.8 xmlrpc-Plugins

Die XML-RPC-Schnittstelle ist eine Möglichkeit, Joomla! von »außen« zu bedienen.

XML_RPC_Joomla

Dieses Plugin ermöglicht die Steuerung von Joomla!-spezifischen Framework-Funktionen über die XML/RPC-Schnittstelle.

XML-RPC-Blogger API

Dieses Plugin ermöglicht das Einstellen von Inhalten von anderen Plattformen, beispielsweise Flickr-Fotos. Momentan wird die Blogger-Schnittstelle unterstützt. Viele Web 2.0-Plattformen setzen die MetaWeblog-API ein. Auch diese Erweiterung wird es in Joomla! 1.5 geben.8 Als Parameter können Sie für das Plugin den Bereich und die Kategorie auswählen, in die diese Beiträge eingestellt werden.

 

9.1 Banner

Die Bannerkomponente ermöglicht die Anzeige von Werbebannern auf Ihrer Website. Bannerschaltungen werden bei Joomla! auf der Basis von gekauften Bannereinblendungen (Impressions) abgerechnet. Ein Banner kann dabei eine Grafik oder ein Text sein. Ähnlich wie bei dem extrem erfolgreichen Google-Geschäftsmodell können jetzt auch in Joomla!-Websites Werbetextlinks verkauft werden. Jedes Mal, wenn sich Ihre Website aufbaut, werden andere Textlinks aus Ihrer Bannerverwaltung angezeigt. Jedes Anzeigen zählt als eine Einblendung. Der Textlink ist anklickbar und führt auf die Website des Werbekunden. Neben diesen Textlinks ist es auch weiterhin möglich, grafische Banner zu platzieren.

Die Komponente Banner bietet eine Kunden-, Kategorien- und eine Bannerverwaltung. Bei den grafischen Bannern werden oft so genannte Fullbanner geschaltet. Ein Fullbanner ist 468 x 60 Pixel groß und sollte eine Dateigröße von 20 Kbyte nicht wesentlich überschreiten. Das Format ist gif, jpg oder png.

Spielen wir mal eine der beiden Varianten einer Bannerschaltung durch. Erstellen oder kopieren Sie sich ein Banner in den Maßen 468 x 60 Pixel (Abbildung 9.1). Das nachfolgend eingesetzte Banner finden Sie auch auf der Buch-CD.

Testbanner mit 468 × 60 Pixel
Abbildung 9.1: Testbanner mit 468 × 60 Pixel

9.1.1 Kunden

Bevor Sie ein Banner schalten können, benötigen Sie einen Kunden. Klicken Sie auf Komponenten - Banner - Kunden - Neu, eröffnen Sie ein neues Kundenkonto und speichern Sie es mit einem Klick auf das Icon Speichern (Abbildung 9.2).

Komponenten - Banner - Kunden - Neuer Kunde
Abbildung 9.2: Komponenten - Banner - Kunden - Neuer Kunde

Der Banner Kunden-Bereich, in dem Sie nach dem Speichern wieder landen, zeigt jetzt Ihren neuen Kunden sowie die Anzahl der aktiven Banner dieses Kunden an.

9.1.2 Banner

Jetzt muss das Banner bzw. der Textlink dieses Kunden aufgenommen werden. Klicken Sie auf Komponenten - Banner - Banner. Sie sehen den Banner-Bereich, der eine Übersicht über die vorhandenen Banner gibt Abbildung 9.3.

Name: Name des Banners

Kunde: Kunde des Banners

Kategorie: In welcher Kategorie ist das Banner eingeordnet?

Freigegeben: Ist das Banner veröffentlicht oder nicht?

Reihenfolge: Hier können Sie eine Reihenfolge für die Einblendung der Banner angeben.

Sticky: Mit Sticky markierte Banner erscheinen bevorzugt.

Anzeigen: Die Anzahl der erfolgten Einblendungen und der verbleibenden Einblendungen

Klicks: Klicks auf das Banner als Anzahl und prozentual relativ zu den Einblendungen

Tags: Hier können Tags (Kategorien) für das Banner vergeben werden. Über diese Tags kann die Anzeige des Banners gesteuert werden.

ID: Datensatzschlüssel

Komponenten - Banner - Banner
Abbildung 9.3: Komponenten - Banner - Banner

9.1.3 Grafik Banner

Um ein neues Fullbanner zu schalten, laden Sie zunächst die Datei im Medienbereich (Site - Medien) in das Verzeichnis /images/banner/ (Images Folder - banners) hoch. Wenn Sie eine Bannerdatei wieder löschen wollen, schalten Sie im Medienbereich auf die Detailansicht und klicken auf das rote Kreuz (Abbildung 9.4).

Site - Medien
Abbildung 9.4: Site - Medien

Nachdem Sie das Banner hochgeladen haben, klicken Sie im Bannerbereich (Menü Komponenten - Banner - Banner) auf das Icon Neu und füllen das Formular aus (Abbildung 9.5).

Komponenten - Banner - Banner - Neu
Abbildung 9.5: Komponenten - Banner - Banner - Neu

Name: Geben Sie dem Banner einen aussagekräftigen Namen, damit Sie es im Bannermanager wieder erkennen.

Alias: Dieses Feld hat noch keine weitere Verwendung in Joomla!. Es wird vermutlich für die URLs der Banner eingesetzt werden.

Banner anzeigen: Hier können Sie ein Banner aus der Rotation nehmen.

Sticky: Mit Sticky gekennzeichnete Banner werden zuerst angezeigt.

Reihenfolge: Hier kann eine Abfolge der Banner definiert werden.

Kategorie: Sie können Kategorien vergeben und dann auf der Website Banner aus bestimmten Kategorien anzeigen. Jedes Banner muss einer Kategorie zugeordnet sein, die Sie über Komponenten - Banner - Kategorien verwalten können.

Kunden: Wählen Sie den Kunden aus der Optionsliste vorhandener Kunden aus.

Anzeigen erworben: Geben Sie die Anzahl der gekauften Einblendungen an oder kreuzen Sie die Checkbox Unbegrenzt an.

Verlinkt mit: Geben Sie hier die URL der Website ein, auf die das Banner verweisen soll.

Angepasster Bannercode: Hier können Sie speziellen Bannercode aus Affiliate-Partnerprogrammen eingeben2. Da diese Maske auch zum Editieren von Bannern gedacht ist, finden Sie noch die Anzeige der bereits erfolgten Klicks und einen Klicks zurücksetzen-Button, um die Klicks wieder auf Null zu setzen.

Beschreibung/Anmerkungen: Interne Bemerkungen zu diesem Banner

Bannerbild auswählen: Hier wählen Sie das Bannerbild aus. Nach der Auswahl wird es unter diesem Feld angezeigt.

Tags: Legen Sie Tags zu diesem Banner fest.

Nach einem Klick auf das Icon Speichern sollte sich Ihr Banner nun in der Rotation befinden und wird auf der Website angezeigt.

9.1.4 Textlinks

Um einen Textlink einzubauen, geben Sie einfach den Link im HTML-Format im Feld Angepasster Bannercode ein. Um die Bannertypen auseinanderhalten zu können, sollten Sie entsprechende Kategorien vorbereiten (z.  B. Text Ads).

Die Banner werden auf der Website über Module angezeigt. Näheres über die Banner-Module erfahren Sie in Kapitel 10.3.3.

 

9.5 Weblinks

Hier bauen Sie eine Linkliste oder einen Downloadbereich auf, den Sie in Ihre Website integrieren können. Joomla! bietet wieder Kategorien an und zählt die Zugriffe auf die Links. Sie können im User Menu Ihren registrierten Benutzern erlauben, Links zur Aufnahme in die Liste vorzuschlagen. Diese Links landen dann in der Liste, die sich über das Menü Komponenten - Weblinks - Links aufrufen lässt. Diese Links müssen je nach Benutzerberechtigung noch veröffentlicht werden.

9.5.1 Links

In der Übersichtsmaske für Links sehen Sie alle bisher eingetragenen Links mit der zugeordneten Kategorie und den bisherigen Zugriffszahlen (Abbildung 9.20).

Komponenten - Weblinks - Links
Abbildung 9.20: Komponenten - Weblinks - Links

In den Voreinstellungen können Sie die Parameter bearbeiten, die für alle Links gelten sollen. Sie können einzelne Links neu eintragen, über ihre Freigabe entscheiden und bearbeiten (Abbildung 9.21).

Komponenten - Weblinks - Links – bearbeiten
Abbildung 9.21: Komponenten - Weblinks - Links – bearbeiten

Name: Name des Links, der auf der Website erscheint

Alias: Kurz-URL

Freigegeben: Veröffentlicht oder nicht

Kategorie: Auswahl einer vorhandenen Linkkategorie

URL: die URL des Links

Reihenfolge: Sortierung innerhalb der Links

Parameter: Hier können Sie wählen, ob der Link in einem neuen Fenster (mit Navigation oder ohne) erscheinen oder ob er im gleichen Fenster angezeigt werden soll.

Beschreibung: Hier können Sie eine ausführliche Beschreibung des Links eingeben.

9.5.2 Kategorien

Die Link-Kategorien werden im entsprechenden Kategorien-Bereich erreichbar über das Menü Komponenten - Weblinks - Kategorien verwaltet (Abbildung 9.22).

Komponenten - Weblinks - Kategorien
Abbildung 9.22: Komponenten - Weblinks - Kategorien

9.4 Umfragen

Das integrierte Umfragemodul erlaubt es Ihnen, Umfragen auf Ihrer Website anzubieten. Eine Umfrage ist bereits in den Beispieldaten enthalten (Abbildung 9.17).

Komponenten - Umfrage – bearbeiten
Abbildung 9.17: Komponenten - Umfrage – bearbeiten

Titel: Der Titel Ihrer Umfrage

Verzögerung: Bestimmt die Zeit in Sekunden, die vergehen muss, damit wieder gewählt werden kann. Dieser Lag ist ein gewisser Schutz vor der Verfälschung der Umfrageergebnisse.

Optionen: Hier können Sie bis zu zwölf Antwortoptionen eingeben.
Durch einen Klick auf das Icon Vorschau erhalten Sie eine Vorschau auf Ihre Umfrage. Damit diese wirklich auf Ihrer Website dargestellt wird, müssen Sie das Umfragemodul an die gewünschte Stelle positionieren (siehe Kapitel 10.3.13, S. 197). Standardmäßig ist das Modul auf der rechten Seite angeordnet (Abbildung 9.18).

Umfrage auf der Website
Abbildung 9.18: Umfrage auf der Website

Wenn Sie jetzt die Umfrage ausprobieren und eine Antwort wählen, erscheint eine Auswertungsmaske (Abbildung 9.19). Die Umfrage selbst wird jetzt nicht mehr gezeigt, denn das Modul war standardmäßig nur der Frontpage zugeordnet.

Umfrageauswertung auf der Website
Abbildung 9.19: Umfrageauswertung auf der Website

9.4.1 Such-Statistiken

In Joomla! 1.0 waren zahlreiche Möglichkeiten enthalten, Statistiken über die Zugriffe der Benutzer auf Ihrer Website zu sammeln. Diese Protokollierung der Zugriffe benötigte teilweise erheblichen Speicherbedarf auf dem Server, und so entschloss sich das Core Team von Joomla!, den Statistikteil zu entschlacken (im Zeitalter von Google Analytics eine nachvollziehbare Entscheidung).7

Die wohl wichtigste Information für den Betreiber einer Website ist: »Wonach suchen die Menschen auf meiner Website?« In Joomla! 1.5 finden Sie diese Suchworte und die Häufigkeit ihrer Verwendung in den Such-Statistiken. In den Voreinstellungen in dieser Übersicht müssen Sie die Erfassung der Suchworte explizit einschalten.

9.3 Newsfeeds

Newsfeeds sind eine tolle Sache. Die immer größere Informationsfülle im Internet macht es notwendig, effektive Methoden zu ihrer Organisation zu erproben. Wenn Sie beispielsweise 20 Internetseiten haben, auf denen Sie regelmäßig nachschauen, was es Neues gibt, so kostet das einfach Zeit. Bei 50 oder 100 ist es schon hoffnungslos, den Überblick zu behalten. Newsfeeds sind ein Versuch, das Problem zu lösen4.

In der Newsfeeds-Komponente können Sie Feeds von anderen Seiten in Ihre Seiten einbinden. Dazu stehen Ihnen eine Kategorie und ein Inhaltsmanager zur Verfügung. In den Beispieldaten sind bereits mehrere Kategorien und zahlreiche Newsfeeds enthalten.

Binden Sie mal ein eigenes Newsfeed ein. Sie können eine Suchmaschine für diesen Zweck benutzen5 oder bei den Sites, die Sie besuchen, den kleinen orangenen RSS-Button suchen.

9.3.1 Feeds

Um ein Beispiel zu haben, trage ich hier den Feed aus meinen Blog ein6. Klicken Sie auf Komponenten - Newsfeeds - Feeds - Neu (Abbildung 9.15).

Neues Newsfeed einbinden
Abbildung 9.15: Neues Newsfeed einbinden

Name: Name des Newsfeeds, der auf Ihrer Seite erscheint

Alias: die Kurz-URL

Freigegeben: Soll es gleich veröffentlicht werden?

Kategorie: Wählen Sie aus den vorhandenen Kategorien eine passende aus.

Link: Der Link zum Newsfeed, in unserem Falle mein Blog. Falls Sie interessantere Nachrichten haben wollen, hier das Feed der Tageschau: http://www.tagesschau.de/newsticker.rdf

Anzahl der Beiträge: Die Anzahl der Artikel, die eingebunden werden sollen.

Cache Zeit (in Sekunden): Wie lang soll die Pause zwischen den Aktualisierungen sein – in Sekunden?

Reihenfolge: Neue Newsfeeds stehen standardmäßig am Anfang. Die Reihenfolge können Sie nach dem Speichern ändern.

Ihr neues Newsfeed, einen Internetzugang vorausgesetzt, wird jetzt in Ihrer Website angezeigt (Abbildung 9.16).

Newsfeeds auf Ihrer Webseite
Abbildung 9.16: Newsfeeds auf Ihrer Webseite

9.3.2 Kategorien

Hier können Sie die Newsfeed-Kategorien verwalten. Die Verwaltung funktioniert analog zum Kontakte-Kategorie-Manager.

  • 4 Dass Sie nach kurzer Zeit das Problem haben werden, 500 Newsfeeds nach für Sie wichtigen Dingen zu durchsuchen, behandeln wir vermutlich in der nächsten Auflage :-).

9.2 Kontakte

Wenn sich ein Kunde auf Ihrer Website bewegt und Kontakt mit Ihnen aufnehmen will, so ist das für den Kunden oft gar nicht so einfach. Normalerweise arbeiten in Firmen viele Angestellte in verschiedenen Abteilungen, und oft befindet sich nur eine info@firma.de-E-Mail-Adresse auf der Website oder ein Formular, bei dem der Kunde nicht genau weiß, wer es erhält. Aus diesem Grund gibt es in Joomla! die Möglichkeit, Kontaktkategorien festzulegen. In diese Kategorien können Sie beispielsweise die verschiedenen Abteilungen einer Firma eintragen. Innerhalb der Kategorien können Sie dann die Ansprechpartner Ihrer Firma eintragen. Joomla! erzeugt auf der Website dann je nach Konfiguration eine Tabelle der Mitarbeiter einer Abteilung und/oder ein Kontaktformular für jeden Mitarbeiter.

9.2.1 Kontakte

Hier werden die einzelnen Mitarbeiter-Kontaktformulare verwaltet. In den Beispieldaten finden Sie einen Mitarbeiter mit dem Namen Name, der zugeordnet ist zu einer Gruppe contacts. Um die Funktionsweise zu durchschauen, legen Sie einfach einen neuen Mitarbeiter an. Klicken Sie auf Komponenten - Kontakte - Kontakte. Sie sehen den Kontakte-Bereich und den besagten Kontakt aus den Beispieldaten (Abbildung 9.6).

Komponenten - Kontakte
Abbildung 9.6: Komponenten - Kontakte

Klicken Sie auf das Icon Neu und legen Sie einen neuen Kontakt an. Die Maske, die jetzt erscheint, ist dreigeteilt und recht umfangreich (Abbildung 9.7).

Komponenten - Kontakte - Neu
Abbildung 9.7: Komponenten - Kontakte - Neu

Details

Name: Name des Ansprechpartners

Alias: Kurz-URL

Freigegeben: Ja oder nein

Kategorie: Wählen Sie hier die Kontaktkategorie aus. Momentan gibt es die Beispielkategorie Contacts.

Verlinkt mit Benutzer: Mit dieser Option können Sie einen Kontakt mit einem Benutzerkonto verbinden. Da ich mir bereits ein Benutzerkonto angelegt habe, kann ich es jetzt auswählen.

Zugriff: Welche Benutzergruppe darf auf diesen Kontakt zugreifen?

ID: Datensatznummer des Kontakts

Information

Hier finden Sie die Felder für die Informationen bzgl. dieses Kontakts. Felder, die nicht mit Werten gefüllt sind, werden automatisch ausgeblendet. Im Feld Info Verschiedenes können Sie noch eine individuelle Beschreibung hinzufügen. Im Feld Bild können Sie ein Bild des Ansprechpartners aus dem Unterverzeichnis /images/stories/ einblenden. Hochladen können Sie das Bild im Menü Site - Medien.

Parameter

Hier können Sie entscheiden, welche Felder Sie anzeigen und verstecken wollen. Eine VCard ist ein Dateiformat, das sich in viele Adressverzeichnisse automatisch eintragen lässt3.

Speichern Sie den neuen Kontakt durch einen Klick auf das Icon Speichern. Der neue Kontakt wird in der Liste angezeigt.

9.2.2 Erzeugung eines Menülinks für die Website

Wir wollen den Link zu diesem Kontakt jetzt in das Top Menu der Website einbauen. Dazu klicken Sie auf Menüs - Top Menu - Neu und unter Menüeintragstyp auf Kontakte. Sie haben die Wahl zwischen einer Kontaktkategorie, die eine Liste aller Kontakte in dieser Kategorie anzeigt (Kontaktkategorie-Layout), und einem einzelnen Kontakt (Standard Kontakt- Layout). Wählen Sie den einzelnen Kontakt aus (Abbildung 9.8).

Link in Menü – Menüeintragstyp
Abbildung 9.8: Link in Menü – Menüeintragstyp

In der dann erscheinenden Bearbeitungsmaske müssen Sie noch einen Namen und einen Alias für den Menülink eingeben und den richtigen Kontakt in den Parametern auswählen. Sie können hier weitere Parameter festlegen (Abbildung 9.9).

Link in Menü – Neu
Abbildung 9.9: Link in Menü – Neu

Schauen Sie nun auf die Website und klicken Sie im Top Menu auf den Link Kontakt. Sie sehen dann die Kontaktdaten und ein automatisch generiertes Formular für die Kontaktaufnahme. Die E-Mail-Adresse, an die die Nachricht geschickt wird, bleibt bei diesem Konstrukt unsichtbar, und so ist das Formular auch keine Einladung für Spammer (Abbildung 9.10).

Kontaktformular auf der Website
Abbildung 9.10: Kontaktformular auf der Website

Die andere Variante erzeugt eine Liste von Ansprechpartnern. Die Liste sieht bei der Telefonnummer etwas zerrissen aus, und die Mobil- und die Faxnummer wollte ich eigentlich auch nicht öffentlich sichtbar haben (Abbildung 9.11). Um diese beiden Dinge zu ändern, müssen Sie den Menülink bearbeiten. Klicken Sie dazu auf Menü - Top Menu und bringen Sie den Eintrag Kontakt in den Bearbeitungszustand. In der Parameterspalte können Sie nun die Tabelle nach Wunsch konfigurieren (Abbildung 9.12).

Kontaktliste
Abbildung 9.11: Kontaktliste

Parameter zur Anzeige der Kontakttabelle
Abbildung 9.12: Parameter zur Anzeige der Kontakttabelle

In dem Bereich Parameters Komponente können Sie noch bestimmte E-Mail-Adressen und Worte ausschließen. Wenn Ihre Tabelle nun fertig bearbeitet ist, können Sie auf den Namen des Ansprechpartners klicken. Sie sehen die gewünschten Daten und das Kontaktformular.

9.2.3 Kategorien

Im Bereich Kategorien können Sie neue Kategorien anlegen und vorhandene ändern. Der Bereich ist über das Menü Kontakte - Kategorien und über den Reiter Kategorien in der Kontaktbearbeitung erreichbar (Abbildung 9.13).

Kontakte - Kategorien
Abbildung 9.13: Kontakte - Kategorien

Nach einem Klick auf das Icon Bearbeiten oder den Kategorienamen wird Ihnen das Editierformular angezeigt. Auch hier können Sie der Kategorie ein Bild zuordnen und mithilfe des WYSIWYG-Editors die Beschreibung ändern. In unserem Fall bietet es sich an, den Text zu übersetzen (Abbildung 9.14).

Kontakte - Kategorien - Bearbeiten
Abbildung 9.14: Kontakte - Kategorien - Bearbeiten

Inhalt abgleichen