Ein paar fertige Joomla!-Bauteile, die Sie verwenden können.
8.9.1 Artikel (Ähnliche)
Mit diesem Feld können Sie einen Beitrag auswählen, der zu dem aktuellen gehört und weitere passende Inhalte vermittelt, sowie einen Hinweis zu den AGB oder zum Datenschutz oder anderen Beiträgen geben.
Sie wählen die Kategorien aus (bei Mehrfachauswahl halten Sie die [Strg]-Taste fest), aus denen eine Liste von Beiträgen erstellt wird, aus der Sie dann einen passenden Beitrag auswählen können. Wähle Bezeichnung ist der Text, der in der Auswahlbox steht. In Anzeige (Übergeordnet) wählen Sie nun aus, wie der zweite Beitrag im Frontend ausgegeben wird:
- Intro gibt den Text wieder, der bis zum Weiterlesen-Button reicht, oder, wenn kein Weiterlesen vorhanden ist, den ganzen Beitrag.
- Bei Link erhalten Sie wieder ein kleines Pluszeichen. Im Frontend wird Ihnen nun ein Link zu dem Beitrag angezeigt.
- Titel gibt einfach nur den Titel des Beitrags aus.
Wenn Sie Link ausgewählt haben und auf das Pluszeichen klicken, haben Sie zunächst die Möglichkeit, die SEF Urls anzupassen.
Hinweis
Bei mir war es notwendig, hier /parent/id-alias auszuwählen, da sonst der Link zu einer 404-Statusmeldung führte.
Mit Menüelement können Sie einen Menüverweis auswählen, der, auch wenn er mit dem eigentlichen Beitrag, der bei Klick auf den Link angezeigt wird, nichts zu tun hat, angezeigt wird.
Bild 8.23: Nach der Zuweisung eines Menüelements.
8.9 Joomla!
8.9.2 Module
Mithilfe dieses Feldes können Sie ein Modul in Ihren Beitrag einfügen. Zunächst müssen Sie sich entscheiden, ob Sie ein Modul über seinen Namen (&Titel) ansprechen möchten oder über seine Position.
Wählen Sie Name (&Titel) aus, tragen Sie in das Feld Position oder Name, Titel den Modulnamen und, wenn Sie mehrere Module vom gleichen Typ haben, auch den Titelnamen des Moduls ein, das Sie abbilden möchten. Bei Name müssen Sie allerdings den Namen eintragen, den das Modul auf dem Webserver trägt. Den können Sie beispielsweise mit einem FTP-Programm im Verzeichnis module/ sehen.
Angenommen, Sie möchten das Log-in-Modul einfügen, tragen Sie den Namen mod_login ein. Wenn Sie mehrere Log-in-Module definiert haben, tragen Sie den Titel des Moduls ein, das Sie in diesem Formular abbilden möchten. Haben Sie nur ein Modul dieser Art veröffentlicht, können Sie den Titel auch leer lassen.
Alternativ können Sie eine Position angeben. Wählen Sie dazu im Mode Position aus und tragen Sie beispielsweise in Position »apfelkuchen« ein. Wenn Sie nun eines oder mehrere Module auf der Position apfelkuchen veröffentlichen, werden sie im Beitrag angezeigt.
Im Stil können Sie einige Vorgaben einstellen, die sich auf die Anzeige des Moduls im Quellcode auswirken und mittels CSS unterschiedlich angesprochen werden können. Die einzelnen Stile im Überblick:
- Keine – Entfernt das eingebettete DIV-Element mit der Klassenangabe zur moduletable und auch das h3-Element in den Modulen. Das Modul wird also ohne Titel (Überschrift) ausgegeben. Das gesamte Modul kann nicht per CSSFormatierung angesprochen werden. Lediglich CSS-Angaben, die direkt im eigentlichen Modul definiert sind, können auch weiterhin benutzt werden.
001 |
--Inhalt des Moduls— |
Der Code sieht etwas »albern« aus, aber ich möchte damit deutlich machen, dass das Konstrukt style="none" wirklich keinen Code erzeugt, in dem das eigentliche Modul liegt.
- Übersicht – Ist identisch mit der Positionsvoransicht. Der Code dafür sieht folgendermaßen aus:
001 |
<div class="mod-preview"> |
002 |
<div class="mod-preview-info">POSITIONSNAME[outline]</div> |
003 |
<div class="mod-preview-wrapper"> |
004 |
--Inhalt des Moduls— |
</div> |
|
</div> |
- Tabelle – Das Modul selber wird in eine Tabelle eingebettet:
001 |
<table class="moduletable" cellspacing="0" cellpadding="0"> |
002 |
<tbody> |
003 |
<tr> |
004 |
<th>Mein Modul</th> |
005 |
</tr> |
006 |
<tr> |
007 |
<td> |
008 |
--Inhalt des Moduls— |
009 |
</td> |
010 |
</tr> |
011 |
</tbody> |
012 |
</table> |
- Abgerundet – Wenn man Module mit abgerundeten Ecken erzeugen möchte, kann man mithilfe dieser Einstellung die Grundlagen dafür legen. Das Modul selber liegt in mehreren DIV-Elementen. Daraus kann man abgerundete Ecken machen. Allerdings wird solcherlei heutzutage mit CSS3 sehr einfach gemacht, und es braucht dafür nicht mehr diese verschachtelten DIVs.
Die Modulklasse ändert sich bei rounded (abgerundet) zu module:
001 |
<div class="module"> |
002 |
<div> |
003 |
<div> |
004 |
<div> |
005 |
<h3>Modultitel</h3> |
006 |
--Inhalt des Moduls— |
007 |
</div> |
008 |
</div> |
009 |
</div> |
010 |
</div> |
- XHTML – Das ist quasi der Normalzustand. Das Modul ist in ein DIV-Element eingebettet. Mit dieser Einstellung werden auch Modultitel ausgegeben. Lässt man den Modus hingegen leer, wird der Titel nicht angezeigt.
001 |
<div class="moduletable"> |
002 |
<h3>Mein Modul</h3> |
003 |
--Inhalt des Moduls-- |
004 |
</div> |