TYPO3 - 添加到主屏幕图标
TYPO3 - Add to homescreen icon
我有一个 TYPO3 9 网站,想在 Android 9 上将首页添加到我的主屏幕。
将 link 添加到我的主屏幕后,它显示为一个显示字母“H”的图标。
将我的页面添加到主屏幕后,我必须进行哪些更改才能显示自定义图标?
我尝试更改网站图标(使用 32x32px png),因为我认为这可能会用作主屏幕上的图标,但没有成功。
Android 上的主屏幕未使用网站图标。您需要在页眉中添加一个单独的标签以添加主屏幕图标。
对于Android:
<link rel="icon" href="icon.png">
对于iOs:
`<link rel="apple-touch-icon" href="icon.png">`
apple-touch-icon
也可能适用于某些 Android 版本,但我认为它已被弃用,可能已在较新版本中删除。
您可以使用以下 TypoScript 将其添加到 TYPO3 网站:
page.headerData.10 = TEXT
page.headerData.10.value = <link rel="icon" href="icon.png">
page.headerData.20 = TEXT
page.headerData.20.value = <link rel="icon" href="icon.png">
当然你需要将它指向一个现有的图像文件并且你需要检查 page.headerData.10 和 page.headerData.20 是否没有用于其他东西(在这种情况下你需要使用不同的数字)。
我有一个 TYPO3 9 网站,想在 Android 9 上将首页添加到我的主屏幕。 将 link 添加到我的主屏幕后,它显示为一个显示字母“H”的图标。
将我的页面添加到主屏幕后,我必须进行哪些更改才能显示自定义图标?
我尝试更改网站图标(使用 32x32px png),因为我认为这可能会用作主屏幕上的图标,但没有成功。
Android 上的主屏幕未使用网站图标。您需要在页眉中添加一个单独的标签以添加主屏幕图标。
对于Android:
<link rel="icon" href="icon.png">
对于iOs:
`<link rel="apple-touch-icon" href="icon.png">`
apple-touch-icon
也可能适用于某些 Android 版本,但我认为它已被弃用,可能已在较新版本中删除。
您可以使用以下 TypoScript 将其添加到 TYPO3 网站:
page.headerData.10 = TEXT
page.headerData.10.value = <link rel="icon" href="icon.png">
page.headerData.20 = TEXT
page.headerData.20.value = <link rel="icon" href="icon.png">
当然你需要将它指向一个现有的图像文件并且你需要检查 page.headerData.10 和 page.headerData.20 是否没有用于其他东西(在这种情况下你需要使用不同的数字)。