Mit diesem Snippet kann man einfach und schnell per TypoScript ein Favicon für das Seitentemplate einbinden.
page {
headerData {
10 = TEXT
10 {
value = <link rel="shortcut icon" href="fileadmin/templates/images/favicon.ico" type="image/x-icon">
insertData = 1
}
}
}
Vergessen Sie nicht, den Cache Ihrer TYPO3-Website zu leeren und die Seite in Ihrem Browser neu zu laden, um die Änderungen zu sehen.
Hier noch ein Beispiel um alle gängigen Webbrowser abzudecken:
page {
headerData {
10 = TEXT
10 {
value = <link rel="icon" href="/path/to/favicon-32.png" sizes="32x32">
insertData = 1
}
20 = TEXT
20 {
value = <link rel="icon" href="/path/to/favicon-192.png" sizes="192x192">
insertData = 1
}
30 = TEXT
30 {
value = <link rel="apple-touch-icon" href="/path/to/apple-touch-icon.png">
insertData = 1
}
40 = TEXT
40 {
value = <link rel="mask-icon" href="/path/to/safari-pinned-tab.svg" color="#5bbad5">
insertData = 1
}
50 = TEXT
50 {
value = <meta name="msapplication-TileColor" content="#da532c">
insertData = 1
}
60 = TEXT
60 {
value = <meta name="msapplication-config" content="/path/to/browserconfig.xml">
insertData = 1
}
}
}
Mit dem RealFaviconGenerator kann man alle diese Einstellungen generieren und herunterladen.