Где в wp заменить фавикон. Загрузка и установка favicon на WordPress
Favicon (сокр. от англ. FAVorites ICON - «значок для избранного», от названия папки с закладками в MSIE ) это значок веб-сайта или веб-страницы. Отображается браузером во вкладке перед названием страницы, а также в качестве картинки рядом с закладкой, во вкладках и в других элементах интерфейса.
Допустим, что у нас уже есть готовый фавикон (favicon). Это может быть картинка с любым названием в форматах GIF, JPEG, PNG или BMP. Однако напомню, что лучше всего, если это будет файл изображения в формате.ICO с размером 16×16 пикселей favicon.ico. Переименуйте, если у Вас не так.
Добавить Favicon на сайт очень легко. Надо просто скопировать его в корневую директорию сайта по FTP. На Вордпресс это папка public_html (там, куда устанавливали robots.txt).
В принципе, можно больше ничего не делать. Современные браузеры сами найдут пиктограмму, если она расположена в корневой папке блога. Но мы ведь хотим, чтобы наша иконка отображалась и в поисковой выдаче. Поэтому, будет лучше, если указать специальному роботу Яндекса путь к файлу favicon.ico. Для этого в html-коде страниц блога между тегами
надо прописать такой код:В данном примере файл находится в корне сайта, а его адрес прописан в виде относительной ссылки. Если Вы загрузили картинку в другую папку, то укажите полный путь к ней в атрибуте href. Если картинка не в формате.ico, то укажите это в атрибуте type, заменив x-icon на нужный формат.
Многие советуют вставлять обе строки, но я считаю это лишним и советую прописывать только верхнюю строчку. Поясню, для Internet Explorer пишем значение “shortcut icon“, остальные браузеры понимают “icon“, которое уже входит в это значение.
как прописать код favicon для WordPress :
Как поменять иконку сайта
Если на сайте уже установлен favicon, но Вы хотите заменить его другим, то просто открываем по FTP корневую папку блога и меняем существующий файл на новый с таким же названием и форматом.
Если картинка расположена в другом месте, то делаем следующее:
- Открываем в браузере код страницы сайта (Ctrl+U).
- Ищем строку, где прописан адрес фавикона.
- Заменяем файл по указанному адресу.
Почему не отображается favicon
Если favicon не отображается в браузере после установки или замены, надо:
- перезапустить браузер;
- обновить кеш;
- проверить правильность пути к пиктограмме сайта.
В поисковой выдаче Яндекса favicon появится только после того, как сайт посетит специальный робот. После этого фавиконка преобразуется в формат PNG и добавляется на сервер Яндекса по адресу http://favicon.yandex.net/favicon/blogibiznes.ru. Чтобы увидеть иконку своего сайта, замените имя моего домена своим. Бывает, что Яндекс долго не отображает пиктограмму в выдаче. Надо подождать и, если через месяц иконка не появится, можно задать вопрос в тех.поддержку.
Вконтакте
Все ещё переходя с сайта на сайт можно заметить, что многие из них не используют иконку именуемую – favicon. Хотя иконка чуть ли не последняя вещь необходимая для сайта, она всё же придает чувство завершенности в дизайне. Так что, если у вашего сайта всё ещё установлена стандартная иконка, эта статья для вас.
Информация для вас не будет новой, но давайте взглянем правде в глаза – если вы хотите, чтобы к сайту относились серьёзно, вам следует поставить favicon.ico Подумайте сами, ведь когда у вас открыто много вкладок, вы сами ориентируетесь по иконкам сайта.
Давайте сразу приступим к делу.
Что такое Favicon?
Favicon происходит от «favorites icon», то есть “значок избранного”, и представляет собой значок сайта или страницы. Отображается браузером в адресной строке перед URL-адресом страницы, а также в качестве картинки рядом с закладкой, во вкладках и в других элементах интерфейса. Чтобы увидеть пример, просто взгляните на закладку страницы:
Еще, фавиконка отображается в результатах поисковой выдачи:
Для чего он нужен?
С помощью значка пользователь может легко определить, на каком сайте он находится. Эти иконки используются практически во всех современных браузерах и часто в других сервисах, например, в RSS-читалках и приложениях для управления закладками.
Для чего моему сайту нужен Favicon?
В общем-то, это личный вопрос, но учитывая то, насколько легко они устанавливаются, мы настоятельно рекомендуем вам использовать эти иконки. Кроме того, как уже было выше сказано, с favicon’ом ваш сайт смотрится полностью завершенным.
Как сделать Favicon?
Выберите изображение, которое точно и лаконично может описать ваш сайт. Потом, с помощью графического редактора (Photoshop, GIMP) уменьшите размер изображения до 16×16 пикселей. Сохраните ваш шедевр в формате.png.
Прежде чем добавить значок на ваш сайт, вы должны сконвертировать его в файл с расширением “.ico”. Для этого посетите сайт .
Инструкция по конвертации:
- Просто загрузите ваш.png файл на faviconr.com.
- Всю работу за вас сделает сервис Faviconr.
- Вам остается просто скачать, ну и запомнить, куда вы его сохранили.
Как добавить Favicon на WordPress?
Раз у вас уже есть.ico-файл, пришло время установить его на свой сайт. Вам нужно загрузить его в корневой каталог на сервере..ico, то должны увидеть ваш Favicon, только этот пример в случае с нашим доменом, у вас будет другой домен, но путь к файлу должен быть аналогичный.
<-link rel=”shortcut icon” href=”/favicon.ico” type=”image/x-icon” />-
Если ваш сайт на WordPress, вы найдёте эти теги в файле «-header.php»-. Вот и всё, теперь у вашего сайта есть Favicon!
Два видео-урока по теме иконок сайта:
Иконка сайта или favicon - это лицо вашего сайта которое отображается в браузере перед названием вашего ресурса. Функциональной нагрузки фавикон не несет, но он повышает имидж и визуальную привязанность к вашему сайту. Сегодня мы попробуем разобраться, как установить favicon WordPress сайта, быстро и без всяких проблем.
Рассудите сами как бы происходил поиск нужной вкладки, если бы было открыто хотя бы 10 одновременно в браузере и все они выглядели идентично? Именно для такого зрительного различия и был придуман и внедрен favicon.
Обновление от 19.08.2015. В новой версии WordPress 4.3 существует способ добавления любой картинки и создание иконки сайт а .
Создание иконки для WordPress сайта
Урок из цикла посвященного базовым , поможет вам сделать все правильно и не переплачивать лишние деньги.
Фавикон - графическое изображения размером 16×16 или 32×32 пикселя, внедренное в ваш сайт в формате ico или png картинки возле названия вкладки.
Для того, что бы установить favicon WordPress сайта существует несколько способов:
- Нарисовать изображение в графическом редакторе самостоятельно.
- Найти подходящее изображение и изменить его размер до нужного.
- Создать favicon в онлайн режиме.
- Заказать у дизайнеров уникальную «этикетку».
- Плагин для иконки.
Давайте разберем все по порядку.
Способы создания favicon для WordPress сайта
Что бы нарисовать самостоятельно иконку не нужно быть великим художником, если вы знаток Photoshop тогда у вас не возникнет проблем, но даже если вы кроме стандартного Peint от Windows больше никакими знаниями рисования не владеете, то и это не беда. Попробовав один раз сделать иконку такого малого размера, вы убедитесь в том, что не все так плохо как казалось. Но опять же все зависит от вашей фантазии.
Я думаю что бы нарисовать что-нибудь подобное, вам не нужны навыки дизайнера, это изображение было создано в peint размером 400×400, теперь изменим до нужного нам размера 16×16 и сохраним в формате ico. Что же у нас получится в итоге?
Как видим это не так и страшно выглядит, но потратив немного времени в более качественном графическом редакторе можно получить достаточно хороший уникальный favicon.
Если у вас есть на примете подходящее изображение для favicon тогда вам стоит только залить его в любой редактор и изменить его размер, сохранить в нужном формате, все ваши труды закончились, после того как мы пропишем путь к favicon на сайте WordPress она будет рабочей и доступной.
Одним из таких сайтов для создания иконки сайта является pr-cy.ru куда можно закачать вашу картинку и уже забрать в нужном размере и формате.
Создать favicon онлайн очень просто, для этого существует множество сервисов и приложений. Единственный недостаток это примитивизм данного способа, но если вы не преследуете цели высокого качества изображения тогда это лучший способ для вас.
Лучший сайт на котором можно создать иконку для сайта в онлайн режиме это favicon.cc. Это англоязычный бесплатный сервис, позволяющий рисовать в простейшем поле, с небольшим набором инструментов.
Но если захотеть и немного постараться, то можно получить достаточно хорошую работу в итоге.
Заказать иконку у дизайнеров будет стоить вам денег, перед тем как это делать подумайте трижды и попробуйте самому все сделать, лучше пустите эти деньги на продвижение сайта.
Плагин для установки favicon даже рассматривать не буду, зачем нам засорять и замедлять наш сайт если вся и так проще некуда для внедрения.
Что бы установить favicon в наш сайт на WordPress нужно скачать файл header.php с нашего сервера и прописать в него следующие строки между тегами
Файл с изображением должен быть в корневой папке сайта, если же его размещаем в другой каталог тогда нужно прописывать к нему путь.
Начиная с версии 4.3 можно устанавливать иконку сайта непосредственно с визуального редактора страниц. Так же благодаря данному обновлению размер и картинки больше не важно, программа сама отредактирует и сделает все как нужно.
Как установить Favicon WordPress можно посмотреть в следующем видео уроке:
Сделали? Все на этом данный урок закончен и цель достигнута, вы разобрались как устанавливать Favicon WordPress.
Вы можете продолжать изучать наши и стать специалистом в разработке сайтов на данной платформе.
(Последнее обновление: 22.12.2018)
Привет всем! Favicon wordpress как установить ? Очень легко и просто. Как только вы блог/сайт на платформе WordPress , произвели базовую вордпресс пора подумать об установке фавикона для сайта. Процесс этот не сложный, не стоит откладывать на потом. "Потом" может не наступит ни когда. Favicon или значок сайта - это крошечное изображение, которое отображается в браузере рядом с названием вашего сайта. Это помогает вашим пользователям идентифицировать ваш сайт, а более частые посетители вашего веб-ресурса мгновенно распознают эту маленькую картинку. Это повышает узнаваемость вашего бренда и помогает вам завоевать доверие аудитории.
Установка favicon на сайт WordPress
Возможность загрузки собственной иконки favicon в самом ядре WordPress появилась совсем недавно. Начиная с версии 4.3, вы можете добавить значок сайта из админки WordPress.
Что такое favicon?
Favicon (сокр. от англ. FAVorites ICON - "значок для избранного") - значок веб-сайта или веб-страницы. Отображается браузером в адресной строке перед URL страницы, а также в качестве картинки рядом с закладкой, во вкладках и в других элементах интерфейса. Традиционно использовались изображения размера 16×16 пикселей формата ICO, помещённые в корневой каталог сайта под именем favicon.ico.
Фавиконка для Яндекс
Фавиконка - это небольшая картинка, которая отображается в сниппете в результатах поиска Яндекса, рядом с адресом сайта в адресной строке браузера, около названия сайта в Избранном или в Закладках браузера.
Пример отображения фавиконки в результатах поиска:
Картинка, которая отображается в сниппете в результатах поиска Яндекса
Как отмечено выше, иконка идентифицирует ваш блог, то есть, его нельзя будет спутать с остальными сайтами открытыми в окне вашего браузера. Посмотрите на скриншот:
Фавиконы открытых сайтовПосмотрите на мою иконку блога, я выбрал картинку вордпресс. Раз блог на этом движке и я пишу о WP, то пусть иконка будет соответствующая. А теперь перейдем к делу, к загрузке и установке картинки на WP.
Как установить favicon на WordPress
Для того, чтобы установить фавикон на вордпресс, зайдите в панель управления (консоль). В разделе Внешний вид нажмите Настроить:
Консоль WordPress - настроить свой сайт
Затем, на странице визуальной настройки (Customizer) сайта откройте пункт Свойства сайта:
Настройка сайта - Свойства сайта WordPress
Да чуть не забыл, картинка у вас должна быть уже подготовлена - любой формат: ICO (рекомендуемый), GIF, JPEG, PNG, BMP. Рекомендуемый размер изображения значка вашего сайта - не менее 512 пикселей по ширине и высоте. Изображение значка сайта должно быть квадратным, вы можете использовать прямоугольное изображение большего размера, а WordPress позволит вам обрезать изображение при его добавлении. Прозрачное или с фоном, без разницы. Изображение должно быть четким и, как правило, соответствовать изображению и / или содержанию вашего сайта. Файл картинки лучше иметь с таким названием favicon
Если вам нужна картинка WordPress для значка сайта, то официальные находятся здесь - https://wordpress.org/about/logos/ .
В свойствах сайта - Иконка сайта - нажмите Выбрать изображение:
Иконка сайта - Выбрать изображениеВыберите картинку на компьютере или из библиотеки медиафайлов вашего сайта. После того, как изображение загрузите, то появится предпросмотр фавиконки:
Иконка вашего сайта вордпрессЕсли всё окей, то нажимайте синею кнопку Опубликовать. Откройте свой сайт и проверьте вашу проделанную работу. Я установил прозрачную картинку и у меня иконка сайта в браузере гугла выглядит так:
Фавиконка установленная на сайт WPУчтите, что многие браузеры (а также поисковые системы) кэшируют favicon-изображения, поэтому изменения могут вступать в силу не сразу. В браузере от Google картинка появится сразу, в Яндексе браузере ещё не скоро. Придется подождать. Если ваш сайт отображается в результатах поиска Яндекса, то в течение двух недель после посещения сайта роботом фавиконка появится в поиске.
Добавляя свой собственный значок из настройщика сайта, то он не изменится даже, если вы смените шаблон/ вордпресс.
Видео - Как установить Favicon WordPress
На этом, дорогие друзья, у меня все. До встречи. Пока, пока!
Как установить фавикон. Вы, наверное, обратили внимание на то, что на многих сайтах во вкладках установлена маленькая иконка? Она называется – фавикон (от англ. FAVorites ICON – «иконка для избранного»). Фавикон это индивидуальный значок веб-сайта. Он отображается браузером на вкладках и перед URL страницы. Очень симпатично, и если этот значок подобран в тему, то по этой иконке можно сразу определить, о чем сайт. Но главное, что поисковики любят, когда установлен такой значок. А раз так, то значит, его обязательно необходимо установить.
Сначала фавикон необходимо создать. Для этого заходим на сайт по изготовлению фавиконов. Сайт больше не работает. Но в интернете есть много других похожих сервисов.
- Выбираем Сделать favicon из изображения и нажимаем кнопку Выберите файл ;
- Выбираем графический файл на своем компьютере и жмем кнопку Открыть ;
- Если необходимо, редактируем картинку и жмем кнопку Далее ;
- Можно сделать фон фавикону;
- После всех необходимых манипуляций опять жмем кнопку СКАЧАТЬ FAVICON ;
- На следующей странице опять жмем кнопку СКАЧАТЬ ;
Теперь необходимо загрузить фавикон в корневую папку вашего сайта. Для этого заходите по паролю на свой хостинг, находите там в панели управления Файловый менеджер, и открываете папку с названием вашего сайта.
Вот наш загруженный файл.
Его можно закинуть в любую папку вашего сайта, но тогда необходимо будет правильно прописать путь к нему в коде, который мы пропишем для поисковиков.
Теперь идем в свою админку на WordPress, выбираем — Внешний вид – Редактор – файл Заголовок (header. php) , и вставляем код
перед тегом head> . Замените адрес http://chudokompik.ru на свой.
Этот код нужен для поисковых роботов, а иконка у вас будет отображаться и без него.
Не забудьте после всех этих действий обновить свою страницу в браузере.
Вот мы и установили фавикон на свои страницы.
Посмотрите видео о том, как установить фавикон на сайт:
Если вам нужен надежный хостинг для своего сайта, то переходите по ссылке ниже.