Загрузка
Создание и продвижение сайтов, интернет-магазинов
г. Щелково

1-ый Советский переулок, дом 25, офис 412

Добавляем фавикон правильно!

В этой статье я расскажу вам как правильно добавить фавикон в тему дизайна Ahead.

Алексей Кремнев

В одном из недавних обновлений в тему дизайна была добавлена возможность разместить любой HTML код в head при помощи блока site.ahead_head_html. Его мы и будем использовать для размещения подключения наших фавиконок.

Создание блока

Для начала нам необходимо создать блок в приложении Сайт. В названии блока укажите site.ahead_head_html.

Создание фавиконки

Теперь создадим все необходимые фавиконки при помощи сервиса favicon-generator. Для создания на понадобится изображение вашего логотипа размера не менее 1024px по ширине и высоте.

Выбираем необходимый файл и нажимаем Create Favicon.

Скачиваем архив с файлами и копируем содержимое текстового поля в созданный ранее блок.

Загружаем получившиеся файлы на сайт

Распаковываем скачанный ранее архив с фавиконками, переходим в приложение Сайт-Файл менеджер, создаем папку где у нас будут хранится иконки. У меня это assets/favicons.

Меняем ссылки на фавиконки в блоке

Теперь нам нужно поменять ссылки на иконки в блок приложения Сайт. Также я удалил <meta name="theme-color" content="#ffffff">, т.к. этот meta тег уже есть в теме дизайна.

Отключаем вывод стандартной фавиконки

В версии 1.2.5 появилась настройка отключения стандартной фавиконки.

Отлично! Теперь у вас на сайте отображается полный комплект фавиконок для всех браузеров.

Мы используем cookies для быстрой и удобной работы сайта. Продолжая пользоваться сайтом, вы принимаете условия обработки персональных данных.
0
0