Всем привет! В прошлой статье мы узнали, что такое виджеты в WordPress и я обещал, что расскажу как вставить favicon в WordPress. Начнем с того, что такое favicon для сайта и как его можно сделать?

Как вставить favicon в WordPress

Что такое favicon для сайта?

Итак, favicon – это значок сайта или блога, отображающийся во вкладке браузера. Чтобы вам было понятнее, посмотрите, как выглядит favicon моего блога:

Favicon моего блога

Как сделать favicon для сайта?

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

Что это за сервисы?

  • Favicon.cc – самый легкий в освоении сервис для создания favicon’ов .

Favicon.cc

  • Genfavicon.com – простой и удобный сервис, который сделает favicon из вашего изображения.

Genfavicon

Покажу на примере:

  • Открываем Genfavicon.com.
  • Выбираем изображение, из которого хотим сделать favicon для блога, нажимаем «Upload image».

Выбираем изображение

  • Выбираем размер, нажимаем «Сapture & Preview».

Выбираем размер

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

Выбираем размер

  • Скачиваем favicon, нажимаем «Download Favicon».

Скачиваем favicon

После того, как favicon мы сделали и скачали, самое время вставить его на наш блог или сайт.

Как загрузить и установить favicon в WordPress?

  • Открываем «Консоль WordPress».
  • Нажимаем «Медиафайлы – Добавить новый».
  • Нажимаем кнопку «Выберите файлы» и выбираем favicon.ico.

Нажимаем "Изменить"

  • Нажимаем «Изменить».
  • Копируем ссылку на файл.

Копируем ссылку на favicon

  • Далее, нажимаем «Внешний вид – Редактор».
  • Выбираем  header.php, находим тег <head>.

Выбираем header.php

  • После тега <head> вставляем следующий код:
<link href="http://bikersky.ru/wp-content/uploads/2014/03/favicon.ico" rel="icon" type="image/x-icon" />
<link href="http://bikersky.ru/wp-content/uploads/2014/03/favicon.ico" rel="shortcut icon" type="image/x-icon" />
  • Путь к favicon.ico указываем свой, который скопировали ранее в библиотеке (поле «Ссылка на файл»).
  • Нажимаем «Обновить файл».
  • Готово! Favicon в WordPress установлен. Для проверки обновите свой блог.

Если что-то не получилось, задавайте вопросы в комментариях.

После всех манипуляций у вас наверно возник вопрос, зачем вообще вставлять favicon на блог/сайт и т.д. Дело в том, что это добавляет уникальности блогу, а кто работает над построением своего бренда, для того сайт без иконки – не сайт.

Возможно, это грубо сказано, но сейчас все имеет значение. Начиная от уникального дизайна, логотипа, иконок, favicon’а, заканчивая копирайтами и водяными знаками на всем чем, только можно. Плюс, это не только формирует бренд, но еще и автоматически защищает вас от копирования.

Следующую статью я хотел бы сделать необычного формата. Скорее всего, она будет разделена на 2 части и возможно, я сделаю из этой статьи эстафету.

Название я уже придумал: «Познакомимся поближе или как я пришел в блоггинг».

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

Подписывайтесь на обновления блога, чтобы не пропустить эстафету и возможно, самому поучаствовать в ней!

Хорошего дня!

Все люди, посланные нам — это наше отражение. И посланы они для того, чтобы мы, смотря на этих людей, исправляли свои ошибки, и когда мы их исправляем, эти люди либо тоже меняются, либо уходят из нашей жизни. Борис Пастернак ©.

С уважением,