Установка favicon на WordPress

Share on Pinterest
Share with your friends










Отправить
4
Всего

Favicon на вашем сайте, такая же неотъемлемая часть, как и всё оформление в целом. Но новички часто об этом забывают, а порой просто не знают, что это вообще такое. Так вот, favicon, а если быть точным, то favicon.ico — это маленькая квадратная картинка на вкладке в браузере. Вот она:

favicon1
Так же картинка, будем называть её favicon, отображается в поисковике при запросах, именно поэтому она должна быть яркой, оригинальной и запоминающейся, ведь только взглянув на неё, посетитель должен сразу определить ваш сайт.

favicon2

Возьмите на заметку: Стандартным размером favicon.ico является 16*16 пикселей.

Пожалуй начнём. Существует масса способов установки favicon на WordPress. Мы рассмотрим лишь один. По сути, он является самым лёгким в отношении нагрузки на сайт. Ведь мы не хотим забивать наш блог бесполезными плагинами. Этот способ состоит в том, чтобы закинуть готовую картинку в корень сайта и немного изменить код страницы.

Первым делом нам нужно создать файл .ico. Для этого существует специальный сервер favicon.cc. здесь можно вставить свою картинку любого формата и просто сделать из неё ico, либо нарисовать самому.

Попадая на сайт, мы видим графический редактор. Но я не буду рисовать, а загружу свою картинку. Вы можете выбрать, как вам угодно, суть не меняется.

Для загрузки нажимаем на import image.

favicon3
Галочку ставим на второй выбор и загружаем картинку. Жмём upload.
favicon4
Картинка загружена, листаем вниз и скачиваем favicon.
favicon5
Скачанный файл любым удобным для вас способом закиньте в корень сайта. После этого переходите на ваш блог Консоль -> Внешний вид -> Редактор.
favicon6
Ищем Заголовок (header.php) и после тега <head> вставляем этот код, заменяя на ваш сайт. Сохраняем.

<link rel="icon" href="http://адрес-вашего-сайта.ru/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="http://адрес-вашего-сайта.ru/favicon.ico" type="image/x-icon" />

favicon7
Готово! Переходим на любую страницу и любуемся полученным результатом!

Share on Pinterest
Share with your friends










Отправить
4
Всего


Похожие записи

Комментарии к “Установка favicon на WordPress”
  1. Venera 06.10.2016
  2. gorod174 06.10.2016
  3. Elol 06.10.2016
  4. Primakoff_valery 06.10.2016

Напишите ответ