
Für (fast) jede Seite wird ein Logo benötigt welches auf der Seite eingebunden wird. Hier möchte ich kurz beschreiben wie ich dieses in Contao einbinde. Natürlich gibt es zig Wege dies zu bewerkstelligen.
Eigener HTML Code
Für das Logo verwende ich immer das Modul Eigener HTML Code. Der Aufbau sieht folgendermaßen aus. Ich definiere als Überschrift (h1) den Namen des “Kunden”. Anschließend wird das Logo (das zuvor natürlich auf den Webspace geladen werden muss) eingebunden und verlinkt. Der HTML Code sieht dann folgendermaßen aus:
<h1>Michaela Schwarz</h1>
<a href="{{env::path}}" title="{{env::website_title}}">
<img src="tl_files/schwarz/resourcen/img/logo.png" alt="Michaela Schwarz Logo" />
</a>
Bisher nocht nicht wirklich etwas erwähnenswertes, oder doch? Der Code besteht nicht nur aus HTML sondern auch aus sogenannten Insertags. Der Grund dürfte klar sein. Somit gestalte ich den Code dynamisch und ich kann diesen fast ohne Anpassungen in mehreren Projekten einsetzen.
Inserttags sind Platzhalter, die bei der Ausgabe einer Seite durch bestimmte Inhalte ersetzt werden. So kann beispielsweise das aktuelle Datum angezeigt oder ein Benutzer mit seinem Namen angesprochen werden. Inserttags können fast überall in Contao verwendet werden.
Wie unschwer zu erkennen verwende ich folgende Inserttags
{{env::path}} – Dieses Tag wird mit der aktuellen Basis-URL samt Pfad zum Contao-Verzeichnis ersetzt.
{{env::website_title}} – Dieses Tag wird mit dem Titel der Webseite ersetzt.
Wenn wir diese Modul nun ins Seitenlayout integrieren (zb in den Header Bereich) haben wir das Logo auf allen Seiten, mit Link auf die Startseite.
Ähnliche Beiträge