Сайт на Wordpressfavicon-for-blog

Всем привет! Затронем сегодня техническую сторону создания нашего блога или может быть у вас сайт, не важно. Главное что сегодня мы научимся делать фавикон и установим его себе на блог.

Что такое фавикон?

Фавикон – это небольшая иконка, которая располагается слева от названия вашего блога в строке браузера. Смотрите пример ниже. Размеры фавикона 16х16 или 32х32.

faviconn

 

Так же она отображается во время поисковой выдачи слева от сайта.

Иконка вроде не большая, но она будет полезна любому сайту. Так как фавикон запоминается посетителям и ваш блог начнут больше узнавать.

Как сделать фавикон?

Я для своего фавикона использовал онлайн сервис www.favicon.cc. Он бесплатный и удобный. Давайте посмотрим как им пользоваться:

– переходим на сайт www.favicon.cc

– заранее уже нужно иметь небольшую квадратную картинку, то изображение которое вы хотите поставить как фавикон. Я в Photoshop’е нарисовал вот такое изображение.

favicon-statya

 

– Загружаем нашу картинку на сайт www.favicon.cc.

favicon-staty2

– Отставляем первый чекбокс, чтобы изображение сохранило пропорции.

favicon-staty3

– Нажимаем “Upload”.

– Вот появился наш фавикон. Здесь мы можем немного подкорректировать его.

favicon-staty4

 

– Если все устраивает, то нажимаем “Download favicon”

favicon-staty5

Фавикон готов. Как же его установить теперь на сайт? Все просто.

 

Как установить фавикон на сайт?

1. Проверяем можно ли установить фавикон используя настройки вашей темы. Для этого зайдите в настройки темы, и поищите пункт типа как у меня.

favicon-staty7

2. Если такой функции нету, то будем устанавливать его через код.

– Закачайте свой фавикон в корневую папку блога на хостинге.

– Теперь вам нужно скачать файл “Header.php”. Открыть его через текстовый редактор, я пользуюсь Notepad++.

Найдите закрывающийся тег </head> и перед ним вставьте код:


favicon-staty8

Сохраняем файл “Header.php”, закачиваем обратно на хостинг. Проверяем на блоге. Фавикон должен появиться  😛

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

Поставили вы уже себе на блог фавикон? Были трудности во время установки? С чем столкнулись пишите в комментариях. И чтобы фавикон стоял долго на вашем блоге, нажмите по ссылочке соцсети 😀

До связи, друзья. С уважением, Илья Чигарев!

 

Скачайте чек-лист
по cозданию сайта
на WordPress

ЧТОБЫ ПОЛУЧИТЬ ЧЕК-ЛИСТ ВВЕДИТЕ
СВОЁ ИМЯ И ЕМЕЙЛ В ФОРМУ НИЖЕ
И ПОДТВЕРДИТЕ ПОДПИСКУ НА ПОЧТЕ

(2) комментария

  1. Отличная статья! Очень доступно написано. Все получилось с первого раза, никаких проблем не возникло! Спасибо большое!!!

Добавить комментарий

Ваш электронный адрес не будет опубликован. Обязательные для заполнения поля помечены *

Отправить