Как создать фавикон для сайта?

  Автор:
  421

фавиконЗдравствуйте друзья! Сегодня хочу рассказать вам,» как установить фавикон на ваш сайт?» Речь пойдет о загрузки вашего фавикона на  блог WordPress.

Для этого мы воспользуемся специальным сервисом , для создания фавикона http://favicon.ru . Что такое фавикон- это маленькая картинка 16х16 пикселей, которая отображается браузером в адресной строке.

Для чего это нужно спросите себя, а нужно это, чтоб выделится из общей массы и быть узнаваем.  Чтобы узнать как выглядит фавикон, для этого  нужно, в поисковой строке задать любой вопрос  или написать любое  слово. Я напишу МЛМ и мне открывается страница с множеством ссылок на сайты и у каждого свой фавикон.фавикон

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

И так мы подошли к тому, как загрузить ваш фавикон на сайт. Первым делом заходим на консоль вашего блога, нажимаем на вкладку- внешний виднастройки шаблона.фавикон1

В открывающем окне нажимаете- вставкифавикон1

Здесь мы правой мышкой нажимаем на ссылку http://www.favicon.ru/ которая находится в разделе- Вставкифавикон1

и в сплывающем окне нажимаем- открыть ссылку в новой вкладке . Нам открывается сайт, здесь мы видим ссылку- «сделать фавикон из изображения» Нажимаем выбрать файл.фавикон1

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

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

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

В выпадающем окне нажимаем на кнопку- выберите файлыфавикон

Открывается наш компьютер, находим наш скаченный файл. опускаемся ниже по странице и нажимаем на кнопку Use This imageфавикон

У нас появился наш фавикон.фавиконОпускаемся вниз и нажимаем на кнопку — сохранить настройки

Теперь вы можете пройти на свой блог и посмотреть ваш фавикон.  В строке браузера с названием вашего блога стоит ваш фавикон

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

Первый способ:если я набираю свой сайт http://biznes-2.ru, то в строке браузера на против моего сайта стоит мой фавикон. фавикон

Второй способ:  наберите в поисковой строке https://favicon.yandex.net/favicon/site.ru, вместо site.ru, пишите свой сайт и если ваш сайт проиндексирован выйдет вот такая страница с вашим фавикономфавикон

Третий способ: открываете строку яндекса, нажимаете на вебмастерфавикон1

В открывающем окне нажимаете на мои сайтыфавикон1 И как видите здесь рядом с названием вашего сайта будет находится ваш фавикон, как это видно на моем примере.

И так на этом все. Вы сами убедились , что ничего сложного нет. Мы узнали,  как создать фавикон для сайта. Для этого нужно зайти  на консоль блога WordPress . Нажать ссылку — внешний виднастройки шаблонавставки.  Нажать ссылку: http://favicon.ru , загрузить свою картинку, отредактировать ее.Загрузить на свой компьютер и вставить  в раздел —вставки  и сохранить.

Надеюсь вам было все понятно. Буду благодарна если напишите комментарий и нажмете кнопки социальных сетей. До встречи. Наталья.

Интересная статья? Поделитесь ею пожалуйста с другими:
Оставьте свой комментарий:
4 комментария
  1. где то видел скрипт где можно менять каждый час иконки фавиконов…вы такой не встречали?

  2. Здравствуйте,Наталья.У меня такой же шаблон как у вас,может вы не хотите это афишировать,тогда удалите комментарий.Я просто хотела вас поблагодарить,вы для меня как палочка-выручалочка,спасибо.Продублирую,что бы вы могли выбрать.

  3. Здравствуйте,Наталья.Я просто хотела вас поблагодарить,вы для меня как палочка-выручалочка,спасибо..

на Блоге
в Вконтакте
в Фейсбук