RSS Tvitter facebook gplus vk Youtube
Skip to content

 

Создаем фавикон на сайт (favicon.ico)

фавикон на сайтДорогие друзья, с вами на связи Ольга Абрамова и сегодня о отвечу на вопрос, поступивший мне по почте. Автор спрашивает:

"Уважаемая Оля! При открытии своего сайта edgar-tour.ru мой граватар (фото) появляется только на 1 сек., а потом превращается в  "W". Пробовал вместо фото поставить картинку из предлагаемых в плагине, переустанавливал плагин. Ничего не получается. Все равно возвращается бренд WP. Буду очень признателен, если, что-то подскажите, как  сделать, чтобы граватар (фото) никуда не исчезало? С уважением Эдуард Анатольевич, Рязань."

Видимо, речь все-таки идет о фавиконе. Это маленькая иконка в закладке веб-страницы, когда сайт открыт. Также он отображается в поисковых системах. Он устанавливается, чтобы сайт был отличен от других закладок и его можно было быстро найти. В стандартных ситуациях, как описывает Эдуард, на сайтах Вордпресс отображается символ W. И если у вас открыто несколько вкладок с сайтами Вордпресс, то все они будут одинаковые и вам придется кликать на каждую, чтобы найти нужный ресурс.

Итак, есть 2 пути установки фавикона.

Первый путь, которым обычно пользуются новички и я когда-то тоже, это установка плагина. У автора вопроса как раз установлен плагин, который по какой-то причине дает сбой. Самая распространенная причина - несовместимость версий плагинов и самого Вордпресса.

Есть второй путь, заменить плагин на ... просто фавикон 🙂 Вы сейчас увидите, как всё просто.

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

Когда фавикон создан, скачиваете его к себе на компьютер. Затем идете на хостинг, я рекомендую через ФТП-клиент, и загружаете файл в корневую папку, то бишь public_html. Убедитесь, что у файла расширение favicon.ico. Почему .ico, а не .png, .jpg или другие форматы? Потому что только .ico поддерживается всеми браузерами. Остальные расширения выборочно. Более подробно можете прочитать в Википедии.

Также вы можете создать фавикон в Фотошопе размером 16х16 рх. И самое простое подготовить в любом фоторедакторе картинку с тем же размером и любым расширением (лучше .png), загрузить ее на сервис и оттуда скачать в нужном формате.

Загружаете на хостинг и любуетесь своей работой 🙂

Всем красивых иконок!

И для расслабления паранойя с шарами 🙂 Чем дольше на это смотришь, тем больше кажется, что это не реально 😮

 

Related Posts Plugin for WordPress, Blogger...
Присоединяйтесь ко мне в социальных сетях:

Присоединяйтесь ко мне в ТвиттереПрисоединяйтесь ко мне в Моём Мире
Если информация была для Вас полезна, пжл, проголосуйте за неё с помощью кнопочек

11 комментариев

  1. Маленькое дополнение:- Если фавикон не отображается сразу после установки его в корневую папку, то нужно почистить КЭШ браузера, у меня так было, когда я впервые устанавливал фавикон на свой блог.

    • Ольга Абрамова:

      Михаил, это само собой разумеющееся 🙂 После любых обновлений приходится это делать. И, порой, по несколько раз.

  2. Загрузил, а фавикона нет, и это нормально. Потому что загруженый файл — это обычный файл, их туда можно много загрузить.
    По идее, чтобы фавикон отображался, надо еще что-то сделать. А что именно?

    (Мне это тоже интересно, потому что не хочу иметь много плагинов)

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

    • Ольга Абрамова:

      Олег, чтобы фавикон отображался, расширение файла должно быть ico. А будет он работать, если расширение менять менять в готовом файле, не знаю. Я так пробовала делать с видео, у меня не получалось.

    • Действительно с ico работает, просто плагин все перебивает. Если открыть обычный файл (например, картинку), то фавикон уже другой

    • Когда облегчаешь картинки для сайта, то сохраняешь в jpeg, что как можно легче были, грузишь через FTP, тут же в FTP-клиенте переименовываешь в png и ничего, браузер глотает такую подделку, а вот с ico. не пробовал. Картинки с таким расширением не так уж часто и грузишь. Попробуй, может проскочит такая уловка в браузере.

  3. Уважаемая Оля! Выполнил все Ваши рекомендации, ничего не помогает. У меня подозрение, что тема моего сайта (считаю, что она полностью отображает идею моего блога edgar-tour.ru) работает не совсем корректно. Решил проверить свое подозрение на поддомене. Установил другую тему — фавикон работает. Поставил свою (wp_travel_no3) тему с основного сайта , фавикон не работает. Так, что не всегда красивые темы работают корректно. Но нет худа без добра, параллельно разобрался с FTP-клиентом. Большое спасибо за помощь. Эдуард, Рязань.

    • Попробуйте загрузить фавикон не в папку public_html, а раньше, в папку домена, edgar-tour.ru, вспоминаю, в начале освоения блоговедения, я именно так поступал в некоторых темах.

    • Ольга Абрамова:

      Вот видите, Эдуард, Вам уже ответили 🙂
      Попробуйте и напишите, что у Вас получилось. Мы все возьмём на вооружение. А вот здесь wordpress.org/extend/plugins/wp-clickcha/ Вы можете скачать плагин для комментариев, про который Вы спрашивали.

  4. Анна:

    Спасибо, Ольга! Наконец-то избавилась от плагина Favicons!

    • Ольга Абрамова:

      Анна, пожалуйста. Коль есть адекватная альтернатива, грех не использовать 🙂