Как изменить иконку сайта на WordPress

Как изменить иконку сайта на WordPress

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

Итак, Вы осознали необходимость в переменах? Здорово! Начнём с выбора подходящего варианта.

Как изменить иконку сайта на WordPress?

Первый способ очень простой.

Идёте на самый большой сервис бесплатных иконок Icon Finder и выбираете картинку которая подходит к тематике Вашего сайта (или ту, которая очень Вам нравится). Здесь можно скачать уже готовую иконку, сверху каждой картинки указаны два формата PNG и ISO. Готовая иконка должна быть в формате ISO размером 16х16 пикселей.

Бывает, что Вам приглянулось какое-то изображение, но его нет в нужном размере и формате, что делать? Скачиваете его в формате PNG на свой компьютер, потом идёте на бесплатный сервис генерации иконок DYNAMIK DRIVE (регистрация там не нужна) загружаем изображение, нажимаем кнопочку Create Icon (создать иконку).

После создания появиться кнопка Download Icon (скачать иконку), скачиваете себе на компьютер и устанавливаете на сайт (об этом чуть позже).

Второй способ для тех, кто умеет рисовать и владеет навыками работы в «Фотошоп» или похожей программе. Плюсы этого способа в том, что можно сделать УНИКАЛЬНУЮ иконку. Такой точно не будет больше ни у кого.

К примеру, если Вы ведёте личный блог и продвигаете свой бренд, иконкой для сайта могут стать Ваши личные инициалы.

Создаём в Фотошопе КВАДРАТНЫЙ документ (это важно!) предположим 100х100 пикселей, придумываем дизайн, воплощаем его и сохраняем готовую картинку в JPGE-формате. Потом идём на бесплатный сервис генератора иконок и делаем всё тоже самое, как описано в первом способе.

Несколько простых принципов выбора иконки:

Используйте яркие и контрастные цвета (в конечном итоге иконка получается очень маленькой 16Х16 пикселей и если она бледная, рассмотреть её будет проблематично)

Квадратная иконка заметнее чем круглая (больше площадь), но это вопрос личного предпочтения

Не делайте иконку со множеством мелких деталей, их всё равно не будет видно.

Загружаем готовую иконку на свой сайт

Это можно сделать различными способами, но когда нужно загрузить какой-то небольшой файл можно сделать так: идёте в панель управления своим сайтом на хостинге (у меня это хостинг TimeWeb) открываете файловый менеджер, потом заходите в папку public_html, в самом верху нажимаете кнопку файл в выпадающем меню, выбираете загрузить и загружаете файл готовой иконки на сайт.

Теперь нужно поместить такой же точно файл иконки в папке темы Вашего сайта. Для этого открываем public_html -->> wp-content -->> themes -->> открываете папку с Вашей темой и загружаете туда иконку ещё раз. Всё. Обновляете страницу сайта и смотрите на результат. Если иконка не появилась, обновите страницу несколько раз, если и это не помогло, очистите кэш в браузере.


Карта сайта


Информационный сайт Webavtocat.ru