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



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

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

favicon2

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

Пожалуй начнём. Существует масса способов установки 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
Готово! Переходим на любую страницу и любуемся полученным результатом!


Понравилась статья? Поделись с друзьями:
Комментариев: 5
  1. YouWeb опубликовал новую статью:

    Подробнее об этой статье ...

    Спасибо за статью) Интересно и несложно... Любые ли темы будут работать с этой схемой? в частности Каденс.

  2. Да, все получается. спасибо за четкость. Не знала, что все так просто. Только вот картинку выбрать... глаза разбегаются. Осталась единственная, но самая приятная трудность. Как же ее выбрать лучше...

  3. Я никогда не выбираю уже готовый фавикон, делаю сама, ведь я хочу, чтобы мой блог был уникальным! Да и тематика нередко такая, что легче сделать, чем выбрать.


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

  4. Primakoff_valery

    Статья хорошая, но мне легче всего работается с простыми программами Microsoft. Для этого случае Paint. А в остальном интересно.

  5. Стоящая статья. Спасибо...

Добавить комментарий
Screenshot.png
Общаясь и проявляя активность в Клубе по WordPress

можно зарабатывать монеты и получить доступ в закрытый раздел