Добро пожаловать, друзья!

Загрузка и установка favicon на WordPress

Closeup of Computer Screen With Address Bar of Web BrowserПривет всем! Как только Вы создали блог на платформе WordPress, пора подумать об установке фавикона для него. Процесс этот не сложный, не стоит откладывать на потом. "Потом" может не наступит ни когда. Что такое favicon? Вот как трактует вики:

Favicon (сокр. от англ. FAVorites ICON — "значок для избранного") — значок веб-сайта или веб-страницы. Отображается браузером в адресной строке перед URL страницы, а также в качестве картинки рядом с закладкой, во вкладках и в других элементах интерфейса. Традиционно использовались изображения размера 16×16 пикселей формата ICO, помещённые в корневой каталог сайта под именем favicon.ico.

Как отмечено выше, иконка идентифицирует ваш блог, то есть, его нельзя будет спутать с остальными сайтами открытыми в окне вашего браузера. Посмотрите на скриншот:

ustanovit-favicon-na-wordpress
Фавиконы открытых сайтов

Посмотрите на мою иконку блога, я выбрал картинку вордпресс. Раз блог на этом движке, то пусть иконка будет такая. А теперь перейдем к делу, к загрузке и установке картинки на WP.

Как загрузить favicon на ВордПресс

Зайдите в панель управления. В разделе Медиафайлы, нажмите Добавить новый:

ustanovit-favicon
Добавить новый

Затем, "Выберите файлы". Да чуть не забыл, иконка у вас должна быть уже подготовлена, с названием favicon.ico.

ustanovit-favicon-wordpress
Выберите файлы

После того, как иконку загрузите на хостинг, нужно нажать кнопку "Изменить":

ustanovit-favicon-na-wordpress1
Изменить

Только Вы ни чего не меняйте, нам нужен только URL адрес картинки:

ustanovit-favicon1
URL адрес картинки

Скопируйте его и вставьте ссылку в блокнот. Она нам будет нужна потом.  Далее, перейдите в разделе Внешний вид - Редактор:

ustanovit-favicon-wordpress1
Внешний вид - Редактор

После этого на правой стороне, Вы увидите файлы (структура вашего шаблона), нажмите файл "Заголовок" (header.php):

ustanovit-favicon-na-wordpress-2
Заголовок

Как установить фавикон на WordPress 

Для этого вам нужно вставить эти ссылки в код "Заголовок" вашего блога, чуть ниже открывающего тега <head>:

Вместо ваша ссылка здесь вставьте адрес URL изображения который Вы скопировали в ваш блокнот. Обновите файл и опля готово. В браузере от Google картинка появится сразу, в Яндексе браузере ещё не скоро. Придется подождать. На этом, дорогие друзья, у меня все. До встречи.

Комментарии

  • Добрый день! У меня к вам вопрос: вот после того, как мы загрузили картинку в медиафайлы, мы, наверное, должны взять адрес этой картинки? Вы как-то это пропустили, по-моему, или я что-то не так поняла?

    А как иконку загрузить на хостинг? Мы загружаем какую фразу на хостинг, напишите, пожалуйста, что конкретно мы должны загрузить, чтобы «чайникам», таким, как я, было понятно.Это фраза: favicon.ico. или что-то другое?

    Извините за тупые, возможно, вопросы, но они возникают у нас. С уважением, Анна.

    • Анна, это вы пропустили — написано же «нам нужен только URL адрес картинки:…..Скопируйте его и вставьте ссылку в блокнот 🙂

      И вот ещё — Да чуть не забыл, иконка у вас должна быть уже подготовлена, с названием favicon.ico. Иконка это картинка, а favicon название картинки; ico это расширение картинки.

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

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

Решите задачку: *