Contao Favicon ändern

Es gibt mehrere Möglichkeiten, um in Contao ein Favicon zu hinterlegen.

Eine Möglichkeit ist die Contao Erweiterung Contao Favicon von Hofff. Nach der Installation kann ein Bild gewählt werden und das Favicon wird automatisch in unterschiedlichen Größen angelegt und in der Website eingebunden.

Die andere Möglichkeit ist, einen Favicon Generator wie Favicon Generator zu verwenden, die vom Generator erstellten Dateien im Theme Ordner hochzuladen und dann im Template fe_page.html5 zu verlinken. Dafür ergänzt du am Besten einfach die bestehende fe_page mit der Extend-Funktion.

Hier ein Beispiel wie so etwas aussehen kann:

<?php $this->extend('fe_page'); ?>

<?php $this->block('head'); ?>
<?php $this->parent(); ?>

<link rel="apple-touch-icon" sizes="180x180" href="/files/theme/favicons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/files/theme/favicons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/files/theme/favicons/favicon-16x16.png">
<link rel="manifest" href="/files/theme/favicons/site.webmanifest">
<link rel="mask-icon" href="/files/theme/favicons/safari-pinned-tab.svg" color="#5bbad5">
<link rel="shortcut icon" href="/files/theme/favicons/favicon.ico">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="msapplication-config" content="/files/theme/favicons/browserconfig.xml">
<meta name="theme-color" content="#ffffff">
<?php $this->endblock(); ?>

Die genauen Zeilen für jede Favicon-Version kannst du dem Favicon Generator entnehmen.

Zuletzt aktualisiert am 19.12.2018 von Dennis Erdmann.

Zurück