Parameter

13.03 Template selbst erstellen - Teil 5 - Parameter

Verfasst von Hagen Graf am 8. May 2008 - 15:46

»
  • 9799 Aufrufe

Wo stelle ich Positionen und Parameter in selbst erstellten Templates ein

Verfasst von Hagen Graf am 13. January 2008 - 10:58

Wenn Sie in Ihr gemäß Kapitel 13 erstelltes Template Module einbauen wollen, fällt Ihnen sofort folgendes zum Thema Positionen auf:

Selbst wenn Sie mehrere <jdoc> Anweisungen mit unterschiedlichen Positionen (left, right, user1, ...) verbaut haben, wird Ihnen bei der Zuweisung von Modulen an diese Positionen nur eine Position angezeigt. In diesem Fall left.

Um Ihre eingebauten Positionen auch im Modulmanager benutzen zu können müssen Sie in der beschreibenden XML Datei die folgenden Einträge ergänzen:

<positions>
  <position>breadcrumbs</position>
  <position>left</position>
  <position>right</position>
  <position>top</position>
  <position>user1</position>
  <position>user2</position>
  <position>user3</position>
  <position>user4</position>
  <position>footer</position>
  <position>debug</position>
  <position>... weitere Positionen ...</position>
</positions>

Ähnlich verhält es sich mit Template Parametern. Manche Template, wie beispielsweise rhuk_milkyway bieten die Möglichkeit an, Farben im Template über das Administrationsinterface zu verändern. Hierbei werden ebenfalls in der xml Datei des Templates die Grundlagen dafür geschaffen.

Ein Eintrag wie beispielsweise:

<param name="backgroundVariation" 
       type="list"
       default="blue"
       label="Background Variation"
       description="Background color variation to use">
  <option value="blue">Blue</option>
  <option value="red">Red</option>
  <option value="green">Green</option>
  <option value="orange">Orange</option>
  <option value="black">Black</option>
  <option value="white">White</option>
</param>

zeigt die Parameter innerhalb des Templates an. Eine Übersetzungsdatei der Begriffe kann man erstellen und in das Verzeichnis languages legen. Der Name der Datei ist dann

[Länderkürzel].tpl_Templatename.ini

also in unserem Fall

de-DE.tpl_joomla150buch.ini

Die ausgewählten Parameter landen in der Datei params.ini im entsprechenden Template Verzeichnis.

Die Reaktion auf die unterschiedlichen Parameter findet in der index.php im Template statt:

<?php echo 
 $this->params->get('backgroundVariation'); 
 ?>_bg.css" type="text/css" />
...
<body id="page_bg" 
      class="bg_<?php echo 
             $this->params->get('backgroundVariation'); ?>">

Achtung

Das ist kein wirkliches Anfängerthema mehr, daher bin ich auch im Buch "nur" auf die Grundlagen eingegangen.

 

»

14.12 Joomla! - interne Accessibility Features

Verfasst von Angie Radtke am 31. December 2007 - 16:47

Mit Joomla! hat man die Möglichkeit, Artikelübersichtsseiten anzulegen, auf denen einzelne Artikel angeteasert werden. In älteren Joomla!-Versionen findet sich hinter jedem dieser angeteaserten Artikel der Verweis Weiterlesen (oder read more, wenn man das deutsche Sprachfile nicht installiert hat). Dieser Link hatte bis zur Version 1.5 bei jedem Vorkommen innerhalb eines Webauftritts den gleichen Wortlaut: read more oder Weiterlesen.

Da Hilfsmittel wie z.  B. Screenreader gegebenenfalls nur die Links einer Seite anzeigen, ist es erforderlich, Linktexte inhaltlich zu formulieren, um ein erkennbares Ziel zu liefern.

Abgesehen davon gehört der textliche Inhalt des read-more-Links semantisch zum Dokumenteninhalt und sollte frei formulierbar sein.Wird diese Anforderung nicht erfüllt, fällt eine Website schon beim ersten mechanischen Test auf ihre Zugänglichkeit durch.

In Joomla! 1.5 wird standardmäßig die Artikelüberschrift vor den Weiterlesen-Link positioniert, was eine eindeutige Unterscheidung des Linkziels möglich macht.

Diese Lösung ist aber auf die Dauer wenig befriedigend, da es sich um eine redundante Information handelt und keine redaktionelle Bearbeitung möglich wäre.

In Kapitel 8.1.2 sowie in Abbildung 8.6 wurde schon auf die Artikelparameter eingegangen, mit denen man das Erscheinungsbild bzw. die Informationsausstattung jedes Artikels auf jeder Seite einzeln gestalten kann. Jetzt gibt es in Joomla! 1.5 den neuen zusätzlichen Parameter readmore:text, den Sie unter Parameters Advanced in der Artikelansicht finden (Abbildung 14.12).

Alternativer Weiterlesen Text
Abbildung 14.12: Alternativer Weiterlesen Text

Redaktionell kann dieser Parameter zu einer Herausforderung werden. Denn er hat nicht nur die Aufgabe, einen eindeutigen Linktext zu beschreiben, sondern soll Ihre Besucher neugierig machen und zum Weiterlesen animieren.

»

8.2 Neuen Beitrag erstellen

Verfasst von Hagen Graf am 23. December 2007 - 17:41

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.

Bearbeitungsmaske eines neuen Beitrages
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 Blindtext1.

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).

Ein Beitrag auf der Startseite
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).

Textbearbeitung – Weiterlesen-Bereich
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):

Beitrag mit Weiterlesen-Link
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).

Beitragsbearbeitung – Basis-Parameter
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.

Inhaltsbearbeitung – Erweiterte Parameter
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 Kempkens2 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-Format3. 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).

Beitragsbearbeitung – Metadaten
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).

Beitragsbearbeitung – Bilder
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).

Eingefügtes Bild
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.

Bildparameter-Dialog von TinyMCE
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).

Beitragsbearbeitung – Seitenumbruch
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.

Von Joomla! dargestellter mehrseitiger Beitrag
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.

 

»
Inhalt abgleichen