18. November 2009

Typolight: Downloads ein anderes Symbol als Hintergrundbild geben

Ich hatte gerade das Problem, dass ich die von Typolight über das Content-Modul “Download” bereitgestellten Icons durch andere ersetzen wollte. Zudem gefällt mir das Einbinden des jeweiligen Icons als <img> nicht wirklich, da ich dort mit den Formatierungen per CSS eingeschränkt bin. Ich wollte das als Hintergrundbild haben.

Da ich so wenig wie möglich direkt im Core von Typolight ändere und eine kurze Suche mir keine anderen Vorschläge gebracht hat, warf ich einen Blick in das Template des “Download”-Moduls von Typolight mit dem Namen “ce_download.tpl“.

Dieses einfach im Typolight-Backend unter “Templates” neu anlegen, darauf hin wird eine Kopie im Ordner “templates” erstellt, die geändert werden kann, ohne das direkt am Core von Typolight was geändert werden muss. Die dadurch entstandene .tpl Datei kann man so auch ganz einfach mit dem Editor der Wahl öffnen und kann auf die Vorteile des Syntax-Highlighting zurückgreifen. Aber genug abgeschweift…

Da ich dort nicht direkt auf die Art des Icons zugreifen konnte, habe ich zwei PHP-Zeilen eingefügt. Diese Zeilen holen den Namen des Icons aus dem Pfad zum Icon. Dann wird dieser Name als Klasse in den a-Tag eingebunden und schon kann man per Klasse ein Icon als Hintergrundbild einfügen.

Das ist meine Änderung in der ce_download.tpl:

<?php //Die Art des von Typolight gewählten Icons bestimmen und als Klasse weitergeben
  $icon=substr(strrchr($this->icon,"/"), 1);  //Dateiname des Icons
  $icon=substr($icon,0,-4); //Dateiendung abschneiden
?>
<a href="<?php echo $this->href; ?>" title="<?php echo $this->title; ?>" class="<?php echo $icon ?>"><?php echo $this->link; ?></a>


Kommentar schreiben: