Как установить фавикон на сайт

Как установить фавикон на сайт

Практически каждый современный сайт в Интернете имеет специальный значок, который появляется на вкладке браузера после полной загрузки ресурса. Это фото создается и устанавливается каждым владельцем самостоятельно, хотя это не обязательно. В рамках этой статьи мы обсудим возможности установки Favicon на сайты, созданные разными способами.

Вариант 1. Добавить вручную

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

Метод 1. Загрузите значок Favicon

Самый простой метод, поддерживаемый буквально любым современным интернет-браузером, — это добавить уже созданное изображение в корневой каталог вашего сайта. Это можно сделать как через веб-интерфейс, так и через удобный FTP-менеджер.

Как установить фавикон на сайт

Иногда желаемый каталог может иметь имя "public_html" или любой другой, в зависимости от ваших предпочтений относительно настроек.

Как установить фавикон на сайт

Эффективность метода напрямую зависит не только от формы и размера, но и от правильного имени файла.

Метод 2: отредактируйте код

Иногда может быть недостаточно просто добавить значок Favicon в корневой каталог сайта, чтобы он отображался на вкладке браузеров после полной загрузки. В этой ситуации вам нужно будет отредактировать основной файл, выделив страницу, добавив специальный код вверху страницы.

  1. Добавьте следующую строку между маркерами "ГОЛОВА" , где "* / favicon.ico" следует заменить URL-адресом вашего изображения.
  2. Как установить фавикон на сайт

  3. Лучше использовать абсолютное префиксное отношение вместо относительного.
  4. Как установить фавикон на сайт

  5. В некоторых случаях значение "rel" можно изменить на "значок ярлыка" , таким образом увеличивая совместимость с веб-браузерами.
  6. Как установить фавикон на сайт

  7. Значение "тип" Вы также можете изменить его в зависимости от формата используемого изображения:

    Примечание: наиболее универсальным является формат ICO.

    • ICO — "изображение / x-значок" или "изображение / vnd.microsoft.icon" ;
    • Как установить фавикон на сайт

    • PNG — "изображение / png" ;
    • Как установить фавикон на сайт

    • GIF — "изображение / gif" .
    • Как установить фавикон на сайт

    • Если ваш ресурс ориентирован в основном на последние версии браузеров, строку можно сократить.
    • Как установить фавикон на сайт

    • Для максимальной совместимости вы можете добавить сразу несколько строк к ссылке на сайт Favicon.
    • Как установить фавикон на сайт

    • Установленное изображение будет отображаться на всех страницах сайта, но может быть изменено по желанию, добавив вышеупомянутый код в отдельные разделы.
    • Как установить фавикон на сайт

    Читать также:  Как обновить OpenGL в Windows 7

    В обоих методах для появления на вкладке браузера потребуется некоторое время.

    Вариант 2: инструменты WordPress

    При работе с WordPress вы можете прибегнуть к уже описанному варианту, добавив в файл указанный выше код. "header.php" или с помощью специальных инструментов. Благодаря этому иконка будет гарантированно представлена ​​в разделе "Интернет сайт", независимо от браузера.

    Метод 1: Панель управления

    1. Раскройте список из главного меню "Посмотреть" и выберите вкладку "Настройка" .
    2. Как установить фавикон на сайт

    3. На открывшейся странице необходимо использовать кнопку "Свойства сайта" .
    4. Как установить фавикон на сайт

    5. Прокрутите раздел "Настройки" в низ и в раздел "Значок сайта" нажмите на кнопку "Выберите изображение" . В этом случае фотография должна иметь разрешение 512 × 512 пикселей.
    6. Как установить фавикон на сайт

    7. Через окно "Выбор изображения" загрузите желаемое изображение в галерею или выберите то, которое вы добавили ранее.
    8. Как установить фавикон на сайт

    9. Затем вы вернетесь в "Свойства сайта" и выбранное изображение будет отображаться в блоке "Икона" . Здесь вы можете посмотреть пример, отредактировать его или при необходимости удалить.
    10. Как установить фавикон на сайт

    11. После установки желаемого действия в соответствующем меню нажмите на кнопку "Сохранить" или "Издательский" .
    12. Как установить фавикон на сайт

    13. Чтобы увидеть логотип во вкладке на каждой странице вашего сайта включительно "Панель управления" , перезагрузите его.
    14. Как установить фавикон на сайт

    Читать также:  Невозможно установить Windows на это устройство Выбранный диск имеет стиль раздела приложения

    Метод 2: все в одном фавиконе

    1. На сайте "Панель управления" Выбрать "Плагины" и перейти на страницу "Добавить новое" .
    2. Как установить фавикон на сайт

    3. Заполните поле поиска в соответствии с названием нужного вам плагина — все в одном значке — и в блоке с соответствующим расширением нажмите кнопку "Установка" .

      Как установить фавикон на сайт

      Процесс добавления займет некоторое время.

    4. Как установить фавикон на сайт

    5. Теперь вам нужно нажать на кнопку "Активация" .
    6. Как установить фавикон на сайт

    7. После автоматического перенаправления вам нужно перейти в раздел настроек. Это можно сделать через "Настройки" выбрав "Все в одном Favicon" из списка или воспользуйтесь ссылкой "Настройки" на странице "Плагины" в блоке с нужным расширением.
    8. Как установить фавикон на сайт

    9. В разделе параметров плагина добавьте иконку в одну из представленных строк. Это нужно повторить, как в блоке "Настройки внешнего интерфейса", И в "Настройки Backend" .
    10. Как установить фавикон на сайт

    11. Нажмите на кнопку "Сохранить изменения"когда изображение добавлено.
    12. Как установить фавикон на сайт

    13. После завершения обновления страницы будет назначена уникальная ссылка на изображение, которая будет отображаться на вкладке браузера.
    14. Как установить фавикон на сайт

    Читать также:  Скачайте бесплатно CCleaner программу для очистки вашего компьютера

    Этот вариант самый простой в реализации. Мы надеемся, что вам удалось установить Favicon на сайт через панель управления WordPress.

    вывод

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

    Понравилась статья? Поделиться с друзьями:
    Что нужно знать пользователю?