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

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

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

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

Иконки создаются размером 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 не будет опубликован. Обязательные поля помечены *