在 October CMS 中通过后端添加 Favicon

Question

我想使用主题自定义选项为网站图标创建文件上传选项：https://octobercms.com/docs/themes/development#customization

但是，如果我理解正确的话，favcicons（和 Apple Touch 图标）需要 a) 有一个特定的名称并且 b) 直接位于根目录下（即 www.website.com/favicon .ico).

是否可以使用主题自定义文件上传字段并将文件上传到根目录并指定名称以用作 favicon 和 apple touch 图标？

如果是，知道怎么做吗？

谢谢。

Answer 1

您或许可以通过创建一个插件来完成此操作，该插件定义一个新的表单小部件，该小部件可用于图像上传，然后为网站图标生成所需的文件。

Answer 2

对于 favicon 和 Apple Touch 图标，您可以声明一个 href 属性

<link rel="icon" type="image/png" href="http://example.com/myicon.png">

<link rel="apple-touch-icon" href="touch-icon-iphone.png">
<link rel="apple-touch-icon" sizes="152x152" href="touch-icon-ipad.png">
<link rel="apple-touch-icon" sizes="180x180" href="touch-icon-iphone-retina.png">
<link rel="apple-touch-icon" sizes="167x167" href="touch-icon-ipad-retina.png">

我们也可以安装这个免费插件：SEO Extension

Answer 3

<link rel="icon" type="image/png" href="{{ 'assets/images/october.png'|theme }}">

将此代码放在您的布局文件中并提供网站图标的完整路径。

在 October CMS 中通过后端添加 Favicon

Adding a Favicon Via the Backend in October CMS

octobercms

october-form-controller

octobercms-backend