在 10 月 CMS 中通过后端添加 Favicon答案

【问题标题】：Adding a Favicon Via the Backend in October CMS在 10 月 CMS 中通过后端添加 Favicon
【发布时间】：2017-06-15 09:54:03
【问题描述】：

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

但是，如果我理解正确，收藏图标（和 Apple 触摸图标）需要 a) 具有特定名称，并且 b) 直接位于根目录（即 www.website.com/favicon.ico）。

是否可以使用主题自定义文件上传字段并将文件上传到根目录并赋予所需的名称以用作网站图标和苹果触摸图标？

如果是这样，你知道怎么做吗？

谢谢。

【问题讨论】：

标签： octobercms octobercms-backend october-form-controller

【解决方案1】：

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

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

【讨论】：

这应该是公认的答案，因为硬编码链接中的域名会使您在从本地服务器更改为生产服务器时进入非工作网址

【解决方案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

【讨论】：

也许我遗漏了一些东西，但是如果图标位于子文件夹中，href 属性将如何提供帮助？或者您是说即使图标位于子文件夹中，href 属性也适用于网站图标和苹果触摸图标？

【解决方案3】：

您可以通过创建一个插件来实现，该插件定义了一个新的表单小部件，该小部件可用于上传图片，然后为网站图标生成所需的文件。

【讨论】：