我如何更改 Typo3 中的 Favicon

Question

我想從新的 Typo3 站點（版本 9.5.9）更改網站圖標。 目前它顯示 typo3 自己的圖標。

我按照這里的描述嘗試了https://wiki.typo3.org/Add_your_own_favicon但它仍然顯示 typo3 圖標。

我已經清除了瀏覽器緩存和服務器緩存。

Answer 1

瀏覽器有時在緩存網站圖標方面非常頑固。 到目前為止，我知道兩種解決方案：

• 多次單擊 CTRL+F5 直到顯示新圖標（但訪問者可能仍會看到舊圖標）
• 您可以嘗試在文件參考中使用虛擬版本參數，如page.shortcutIcon = fileadmin/files/favicon.ico?v=xQO7OjawKd這也應該可以解決普通訪問者的問題。 我目前不確定這是否適用於page.shortcutIcon =...

但請記住，此代碼僅替換舊學校圖標。 現在您可能還想為所有給定的平台和設備顯示替代圖標，請參閱https://realfavicongenerator.net/ 。

為此，您需要在 TS 設置中添加更多代碼。 最簡單的方法是從您的網站圖標生成器中復制 html 代碼並將其放入您的 TS 中，如下所示：

page.headerData.1568907945 = TEXT
page.headerData.1568907945.value (
  <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png?v=xQO7OjawKd">
  <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png?v=xQO7OjawKd">
  <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png?v=xQO7OjawKd">
  <link rel="manifest" href="/site.webmanifest?v=xQO7OjawKd">
  <link rel="mask-icon" href="/safari-pinned-tab.svg?v=xQO7OjawKd" color="#5bbad5">
  <meta name="msapplication-TileColor" content="#da532c">
  <meta name="theme-color" content="#ffffff">
)

<link rel="shortcut icon" href="/favicon.ico?v=xQO7OjawKd">您應該刪除部分，因為這是由page.shortcutIcon生成的。 如果版本參數不起作用，您可以嘗試將其保留在這里並使用page.shortcutIcon >刪除舊的。

我希望這會有所幫助並且代碼有效，它只是寫在腦海中；）如果不只是發表評論，我會修復它......

順便說一句，您提到了一個非常古老的 wiki 條目。 您不應將此類文件存儲在 fileadmin 中，因此請創建自己的站點包，請參閱https://www.sitepackagebuilder.com/並將圖標放入 Ressources/Public/Icons 或 web 根目錄中，並將 TS 設置放入 Configuration/TypoScript/setup .排版。

您可以在https://github.com/gstypo3/gsfavicon/blob/master/Configuration/TypoScript/setup.typoscript找到更動態的實現。

整個過程僅適用於前端，但我想后端不是問題。