8.2 Neuen Beitrag erstellen

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.