HowTo

Contao Portfolio erweitern – Tags/Schlüsselwörter

Nachdem wir unser News-Modul als Portfolio nutzen können, fehlen noch einige Schritte für die ideale Darstellung der eigenen Arbeiten.
Ziel ist eine Darstellung verschiedener Schlüsselwörter zu leichten Kategorisierung der eigenen Arbeit.

Dazu nutzen wir die Erweiterung [tags] (Handbuch), die offiziell bis Contao 3.3.7 freigegeben ist, bei meinen Installationen allerdings problemlos bis Contao 3.5 läuft.

Einbinden der Tag Cloud

Moduleinstellungen Tag Cloud

Moduleinstellungen Tag Cloud

Nach der Installation erstellen wir ein neues Modul Tag Cloud, das wir auf die Darstellung unserer News-Erweiterung beschränken. Die Weiterleitungsseite ist unsere Portfolio-Übersichtsseite. Die Option „Auszeichnungen zurücksetzen“ bindet einen Link ein, der den Besucher wieder zurück auf die Übersichtsseite führt.

Das Modul wird als neuer Artikel oberhalb der Nachrichtenliste eingeblendet und per CSS gestylt.
Natürlich müssen den einzelnen Nachrichtenbeiträgen nun auch Tags zugeordnet werden, dazu gibt es unterhalb des Titels das neue Feld „Auszeichnungen“, das die mit Komma getrennten Tags enthält. Häufig verwendete Tags werden zudem zur schnellen Auswahl per Klick dargestellt.

Nun haben wir eine Liste mit Links zu unseren eingegeben Tags.
Bei jedem Aufruf der Seite übernimmt unser Modul Nachrichtenliste die Arbeit und stellt nur die Elemente dar, die zum jeweiligen Schlüsselwort gehören.

Überschrift mit Schlüsselwort ausgeben

Haben wir, wie üblich, der Seite eine H1-Überschrift gegeben, wird diese unverändert auf allen Tag-Seiten ausgegeben. Das gefällt vor allem Google nicht und auch unser Besucher kann anhand der Überschrift nicht unterscheiden, welches Schlüsselwort hier dargestellt wird.

Hier hilft uns {{tags_used}}, das über das Inhaltselement Überschrift ausgegeben werden kann. Wir erweitern so unsere Überschrift, in unserem Beispiel also „Portfolio {{tags_used}}“.

Überschrift Contao Portfolio {{tags_used}}

Wir nutzen {{tags_used}} in unserer Überschrift

Nun wird auf den Tag-Seiten „Portfolio (Schlüsselwort)“ angezeigt. Das ist zwar nicht besonders schön, aber ein guter Schritt, um auch dem Besucher mehr Informationen anzubieten.
Wen die Klammern stören, kann die folgende Anleitung nutzen, um die Klammern zu entfernen und damit sogar den Seitentitel der Tag-Seite zu verändern: Inserttag {{tags_used}} im Seitentitel

Zusätzlich lassen sich so auch weitere Texte verändern und anzeigen. Das Ergebnis sähe dann so aus:

Darstellung des Contao-Portfolios mit der Erweiterung [tags]

Mögliche Darstellung des Contao-Portfolios mit der Erweiterung [tags]

Kategorie: HowTo

von

Hallo, ich bin Nadja und arbeite als Webdesignerin in Berlin. Seit den 2000er-Jahren ist das Internet mein berufliches Zuhause, hier im cne _LOG schreibe ich erst seit Anfang 2006 zu den Themen Webdesign, Webstandards und vor allem auch Wordpress.

5 Kommentare

Kommentare sind geschlossen.