Добавление favicon-значка сайта — различия между версиями
(не показано 8 промежуточных версий 4 участников) | |||
Строка 1: | Строка 1: | ||
'''Favicon''' (сокр. от англ. ''FAVorites ICON'' — «значок для избранного», от названия папки с закладками в MSIE) — значок веб-сайта или веб-страницы. Отображается браузером в адресной строке перед URL страницы, а также в качестве картинки рядом с закладкой, в вкладках и в других элементах интерфейса. | '''Favicon''' (сокр. от англ. ''FAVorites ICON'' — «значок для избранного», от названия папки с закладками в MSIE) — значок веб-сайта или веб-страницы. Отображается браузером в адресной строке перед URL страницы, а также в качестве картинки рядом с закладкой, в вкладках и в других элементах интерфейса. | ||
− | Чтобы его добавить зайдите в бекофисе магазина в раздел Сайт -> Дизайн -> Редактор | + | Чтобы его добавить зайдите в бекофисе магазина в раздел Сайт -> Дизайн -> Редактор шаблонов |
Строка 13: | Строка 13: | ||
− | Откройте шаблон HTML (шаблоны находятся | + | Откройте шаблон HTML (шаблоны находятся выше всех в списке) и вставьте строчку: |
− | <link rel="icon" type="image/vnd.microsoft.icon" <nowiki>href="{{'favicon.ico' | asset_url}}"</nowiki> /> | + | '''<link rel="shortcut icon" type="image/vnd.microsoft.icon" <nowiki>href="{{'favicon.ico' | asset_url}}"</nowiki> />''' |
− | после строчки < | + | после строчки <head>. Нажмите "Сохранить". После перезагрузки страницы магазина favicon появится. |
− | Если | + | |
− | <link rel="icon" type="image/png" <nowiki>href="{{'favicon.png' | asset_url}}"</nowiki> /> | + | '''Внимание!''' Без вышеуказанной правки шаблона значок не появится! |
+ | |||
+ | Если Ваш favicon в формате png или gif, то эта строка должна выглядеть так: | ||
+ | |||
+ | <link rel="shortcut icon" type="image/png" <nowiki>href="{{'favicon.png' | asset_url}}"</nowiki> /> | ||
+ | |||
или, соответственно | или, соответственно | ||
− | <link rel="icon" type="image/gif" <nowiki>href="{{'favicon.gif' | asset_url}}"</nowiki> /> | + | |
+ | <link rel="shortcut icon" type="image/gif" <nowiki>href="{{'favicon.gif' | asset_url}}"</nowiki> /> | ||
Строка 26: | Строка 32: | ||
В этом теге "image/vnd.microsoft.icon" - MIME-тип формата. Для png это будет "image/png", для gif - "image/gif" | В этом теге "image/vnd.microsoft.icon" - MIME-тип формата. Для png это будет "image/png", для gif - "image/gif" | ||
− | "{{'favicon.ico' | asset_url}}" - полный путь к файлу с иконкой. Если Вы загрузили favicon в раздел Сайт | + | <nowiki>"{{'favicon.ico' | asset_url }}"</nowiki> - полный путь к файлу с иконкой. |
+ | |||
+ | Если Вы загрузили favicon в раздел Сайт -> Файлы, то можете здесь использовать ссылку <nowiki>"{{'favicon.ico' | file_url }}"</nowiki> |
Текущая версия на 18:22, 25 марта 2014
Favicon (сокр. от англ. FAVorites ICON — «значок для избранного», от названия папки с закладками в MSIE) — значок веб-сайта или веб-страницы. Отображается браузером в адресной строке перед URL страницы, а также в качестве картинки рядом с закладкой, в вкладках и в других элементах интерфейса.
Чтобы его добавить зайдите в бекофисе магазина в раздел Сайт -> Дизайн -> Редактор шаблонов
Внизу страницы найдите список файлов. Загрузите туда favicon под именем favicon.ico (также браузерами поддерживается gif и png). Помните, что браузеры поддерживают иконки размером 16х16 или 32х32 пикселя с 8-ми или 12-битной глубиной цвета.
Откройте шаблон HTML (шаблоны находятся выше всех в списке) и вставьте строчку:
<link rel="shortcut icon" type="image/vnd.microsoft.icon" href="{{'favicon.ico' | asset_url}}" />
после строчки <head>. Нажмите "Сохранить". После перезагрузки страницы магазина favicon появится.
Внимание! Без вышеуказанной правки шаблона значок не появится!
Если Ваш favicon в формате png или gif, то эта строка должна выглядеть так:
<link rel="shortcut icon" type="image/png" href="{{'favicon.png' | asset_url}}" />
или, соответственно
<link rel="shortcut icon" type="image/gif" href="{{'favicon.gif' | asset_url}}" />
В этом теге "image/vnd.microsoft.icon" - MIME-тип формата. Для png это будет "image/png", для gif - "image/gif"
"{{'favicon.ico' | asset_url }}" - полный путь к файлу с иконкой.
Если Вы загрузили favicon в раздел Сайт -> Файлы, то можете здесь использовать ссылку "{{'favicon.ico' | file_url }}"