Kapitel 8

Die Startseite hat eine besondere Aufgabe. Die Startseite (Frontpage) ist die Titelseite Ihrer Website. Diese Startseite, die von Joomla! vorgeschlagen wird, enthält die Artikel, die Sie dort gern haben möchten.

Manchmal möchte man bei einer einfachen Website wie bei dem Beispiel mit dem Hotel (siehe Abbildung 1.5, Seite 46) keine Startseite in dieser Art. Da reicht u.  U. schon ein einziger Beitrag. Wir sind also hier schon bei der Frage: »Wie soll meine Website später aussehen?«

Wenn Sie denn eine Startseite mit mehreren Artikeln haben wollen, dann werden hier oft ausgewählte Inhalte in der Blog-Darstellungsform angezeigt (siehe Kapitel 8.3.1, Seite 164). Bei der Bearbeitung der einzelnen Beiträge können Sie den Schalter Startseite setzen. Der Beitrag wird dann in der Startseiten-Beiträge-Bearbeitung angezeigt. Der Aufbau der Liste sieht dem der Beitragsliste ähnlich. Sie können hier die Beiträge innerhalb der Startseite sortieren (Abbildung 8.27). Sie sehen Titel, Bereich, Kategorie und Autor des Beitrages. Nicht kategorisierte Beiträge werden hier statischer Inhalt genannt. Mit den Filteroptionen können Sie die Anzeige einschränken. Wenn Sie mehr Beiträge haben, als auf die Startseite passen, werden unter den Startseiten-Beiträgen auf der Website Navigationslinks eingeblendet.

Abbildung 8.27: Inhalt - Startseite

Das Layout der Startseite können Sie im Menülink ändern (Menü – Main Menu – Startseite – bearbeiten). Sie können die Anzahl und Anordnung der Spalten festlegen und viele Einstellungen am Layout der Teaser vornehmen (Abbildung 8.28).

Abbildung 8.28: Menü – Main Menu – Startseite bearbeiten

In der Übersichtstabelle der Bereichsbearbeitung werden Ihnen die Informationen in einer Struktur angeboten, die Sie auch schon aus den anderen Listen kennen – in diesem Fall jedoch erweitert um die Anzahl der in einem Bereich enthaltenen Kategorien, wie viele davon aktiv sind und wie viele im Mülleimer liegen (Abbildung 8.20).

Abbildung 8.20: Bereiche

Sie können hier vorhandene Bereiche veröffentlichen, kopieren, löschen, bearbeiten und neu erstellen.

Bereich bearbeiten

Lassen Sie uns als Beispiel den bereits vorhandenen Bereich News ein wenig im Text verändern und in unser Joomla! 1.5 Buch-Menü linken. Kreuzen Sie die Checkbox vor News in der Bereichsliste an und klicken Sie auf das Icon Bearbeiten (Abbildung 8.21).

Abbildung 8.21: Bereich – Bearbeiten

Titel: Titel des Bereichs (erscheint auch in der Titelzeile des Browsers)

Alias: Namen in Joomla!-internen Auflistungen

Freigegeben: Soll der Bereich veröffentlicht werden oder nicht?

Reihenfolge: Hier wird die Sortierung der Bereiche bestimmt.

Zugriffsebene: Wer hat Zugriff auf dieses Element?

Bild: Hier können Sie ein Bild auswählen, das beim Aufruf der Kategorie auf der Website dargestellt wird. Das Bild muss sich im Media Manager-Wurzelverzeichnis befinden (/images/stories/). Ich habe articles.jpg ausgewählt.

Bild-Position: Hier können Sie die Ausrichtung des Bildes festlegen.

Beschreibungsfenster: Das ist die Beschreibung des Bereichs. Falls Sie in Site Konfiguration einen WYSIWYG-Editor ausgewählt haben, wird Ihnen hier eine kleine Textverarbeitung angeboten.

Jetzt fehlt nur noch der Link in das Joomla! 1.5 Buch-Menü.

Link zum Menü: Hier können Sie den Bereich in verschiedenen Darstellungsformen als Menüpunkt in ein Menü linken. Wählen Sie das Menü (Joomla! 1.5 Buch), den Typ der Darstellung und einen Namen für den Menüeintrag.

Gehen Sie dazu in Menüs-Joomla! 1.5 Buch und klicken auf das Icon Neu. Klicken Sie anschließend auf den Menüeintragstyp Beiträge (Abbildung 8.22).

Abbildung 8.22: Menüeintragstyp Beiträge

Als Darstellungstyp gibt es viele Möglichkeiten. Wir wollen ja den Bereich Neuigkeiten anzeigen und haben die Wahl zwischen:

• Bereich Blog Layout
• Standard Bereich Layout

Sie können Beiträge als Liste (aller Kategorien) oder in der so genannten Blog-Darstellung (wie auf der existierenden Frontpage) verlinken.

Die Listendarstellung zeigt alle Kategorien an, die diesem Bereich zugeordnet sind. Die Überschrift kommt aus dem eben geänderten Bereich. In unserem Fall sind das nur die zwei Kategorien latest News und Newsflash (Abbildung 8.23). Durch einen Klick auf den Kategorienlink gelangen Sie zur Tabellendarstellung der Inhalte.

Abbildung 8.23: Listendarstellung des Bereichs News

Die Blog-Darstellung im Sinne von Joomla! ist eine Liste von Einträgen mit Ihren Intro-Texten (Aufmacher, Teaser) und je nach Beitrag einem Weiterlesen-Link (Abbildung 8.24). In beiden Fällen finden Sie in Ihrem Browser einen orangefarbenen Button, hinter dem sich ein Newsfeed für die entsprechenden Einträge befindet.

Abbildung 8.24: Blog-Darstellung des Bereichs News

Probieren Sie am besten beide Varianten aus. Nach einem Klick auf die gewünschte Art der Darstellung gelangen Sie in die Bearbeitungsmaske für diesen Link. Sie haben dutzende hoffentlich selbst erklärende Parameter, die Sie verstellen und ausprobieren können.

So, jetzt gibt es pünktlich zu Heiligabend noch drei Kapitel. Wir sind jetzt im Buch auf Seite 180 von 410 :-)

Falls Ihr Fehler findet, bitte das Kontaktformular benutzen.

Viel Spaß beim Lesen

Wie bei den Menüeinträgen können Sie auch Beiträge nicht direkt löschen. Durch einen Klick auf das Icon Papierkorb in der Beitragsbearbeitung werden die Beiträge in diesen befördert. Im Papierkorb können Sie durch einen Klick auf das Icon Wiederherstellen die gelöschten Beiträge wiederherstellen, mit dem Icon Löschen können Sie die Beiträge endgültig löschen (Abbildung 8.19).

Abbildung 8.19: Papierkorb für Beiträge

Lassen Sie uns am Beispiel einer Neuigkeit, die Sie auf der Startseite anzeigen lassen wollen, die Erstellung eines Beitrages durchgehen. Klicken Sie auf Neu. Sie sehen eine Eingabemaske wie in Abbildung 8.7 mit einem großen Editor-Textfeld.

Abbildung 8.7: Bearbeitungsmaske eines neuen Beitrages

Geben Sie einen Titel und einen Text ein. Falls Sie auch immer vor einem weißen Blatt sitzen und nicht wissen, was Sie schreiben sollen, dann kopieren Sie sich einfach einen schönen Blindtext¹.

Wählen Sie:

• Bereich: Nicht kategorisiert
• Kategorie: Nicht kategorisiert
• Freigegeben: Ja
• Startseite (Frontpage): Ja

Klicken Sie auf das Icon Anwenden und besuchen Sie Ihre Website. Ihre Nachricht steht tatsächlich auf der Startseite! (Abbildung 8.8).

Abbildung 8.8: Ein Beitrag auf der Startseite

So, der Text ist schon mal da. Jetzt müssen wir uns um die Feinheiten kümmern. Als Erstes soll nicht der gesamte Text angezeigt werden, sondern nur ein kleiner Aufmacher. Wechseln Sie wieder in das Backend, positionieren Sie den Cursor an die Stelle, an der der Aufmachertext beendet sein soll, und klicken Sie unterhalb des Textfeldes auf den Button Weiterlesen. In das Fenster wird eine rote Linie eingefügt, die die Grenze zwischen den beiden Texten symbolisiert (Abbildung 8.9).

Abbildung 8.9: Textbearbeitung – Weiterlesen-Bereich

Sie können hier auch beginnen, den Text mit den Editor-Tools zu formatieren. Nach einem Klick auf Anwenden sieht Ihre Startseite folgendermaßen aus (wie in Abbildung 8.10):

Abbildung 8.10: Beitrag mit Weiterlesen-Link

Zurück in das Backend.

8.2.1 Parameter

Wie bereits bei der Menüerstellung gibt es auch hier verschiedene Parameterblöcke. Über den Parameterblöcken sehen Sie noch allgemeine Informationen über den Beitrag.

Inhalt ID: Die Datensatznummer des Beitrages

Status: Aktueller Status (momentan veröffentlicht)

Treffer: Anzahl der Zugriffe auf diesen Beitrag. Durch einen Klick auf den Button Zurücksetzen können Sie die Zugriffe auf 0 setzen.

Überarbeitet: Der Beitrag hat am Anfang die Versionsnummer 1. Bei jedem Speichervorgang wird die Versionsnummer um eins hochgezählt (hier ist schon eine Grundlage für die geplante Versionsverwaltung geschaffen).

Erstellt: Erstellungsdatum

Bearbeitet: Bearbeitungsdatum

Parameter – Beitrag

Der erste Block stellt die Basis-Parameter dar (Abbildung 8.11).

Abbildung 8.11: Beitragsbearbeitung – Basis-Parameter

Autor: Hier können Sie den Verfasser der Nachricht durch Listenauswahl ändern. Alle vorhandenen Benutzer werden in der Liste angezeigt.

Autor-Alias: Hier können Sie ein Pseudonym für den Autor eingeben, das dann auf der Website angezeigt wird.

Zugriffsebene: Zugriff für die drei Benutzergruppen.

Erstellungsdatum: An dieser Stelle können Sie das Erstellungsdatum des Beitrages verändern. Durch einen Klick auf das Kalender-Icon erhalten Sie einen grafischen Kalender als Eingabehilfe.

Freigabe starten: Dies dient dazu, den Start der Veröffentlichung festzulegen. Standardmäßig werden Inhalte sofort veröffentlicht. Durch einen Klick auf das Kalender-Icon erscheint ein grafischer Kalender als Eingabehilfe.

Freigabe: Hier können Sie das Verfallsdatum des Inhalts bestimmen. Standardmäßig verfallen Inhalte nie. Ein Klick auf das Kalender-Icon zeigt Ihnen wieder den grafischen Kalender.

Parameter – Erweitert

Im Bereich Parameter – Erweitert können Sie die Voreinstellungen (siehe Kapitel 8.1, Seite 151) für diesen Inhalt überschreiben (Abbildung 8.12). Diese Einstellungen gelten nur für den Aufruf des kompletten Beitrages, in unserem Fall nach Klick auf den Link Weiterlesen. Für die Teaser-Ansicht stellen Sie die Parameter in den entsprechenden Menülinks ein.

Abbildung 8.12: Inhaltsbearbeitung – Erweiterte Parameter

Seitentitel: Soll der Seitentitel angezeigt werden?

Verlinkte Artikel: Überschreiben der globalen Einstellungen

Intro-Text: Soll der Aufmachertext angezeigt oder versteckt werden?

Bereichsname: Soll der Bereichsname angezeigt werden?

Verlinkbarer Bereichsname: Soll der Bereichsname als Link auf alle Beiträge in diesem Bereich angezeigt werden?

Kategoriename: Soll der Kategoriename angezeigt werden?

Verlinkbarer Kategoriename: Soll der Kategoriename als Link auf alle Kategorien in diesem Bereich angezeigt werden?

Die weiteren sieben Parameter überschreiben die globalen Einstellungen für diesen einen Beitrag.

Inhaltssprache: Hier kann die Sprache des Beitrages festgelegt werden. Dieses Feature ist neu und bietet im Zusammenhang mit dem Joomfish von Alex Kempkens² interessante Möglichkeiten bei der Sprachsteuerung. Abhängig vom Inhalt könnte die Website in der einen oder anderen Sprache erscheinen.

Schlüsselreferenz: Hier können Referenzen gesetzt werden für den Export in das DocBook-Format³. Momentan spielt dieses Feld nur für Entwickler im Zusammenhang mit dem Hilfesystem eine Rolle.

Alternativer Weiterlesen Text: Hier kann für den Weiterlesen-Link ein alternativer Text eingegeben werden. Das ist wichtig bei der Erstellung von barrierefreien Websites.

Metadaten

In diesem Parameterbereich können Sie für jede Seite eine spezifische Beschreibung und Schlüsselwörter als Metadaten eingeben. Die hier eingegebenen Texte werden dann im HTML-Quellcode der Website mit der Nachricht in den Metatags zusätzlich zu den in der globalen Konfiguration festgelegten Metadaten eingebaut (Abbildung 8.13).

Abbildung 8.13: Beitragsbearbeitung – Metadaten

Im Bereich Robots können Suchworte für Robots eingegeben werden. Der entsprechende Metatag wird eingeblendet.

<meta name="robots" content="Wort1 Wort2" />

Im Feld Autor können Sie noch einen gesonderten Autorennamen für die Metatags eingeben.

8.2.2 Bilder

Wie kommen Bilder in den Inhalt? Das Bilderproblem zieht sich wie ein roter Faden durch die CMS-Welt.

Das Bild muss

• erstellt (Kamera),
• übertragen (Kabel, WLAN),
• bearbeitet (Bildbearbeitung),
• auf den Server geladen (FTP, PHP-Upload) und
• in den Beitrag eingebunden werden.

Sie sehen schon, vermutlich gibt es zahlreiche Möglichkeiten.

Joomla! sieht als Standard vor, Bilder, die sich im Medienbereich befinden, per Auswahldialog in den Beitrag einzufügen.

Positionieren Sie den Cursor im Text an der Stelle, an der das Bild erscheinen soll. Klicken Sie dann den Button Bild unter dem Textfenster. Es erscheint der Bild einfügen-Dialog (Abbildung 8.14).

Abbildung 8.14: Beitragsbearbeitung – Bilder

Sie können jedem Inhalt ein beliebiges Bild aus dem Medienbereich zuordnen. Sollte es noch nicht im Medienbereich vorhanden sein, können Sie es durch Klick auf das Icon Upload während der Bearbeitung hochladen.

Wählen Sie ein Unterverzeichnis aus und klicken Sie auf das Bild, das Sie einfügen wollen. Klicken Sie auf den Button Einfügen. Sie können bereits einen Titel für das Bild angeben und es ausrichten.

Im Textfenster darunter sehen Sie jetzt Ihr Bild (Abbildung 8.15).

Abbildung 8.15: Eingefügtes Bild

Die Bildeigenschaften sind im TinyMCE Editor natürlich bearbeitbar. Markieren Sie das Bild durch einen Klick mit der linken Maustaste. Klicken Sie auf das Icon mit dem Baum oberhalb des Textfensters. Es öffnet sich der Bildeigenschaften-Dialog des TinyMCE-Editors. Hier können Sie noch weitere Eigenschaften wie Links, Popup-Fenster, Verhalten und andere Parameter setzen (Abbildung 8.16). Ich habe beispielsweise einen 15 Pixel-Abstand um das Bild herum festgelegt.

Abbildung 8.16: Bildparameter-Dialog von TinyMCE

Kontrollieren Sie, nachdem Sie auf das Icon Anwenden geklickt haben, das Ergebnis entweder auf der Website oder durch einen Klick auf das Icon Vorschau. Genau wie den Weiterlesen-Link oder die Bilder können Sie auch Seitenumbrüche einfügen. Positionieren Sie den Cursor an der Stelle, an der der Seitenumbruch eingefügt werden soll, und klicken Sie auf den Button Seitenumbruch unter dem Textfeld. Es öffnet sich ein Seitenumbruch-Dialog (Abbildung 8.17).

Abbildung 8.17: Beitragsbearbeitung – Seitenumbruch

Hier können Sie einen Seitentitel für die nächste Seite eingeben. Außerdem können Sie einen Alias-Text für den Seitentitel für das automatisch von Joomla! erzeugte Inhaltsverzeichnis eingeben. Der Titel der Nachricht ist Meine Neuigkeit, und im Inhaltsverzeichnis steht jetzt als Überschrift Alles über Muscheln. Klicken Sie anschließend auf seitenumbruch einfügen. Der Seitenumbruch erscheint im Textfenster als eine graue Linie. Auf der Website sieht Ihr Beitrag jetzt aus wie in Abbildung 8.18.

Abbildung 8.18: Von Joomla! dargestellter mehrseitiger Beitrag

Über dem Beitragstext steht jetzt Seite x von y, rechts oben steht ein Inhaltsverzeichnis mit dem von Ihnen angegebenen Text, und unter dem Beitragstext finden Sie die Links Zurück und Nächste zum Navigieren zwischen den Seiten. Sie können beliebig viele Bilder und Seitenumbrüche in einen Text einbauen.