Практически каждый современный сайт в Интернете имеет специальный значок, который появляется на вкладке браузера после полной загрузки ресурса. Это фото создается и устанавливается каждым владельцем самостоятельно, хотя это не обязательно. В рамках этой статьи мы обсудим возможности установки Favicon на сайты, созданные разными способами.
Вариант 1. Добавить вручную
Вам понравится этот вариант добавления значка на сайт, если вы не используете платформу, которая предоставляет специальные инструменты.
Метод 1. Загрузите значок Favicon
Самый простой метод, поддерживаемый буквально любым современным интернет-браузером, — это добавить уже созданное изображение в корневой каталог вашего сайта. Это можно сделать как через веб-интерфейс, так и через удобный FTP-менеджер.
Иногда желаемый каталог может иметь имя "public_html" или любой другой, в зависимости от ваших предпочтений относительно настроек.
Эффективность метода напрямую зависит не только от формы и размера, но и от правильного имени файла.
Метод 2: отредактируйте код
Иногда может быть недостаточно просто добавить значок Favicon в корневой каталог сайта, чтобы он отображался на вкладке браузеров после полной загрузки. В этой ситуации вам нужно будет отредактировать основной файл, выделив страницу, добавив специальный код вверху страницы.
- Добавьте следующую строку между маркерами "ГОЛОВА" , где "* / favicon.ico" следует заменить URL-адресом вашего изображения.
- Лучше использовать абсолютное префиксное отношение вместо относительного.
- В некоторых случаях значение "rel" можно изменить на "значок ярлыка" , таким образом увеличивая совместимость с веб-браузерами.
- Значение "тип" Вы также можете изменить его в зависимости от формата используемого изображения:
Примечание: наиболее универсальным является формат ICO.
- ICO — "изображение / x-значок" или "изображение / vnd.microsoft.icon" ;
- PNG — "изображение / png" ;
- GIF — "изображение / gif" .
- Если ваш ресурс ориентирован в основном на последние версии браузеров, строку можно сократить.
- Для максимальной совместимости вы можете добавить сразу несколько строк к ссылке на сайт Favicon.
- Установленное изображение будет отображаться на всех страницах сайта, но может быть изменено по желанию, добавив вышеупомянутый код в отдельные разделы.
В обоих методах для появления на вкладке браузера потребуется некоторое время.
Вариант 2: инструменты WordPress
При работе с WordPress вы можете прибегнуть к уже описанному варианту, добавив в файл указанный выше код. "header.php" или с помощью специальных инструментов. Благодаря этому иконка будет гарантированно представлена в разделе "Интернет сайт", независимо от браузера.
Метод 1: Панель управления
- Раскройте список из главного меню "Посмотреть" и выберите вкладку "Настройка" .
- На открывшейся странице необходимо использовать кнопку "Свойства сайта" .
- Прокрутите раздел "Настройки" в низ и в раздел "Значок сайта" нажмите на кнопку "Выберите изображение" . В этом случае фотография должна иметь разрешение 512 × 512 пикселей.
- Через окно "Выбор изображения" загрузите желаемое изображение в галерею или выберите то, которое вы добавили ранее.
- Затем вы вернетесь в "Свойства сайта" и выбранное изображение будет отображаться в блоке "Икона" . Здесь вы можете посмотреть пример, отредактировать его или при необходимости удалить.
- После установки желаемого действия в соответствующем меню нажмите на кнопку "Сохранить" или "Издательский" .
- Чтобы увидеть логотип во вкладке на каждой странице вашего сайта включительно "Панель управления" , перезагрузите его.
Метод 2: все в одном фавиконе
- На сайте "Панель управления" Выбрать "Плагины" и перейти на страницу "Добавить новое" .
- Заполните поле поиска в соответствии с названием нужного вам плагина — все в одном значке — и в блоке с соответствующим расширением нажмите кнопку "Установка" .
Процесс добавления займет некоторое время.
- Теперь вам нужно нажать на кнопку "Активация" .
- После автоматического перенаправления вам нужно перейти в раздел настроек. Это можно сделать через "Настройки" выбрав "Все в одном Favicon" из списка или воспользуйтесь ссылкой "Настройки" на странице "Плагины" в блоке с нужным расширением.
- В разделе параметров плагина добавьте иконку в одну из представленных строк. Это нужно повторить, как в блоке "Настройки внешнего интерфейса", И в "Настройки Backend" .
- Нажмите на кнопку "Сохранить изменения"когда изображение добавлено.
- После завершения обновления страницы будет назначена уникальная ссылка на изображение, которая будет отображаться на вкладке браузера.
Этот вариант самый простой в реализации. Мы надеемся, что вам удалось установить Favicon на сайт через панель управления WordPress.
вывод
Выбор того, как добавить иконку, зависит только от ваших предпочтений, ведь во всех вариантах вы можете добиться желаемого результата. Если возникнут трудности, проверьте выполненные действия еще раз и вы можете задать соответствующий вопрос в комментариях.