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

时间:2017-01-30 09:31:15

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

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

但是,如果我理解正确,favcicons(和Apple Touch Icons)需要a)具有特定名称,并且b)直接位于根目录上(即www.website.com/favicon.ico).

是否可以使用主题自定义文件上传字段并将文件上传到根目录并给出充当favicon和Apple触摸图标所需的名称?

如果是这样,任何想法如何?

感谢。

3 个答案:

答案 0 :(得分: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

答案 1 :(得分:0)

您可以通过创建一个插件来实现它,该插件定义可用于图像上传的新表单窗口小部件,然后为favicon生成所需的文件。

答案 2 :(得分:0)

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

将此代码放在布局文件中,并提供favicon的完整路径。