Приветствую читатель. Сегодня я расскажу как установить иконку для сайта на WordPress.

Довольно часто, вновь созданные сайты остаются без иконки.

Иконка сайта или favicon — это небольшое изображение или эмблема символизирующая тематику сайта.

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

favicon_image

 

Как сделать favicon?

Советую сделать совой персональный favicon для блога (сайта) так как — это отображение вашей креативности и индивидуальности.

Для создания иконки можно воспользоватся любым графическим редактором, будь то такой мастодонт как Photoshop, если вы приверженец свободного или бесплатного ПО можно взять GIMP или простенький стандартный Paint. В общем каждый выбирает что ему по душе и карману. Ну а дальше — рисуем…рисуем и еще раз рисуем! Рисуем до тех пор пока Вас не устроит результат.

Для лентяев как я.

Если вы не творческая личность или не обладаете должными знаниями в графических редакторах, а может вы просто лентяй и вам не хочется тратить много времени на создание персональной иконки для блога (сайта) — то можно поискать готовые иконки в Google или Yandex. Или воспользоватся таким сайтом как icons ETC. Там вы найдете множество иконок на любую тематику. Все иконки минималистичные, простые и аккуратные.

iconsetc

 

Так же существуют базы фавиконов, вот несколько из них:

Ну что, уже выбрали иконку? Приступим к установке.

Установка иконки (favicon) на WordPress.

Сначала нам потребуется загрузить иконку в библиотеку медиафайлов WordPress.

Заходим в админку. Медиафайлы => Добавить новый.

favicon_image_down

Жмем Выберите файлы и загружаем нашу иконку.

Вот моя загруженная иконка в библиотеке WordPress.

favicon_image_bibl

Нажимаем Изменить, на этой странице нам нужно скопировать ссылку на нашу иконку. Копируем ее куда нибудь, например в Блокнот, нам она скоро пригодится.

favicon_image_url

 

Правим шаблон.

В админке переходим Внешний вид => Редактор

favicon_image_red

 

 

Справа в списке Шаблоны, находим Заголовок (header.php)

favicon_header

 

В файле ищем открывающий тег <head>, он почти в самом верху. И сразу после него вставляем такой код:

link rel="icon" href="ССЫЛКА НА ФАЙЛ" type="image/x-icon"
link rel="shortcut icon" href="ССЫЛКА НА ФАЙЛ" type="image/x-icon" 

В нем фразу ССЫЛКА НА ФАЙЛ меняем ссылкой на фавикон, которую Вы скопировали ранее в Блокнот. Не забываем нажать на кнопку Обновить файл.

Код после этого будет выглядеть примерно так:

favicon_cod

 

Ну вот и все. Фавикон установлен! Зайдите на свой сайт и порадуйтесь изменениям.