Создание иконки для блога

Каждый блоггер рано или поздно осознает необходимость в установке иконки на свой блог. И для того чтобы в вашем случае это осознание пришло «рано» я и пишу этот пост.

Для начала, я думаю, стоит разобраться, что такое иконка сайта и почему она так нужна. Отвечая на первый вопрос, можно сказать что иконка – это маленький значок, который отображается в адресной строке браузера рядом с адресом сайта, а также в «Избранном» или в «Закладках». А главное её преимущество в том, что сайты с иконками более заметны в поисковой выдаче, чем сайты без них.

Пример иконки сайта:Создание иконки для блога

Иконки создаются размером 16х16 пикселей. Есть много способов их создания от специальных программ на компьютере до сервисов в Интернете. Сегодня я хотел рассказать Вам об одном из сервисов по созданию иконок – https://pr-cy.ru/favicon/. С его помощью Вы можете создать иконку для вашего блога, а процесс этот я разбил на 3 шага.

Шаг 1: Откройте обычный Paint в Windows с полем размером 16х16 пикселей. Далее для удобства приблизьте и нарисуйте вашу будущую иконку самой тонкой кистью. После чего сохраните её в формате .png .

Шаг 2: Зайдите на сайт https://pr-cy.ru/favicon/ и загрузите Ваш рисунок, с компьютера нажав кнопку «Выбрать». Далее нажмите кнопку «Создать favicon.ico» и сайт автоматически преобразует рисунок в нужный формат, Вам останется только сохранить готовую иконку на компьютер.

Шаг 3: Теперь залейте вашу иконку с компьютера в корневую папку вашего блога. А далее вам надо вставить эту строку:

<link rel=»icon» href=»/favicon.ico» type=»image/x-icon»>

между тегами <head> и </head> на вашем сайте. Если у вас блог написан на движке WordPress, то эту строку вам достаточно вставить в файл: http://ваш_сайт/wp-content/themes/ваша_тема/header.php

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

Комментарии

  1. А иконка должна появится сразу или после индексации яшей, у меня не появилась.

    1. Бабай, я посмотрел исходный код вашего сайта – Вы неверно выполнили 3 шаг. Код из него надо вставить между тегами и , а у Вас он стоит между и . Чтобы это исправить в админ.панели зайдите в Дизайн->Редактор и сбоку выберите для редактирования header.php и в нем прямо перед вставьте вышеупомянутый код.

  2. Спасибо за помощь, но я так и понял куда ставить код, в header.php везде пробовал подставить… не получилось.

    1. Бабай, Прочитайте еще раз коммент выше, я не заметил там теги не отображались, сейчас всё исправил.

  3. Админ, а почему себе не поставил? Так и сидишь с пустым листом на фавиконе.

    1. Спасибо за замечание, только сейчас заметил, что у самого путь не верно прописан был (а у меня в браузере отображался).

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

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