Добавление favicon-значка сайта — различия между версиями

Материал из Insales Wiki
Перейти к: навигация, поиск
Строка 1: Строка 1:
 
'''Favicon''' (сокр. от англ. ''FAVorites ICON'' — «значок для избранного», от названия папки с закладками в MSIE) — значок веб-сайта или веб-страницы. Отображается браузером в адресной строке перед URL страницы, а также в качестве картинки рядом с закладкой, в вкладках и в других элементах интерфейса.
 
'''Favicon''' (сокр. от англ. ''FAVorites ICON'' — «значок для избранного», от названия папки с закладками в MSIE) — значок веб-сайта или веб-страницы. Отображается браузером в адресной строке перед URL страницы, а также в качестве картинки рядом с закладкой, в вкладках и в других элементах интерфейса.
  
Чтобы его добавить зайдите в бекофисе магазина в раздел Сайт -> Дизайн -> Редактор тем
+
Чтобы его добавить зайдите в бекофисе магазина в раздел Сайт -> Дизайн -> Редактор шаблонов
  
  
Строка 13: Строка 13:
  
  
Откройте шаблон HTML (шаблоны находятся чуть выше списка файлов) и вставьте строчку:
+
Откройте шаблон HTML (шаблоны находятся выше всех в списке) и вставьте строчку:
 
'''<link rel="shortcut 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> />'''
 
после строчки <link rel="stylesheet" href=<nowiki>"{{ 'content-style.css' | asset_url }}" type="text/css"</nowiki> />. Нажмите "Сохранить". После перезагрузки страницы магазина favicon появится.
 
после строчки <link rel="stylesheet" href=<nowiki>"{{ 'content-style.css' | asset_url }}" type="text/css"</nowiki> />. Нажмите "Сохранить". После перезагрузки страницы магазина favicon появится.
Строка 32: Строка 32:
  
 
В этом теге "image/vnd.microsoft.icon" - MIME-тип формата. Для png это будет "image/png", для gif - "image/gif"
 
В этом теге "image/vnd.microsoft.icon" - MIME-тип формата. Для png это будет "image/png", для gif - "image/gif"
<nowiki>"{{'favicon.ico' | asset_url}}"</nowiki> - полный путь к файлу с иконкой. Если Вы загрузили favicon в раздел Сайт -> Дизайн -> Файлы, то можете здесь указать ссылку на файл, выданную системой.
+
<nowiki>"{{'favicon.ico' | asset_url }}"</nowiki> - полный путь к файлу с иконкой.
 +
 
 +
Если Вы загрузили favicon в раздел Сайт -> Файлы, то можете здесь использовать ссылку <nowiki>"{{'favicon.ico' | file_url }}"</nowiki>

Версия 07:59, 11 апреля 2013

Favicon (сокр. от англ. FAVorites ICON — «значок для избранного», от названия папки с закладками в MSIE) — значок веб-сайта или веб-страницы. Отображается браузером в адресной строке перед URL страницы, а также в качестве картинки рядом с закладкой, в вкладках и в других элементах интерфейса.

Чтобы его добавить зайдите в бекофисе магазина в раздел Сайт -> Дизайн -> Редактор шаблонов


Yandex step4.png


Внизу страницы найдите список файлов. Загрузите туда favicon под именем favicon.ico (также браузерами поддерживается gif и png). Помните, что браузеры поддерживают иконки размером 16х16 или 32х32 пикселя с 8-ми или 12-битной глубиной цвета.


Favicon1.png


Откройте шаблон HTML (шаблоны находятся выше всех в списке) и вставьте строчку: <link rel="shortcut icon" type="image/vnd.microsoft.icon" href="{{'favicon.ico' | asset_url}}" /> после строчки <link rel="stylesheet" href="{{ 'content-style.css' | asset_url }}" type="text/css" />. Нажмите "Сохранить". После перезагрузки страницы магазина 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}}" />


Favicon2.png


В этом теге "image/vnd.microsoft.icon" - MIME-тип формата. Для png это будет "image/png", для gif - "image/gif" "{{'favicon.ico' | asset_url }}" - полный путь к файлу с иконкой.

Если Вы загрузили favicon в раздел Сайт -> Файлы, то можете здесь использовать ссылку "{{'favicon.ico' | file_url }}"