Статьи

Статьи » Инструкции по работе со Slaed CMS

Настройка иконки favicon для сайтов на slaed

Как настроить иконки на сайте.



Создаём фавикон  для современных и старых браузеров.
Рисуем иконки (три варианта на выбор).

  1. Заказываем у дизайнера,
  2. закачиваем картинку на онлайн сервис https://www.favicon-generator.org/ (либо другой - не принципиально) и скачиваем от туда результат,
  3. рисуем сами.


Загружаем иконки на сайт.
Фавикон с расширением ico  кидаем в корень сайта.
Все остальные в  папку templates/default/images/logos/

Создаём манифест
Создаём файл manifest.webmanifest со следующим содержимим

{
  "icons": [
    { "src": "templates/default/images/logos/192.png", "type": "image/png", "sizes": "192x192" },
    { "src": "
templates/default/images/logos/512.png", "type": "image/png", "sizes": "512x512" }
  ]
}

и закидываем в корень сайта. Туда же где и фавикон.

Добавляем ниже следующий код в блок head сайта

<link rel="icon" href="favicon.ico"> 
<link rel="icon" href="images/favicons/icon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="images/favicons/apple.png"> 
<link rel="manifest" href="manifest.webmanifest">

Dcё.

1
1
Назад
Нет комментариев. Почему бы Вам не оставить свой?
Ваше сообщение будет опубликовано только после проверки и разрешения администратора.
Ваше имя:
Комментарий:
ББ Редактор 6.2 Pro
Смайл - 01 Смайл - 02 Смайл - 03 Смайл - 04 Смайл - 05 Смайл - 06 Смайл - 07 Смайл - 08 Смайл - 09 Смайл - 10 Смайл - 11 Смайл - 12 Смайл - 13 Смайл - 14 Смайл - 15 Смайл - 16 Смайл - 17 Смайл - 18
АБВГДЕЁЖЗИЙ КЛМНОПРСТУФ ХЦЧШЩЬЫЪЭЮЯ
ABVGDEJOZHZIJ KLMNOPRSTUF XCCHSHW'Y#JEJUJA
Секретный код:Для обновления секретного кода нажмите на картинку
Повторить:

Технологии

PHP MySQL HTML 5 CSS 3 jQuery jQuery UI

Контакты

  • D-14054, Deutschland
    Berlin, Prenzlauer Str. 4
  • +49 176 00000000

  • https://slaed.net