Как установить фавикон на сайт WordPress и где скачать уже готовые иконки

Как установить фавикон на сайт WordPress: готовые фавиконы для сайта

Всем привет! Сегодня я расскажу о том, как установить фавикон на сайт WordPress и где можно скачать уже готовые изображения. Другими словами, вам не придется ломать голову над дизайном: выбираете приглянувшиеся, скачиваете и устанавливаете.

Где скачать

Ниже я приведу примеры нескольких ресурсов, на которых можно подобрать и скачать уже готовые к установке картинки:

  • Findicons – сервис со множеством готовых картинок. Здесь их более 400 тысяч на любой вид, вкус и цвет. К тому же все можно скачать абсолютно бесплатно.
  • Iconj – еще один огромный каталог готовых изображений. Единственное НО — здесь нет поиска. Все придется листать и смотреть вручную, что не очень удобно и затратно по времени.
  • Faviconka – еще один ресурс с кучей картинок. Увы, их здесь не так много, как в первых двух случаях, но все равно можно найти что-нибудь интересное.

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

Установка

Нашли подходящую иконку? Скачали? Отлично. Настала пора узнать, как добавить фавикон на наш сайт. И да, рассматривать я буду исключительно WordPress, потому что с другими движками не дружу. Ну а вот, собственно, все доступные методы установки:

  1. При помощи плагина.
  2. Через шаблон WordPress.
  3. Вручную – ввод кода через редактор в админке.

Чтобы вам было понятнее, что все это значит и куда нужно тыкать, чуть ниже я подготовил небольшие инструкции, которые вам помогут.

Установка при помощи плагина

Начнем с самого простого и наиболее понятного метода — установка фавикона при помощи плагина. Главный плюс данного метода — с ним справится кто угодно, даже если он полный 0 в создании сайтов. Говорю по личному опыту.

Итак, для начала нужно скачать и установить плагин All in One Favicon. Вот ссылка на скачивание. Ну а если вы вдруг забыли, как это делается, то вот моя статья на эту тему.

Скачали? Установили? Отлично, просто переходите в настройки плагина и подгружайте понравившуюся картинку. На этом все, дело сделано. Остается только дождаться, когда она начнет отображаться. И не забудьте очистить кэш браузера!

Через шаблон WordPress

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

Установка фавикона на сайт

Если у вас такого нет, можно сделать немного по другому. Подгружаете изображение в корень сайта и в настройках внешнего вида в разделе дополнительные коды в «header» прописываете:

<link rel="shortcut icon" href="ссылка на ваш сайт/favicon.ico" type="image/x-icon">
<link rel="icon" href="ссылка на ваш сайт/favicon.ico" type="image/x-icon">

Не забудьте добавить в href=»» ваш домен! Иначе ничего работать не будет!

Если вдруг ничего не вышло, добавьте код вручную через «Редактор», как это описано чуть ниже.

Прописываем код

Ну и последний способ — поставить фавикон на сайт вручную, прописав специальный код в редакторе. Для этого нужно:

  • Подгрузить изображение в корень сайта. Это можно сделать вручную или через FTP соединение.
  • Перейти в раздел «Внешний вид» – «Редактор» и найти там файл header.php. В этом файле необходимо прописать следующий html код:
<link rel="shortcut icon" href="<?php echo get_stylesheet_directory_uri(); ?>/favicon.png" />

Установка фавикона на сайт

  • Сделали? Отлично, все готово.

Данный html код немного отличается от представленного выше, но они оба рабочие. Можете использовать любой.

Заключение

Теперь и вы знаете, как установить фавикон на сайт. WordPress позволяет сделать это целыми тремя способами, вам только нужно выбрать подходящий и действовать. На все про все уйдет буквально пара минут и вскоре ваш сайт будет украшать понравившееся изображение или фирменный логотип. У меня же на этом все. Если информация была вам полезна — подписывайтесь, рассказывайте друзьям и до встречи в следующих статьях! Удачи!

ПОДПИШИТЕСЬ НА НОВОСТИ БЛОГА!

Понравилась статья? Поделиться с друзьями:
Блог Максима Ляшенко
Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!:
Нажимая на кнопку "Отправить комментарий", я даю согласие на обработку персональных данных и принимаю политику конфиденциальности.