Где взять и как вставить иконку «favicon» для блога на WordPress?

Опубликовано: 11.10.2014 | 781

Где взять бесплатную иконку "favicon" для блога и как вставить?

Всем привет. С Вами Александр Васильев. В сегодняшней статье я расскажу Вам о том, как сделать для Вашего блога иконку favico, а также где её взять и как вставить в движок. В стандартной сборке WordPress, почему-то, не предусмотрели возможность установки иконки блога, которая является мини-визиткой каждого ресурса. Она отображается как во вкладках браузеров, так и в поисковой выдаче поисковых систем. Данная инструкция также подойдёт и для других сайтов.

Содержание:
1. Где взять иконку для блога или как её сделать самому?
2. Как вставить отображение иконки?

Где взять бесплатную favicon?

Можно пойти обычным стандартным путём. Ввести в поисковой системе фразу «Скачать архив иконок» или какую-нибудь аналогичную. Но не будем искать, а сразу же обратимся к зарубежному сайту, который позволяет выбрать и скачать иконку для своего блога из ассортимента в более чем 200 000 иконок. Также, в этом сервисе, Вы сможете нарисовать такую картинку сами, но я рекомендую выбрать одну из представленных.

Переходим на сайт favicon.cc и нажимаем на ссылку «Top Rated Favicons».

Выбираем иконку favicon. 1 скриншот!Перед Вами откроется страница выбора иконок. Чтобы посмотреть следующую иконку, нажимаем ссылку «Next». Чтобы перейти к скачиванию выбранной иконки, нажимаем на саму картинку.

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

Выбираем иконку favicon. 3 скриншот!Вот и всё. Иконку выбрали и скачали. Сложно? Конечно же нет.

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

Как установить иконку на блог?

Теперь ещё парочку телодвижений. Нам нужно закачать выбранную иконку в корень блога и вставить код в определённый файл для отображения иконки в нужном месте. Как правило, это файл header.php, который находится в папке нашей темы. Открываем его и вставляем код сразу же после тега <head>.

<link rel="icon" href="http://irakezblog.ru/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="http://irakezblog.ru/favicon.ico" type="image/x-icon" />

Не забудьте вместо адреса моего блога вставить адрес своего!

Всё. Теперь наш блог оснащён красивой иконкой, которая также будет отображаться и в поисковой выдаче. Как я уже говорил, данная мини-картинка будет небольшой визиткой Вашего ресурса, по которому Вас будут узнавать. Я, например, использую эту же иконку в начале заголовков статей, но это уже мои «тараканы».

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

БредТак себеНеплохоХорошоОтлично
Загрузка...
Подписка на новые статьи блога


Не будь жадиной! Поделись с друзьями :)



Комментарии к этой записи (Правила):

  1. Юрий Йосифович (20.11.2014)



    Какие форматы изображений можно использовать в favicon?
    Какие размеры изображений можно использовать для этого файла?
    Как формат изображения повлияет на код интеграции favicon для правильной интерпретации браузером?

    Собственно ответы на эти вопросы я хотел бы прочитать либо в комментариях, либо в публикации.

    1. Александр Васильев (20.11.2014)



      1. Ну вообще принято использовать формат *ico. Думаю и png подойдёт, не пробовал.
      2. 16х16 пикселей. Хотя есть и больше.
      3. Всё зависит от браузера. Про IE вообще говорить не хочется, а вот с остальными проблем быть не должно.

      1. Юрий Йосифович (21.11.2014)



        Фишка следующая — формат изображений четко регламентирован, и полный список можно получить в справочниках при желании.
        Размер изображений для фавикон может быть любой (квадратный — хотя даже в этом я сейчас не уверен).
        Ну а код интеграции будет изменяться при каждом разном разрешении картинки однозначано — именно от этого кода зависит как будет восприниматься эта иконка как браузером, так и поисковыми системами.

  2. Оксана Адменко (11.12.2014)



    Александр, а где найти этот файл header.php? Где то помню видела, а где именно не помню…. а то тут нахимичу :)

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *

:arrow: 
:biggrin: 
:confused: 
:cool: 
:cry: 
:eek: 
:evil: 
:exclaim: 
:idea: 
:lol: 
:mad: 
:mrgreen: 
:neutral: 
:question: 
:razz: 
:redface: 
:rolleyes: 
:sad: 
:) 
:surprised: 
:twisted: