Favicon на сайте DLE. Как поменять favicon в DLE


Содержание материала:

Как изменить стандартную иконку пользователя на сайте DLE

Тема в разделе «Таверна», создана пользователем ₡Øℕ$₮₳ÑŦÎŅỄ, 18 Jul 2015 в 12:01 .

Оценить пост #

₡Øℕ$₮₳ÑŦÎŅỄ

В общем, не могу найти, как изменить иконку пользователя, которая выдется после реги(ну так сказать иконку нонаме) на сайте, созданном на DLE. Как ее там поменять?

Graundefined

В корневом каталоге замени картинку. Даже в настройках должно быть.

Установка Favicon (фавикон) на WordPress сайт

Привет всем! Фавикон (Favicon) WordPress — как установить/добавить/поставить? Очень легко и просто. Как только вы создали блог/сайт на платформе WordPress, произвели базовую настройку вордпресс пора подумать об установке фавикона (favicon) для сайта. Инструкция: как установить favicon на WP с видео уроком .

Процесс этот не сложный, не стоит откладывать на потом. «Потом» может не наступит ни когда. 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

На этом, дорогие друзья, у меня все. До встречи. Пока, пока!

Как на dle поменять favicon.ico

0 Ответы

Ваш ответ

Почему Ваш ответ важен

Как на dle поменять favicon.ico — этот вопрос задали пользователи сайта «Ответы на вопросы».

Отвечая на вопрос «Как на dle поменять favicon.ico» Вы вносите неоценимый вклад в интеллектуальное развитие нашего общества.

Дайте свой ответ — «Как на dle поменять favicon.ico»

Похожие вопросы

Главными целями и преимуществами данного проекта являются:

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

Администрация сайта «Ответы на вопросы» благодарит Вас за активное участие в жизни проекта и разделении его целей .

Как поставить иконку для сайта (фавикон) на DLE?

Это в head прописать, а саму иконку положить в корень )) с названием favicon.ico

Прямо рад что этот форум нашёл))) нигде мне больше не писали, чтоб стучал в аську и мне помогут.))) Спасибо ещё раз, но не надо)))


Название темы Автор Статистика Последнее сообщение

    Ускорение вашего сайта и сервера. Системный администратор Linux

    Автор Evas , 27 окт 2020 В: Работа для вебмастера → Другое

    • Hot 37 Ответов
    • 6 743 Просмотров
    • Evas
    • Вчера, 12:32
  • Региональная принадлежность сайта

    Автор kolver , 05 ноя 2020 В: Продвижение и оптимизация сайтов (SEO) → Вопросы по SEO от новичков

    • 6 Ответов
    • 90 Просмотров
    • kolver
    • 05 ноя 2020
  • Смена домена у сайта

    Автор NataliaAntalia , 31 окт 2020 В: Создание сайтов: веб-технологии и программирование → Хостинг и домены

    • Hot 25 Ответов
    • 314 Просмотров
    • miketomlin
    • 02 ноя 2020
  • Старт для новичка в оптимизации сайта

    Автор MattCutts , 02 окт 2020 В: Продвижение и оптимизация сайтов (SEO) → Вопросы по SEO от новичков

    • 5 Ответов
    • 312 Просмотров
    • Totti
    • 01 ноя 2020
  • Доска объявлений — стоит ли в названии сайта упоминать регион

    Автор WGN , 28 окт 2020 В: Продвижение и оптимизация сайтов (SEO) → Другие вопросы о продвижении

    • Hot 19 Ответов
    • 274 Просмотров
    • WGN
    • 31 окт 2020
NataliaAntalia 1-й за Октябрь
Очков активности: 480 2 темы, 58 сообщений, 5 баллов репутации
Сайт: zdorovemedicina.ru

ShowPrint (ShowPrint.ru)
Очков активности: 136.5 0 тем, 13 сообщений, 7 баллов репутации

Totti
Очков активности: 54 0 тем, 9 сообщений, 4 балла репутации

miketomlin
Очков активности: 45 0 тем, 10 сообщений, 3 балла репутации

NataliaAntalia (zdorovemedicina.ru)
Очков активности: 42 Вне конкурса за определение пользователя месяца

MattCutts (dmitrylee.ru)
Очков активности: 33 Вне конкурса за определение пользователя месяца

Vmir
Очков активности: 22.5 1 тема, 12 сообщений, 1 балл репутации

Megoydagi (24ho.ru)
Очков активности: 21 2 темы, 8 сообщений, 1 балл репутации

xxkillaxx
Очков активности: 15 1 тема, 7 сообщений, 1 балл репутации

kolver
Очков активности: 15 2 темы, 4 сообщения, 1 балл репутации

Rexxar
Очков активности: 13.5 0 тем, 9 сообщений, 1 балл репутации

Favicon на сайте DLE. Как поменять favicon в DLE

Современные сайты наполняются содержанием с помощью специального программного обеспечения: CMS.

Соответственно, контент-менеджер (или редактор сайта) — это специалист, работающий с CMS.

Для кого этот курс?

Примерное время изучения курса — 23 часа 30 минут, без выполнения Практических заданий и сдачи тестов

Курс Контент-менеджер адресован тем, кто работает с содержанием сайта: наполнение, изменение текста, загрузка и размещение картинок и так далее.

  • работать с элементами управления в интерфейсе системы;
  • приемам работы в визуальном редакторе — основном инструменте при работе над содержанием сайта;
  • работать с информационными блоками — местом хранения большей части информации на сайте;
  • работать с компонентами — инструментом вывода информации на страницах сайта;
  • работать с некоторыми модулями системы.

Практика и тесты

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

После изучения курса пройдите тесты на сертификацию. При успешной сдаче последовательности тестов со страницы Моё обучение скачайте сертификат об успешном прохождении курса в формате PDF.

Для преподавания оффлайн

Если данный курс берётся в качестве основы для оффлайного преподавания, то рекомендуемая продолжительность: 2 дня (16 академических часов).

Если нет интернета

Экономите время и учитесь по дороге на работу или в ВУЗ? Для этого нужны файлы. Мы предоставляем две возможности оффлайнового изучения: файлы в формате PDF и CHM, они открываются на любых устройствах. Программы для чтения доступны в AppStore и Play Market. Файлы обновляются периодически, но всё равно будут отставать от онлайновой версии курса. Поэтому, всё же, мы рекомендуем он-лайн версию курсов, тем более, что мобильный интернет сейчас не проблема.

Чтобы отключить подобное отношение к файлу необходимо:


    перейти в свойства файла на вкладку Общие. Внизу у Вас отобразится сообщение о том, что этот файл был заблокирован системой с целью защиты компьютера.

Отсутствие кнопки Разблокировать возможно в двух случаях:

  1. Файл лежит не локально, а на сетевом ресурсе.
  2. Если файл лежит на локальном диске, но путь к нему содержит спецсимволы (# и прочие).

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

Мы предлагаем:

Новые тарифы хостинга — «Минимальный» и «Безлимитный»

— Всего 60 рублей за ГОД;

— Идеально подойдет небольшим сайтам;

— Поддержка популярных CMS

190 рублей в месяц;

— Количество сайтов — не ограничено;

— Дисковое пространство — не ограничено;

— Базы данных — не ограничено;

Содержание

Что такое favicon, почему плохо, если он отсутствует?

Фавикон – небольшая тематическая картинка – придаст вашему сайту индивидуальность и выделит его в браузере среди других веб-страниц. Установить фавикон для сайта на WordPress можно несколькими способами.

Фавикон (от английского словосочетания favorite icon) – это маленькая квадратная картинка, которая визуально представляет ваш сайт и отображается в ярлыках страниц в браузере, в закладках на страницу, и в адресной строке рядом с именем сайта. Правильно подобранный фавикон соответствует логотипу сайта или тематике информации, которая на нем содержится. При взгляде на фавикон пользователь должен безошибочно определять ваш сайт среди остальных, даже не видя его названия. Наш фавикон в закладке браузера выглядит так:

В качестве формата файла для фавикона в современных браузерах используются ico, png или gif. Некоторые браузеры поддерживают загрузку иконки в формате jpg, а Opera и Firefox могут отображать анимированный gif. Картинка фавикона бывает разных габаритов, обычно применяются размеры 16×16, 32×32, 48×48, 64×64, 128×128 или 512×512 пикселей. Для сайтов, предназначенных для просмотра на мобильных устройствах, размер иконки может отличаться.

Как сделать фавикон для сайта онлайн?

Если на вашем сайте отсутствует фавиконка, картинку для фавикона можно подобрать в интернете или нарисовать самостоятельно в специальном онлайн-сервисе для генерации иконок.

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

Виртуальный хостинг сайтов для популярных CMS:

Поставить favicon средствами ВордПресс

Обычно фавикон можно установить, регулируя настройки сайта в админ-панели WordPress.

  1. В меню «Внешний вид» войдите в пункт «Настроить» и выберите «Свойства сайта».
  2. В предложенном списке действий можно настроить отображение иконки сайта. Нажмите кнопку «Выбрать изображение» и загрузите файл с нужной картинкой.
  3. Чтобы применить настройку к сайту, нажмите кнопку «Сохранить и опубликовать». Убедитесь, что на ярлыке страницы в браузере появился фавикон.

Вставить фавикон используя возможности WordPress шаблона

В некоторых темах WordPress заложена дополнительная возможность по установке иконки сайта.

  1. Войдите в меню «Внешний вид» и выберите пункт «Настроить».
  2. Дальнейший путь к настройкам зависит от используемого шаблона. Как правило, фавикон устанавливается в общих настройках темы. Найдите соответствующую команду и загрузите файл с картинкой.
  3. Не забудьте подтвердить изменения нажатием кнопки «Сохранить и опубликовать».

Добавить в файл header.php

Если не удалось установить фавикон встроенными средствами WordPress, использование иконки для сайта можно напрямую прописать в файле заголовка header.php. Для внесения изменений в этот файл используйте редактор кода, например, встроенный редактор WordPress.

  1. С помощью файлового менеджера подключитесь к серверу хостинга и скопируйте в корневую директорию вашего сайта подготовленный файл с именем favicon.
  2. В админке WordPress зайдите в меню «Внешний вид» (1) и выберите пункт «Редактор» (2).
  3. В списке шаблонов откройте файл заголовка header.php (3).
  4. После открывающего тега вставьте строку (4), в которой проверьте формат загруженного файла с иконкой (png или другой), при необходимости замените на свой вариант.
  5. Нажмите кнопку «Обновить файл» (5), чтобы применить иконку к сайту.

Установка favicon используя плагин Favicon by RealFaviconGenerator

Для подключения фавикона в WordPress разработаны специальные плагины, позволяющие автоматически загрузить иконку на сайт.

В меню «Плагины» выберите пункт «Добавить новый». Найдите, установите и активируйте плагин Favicon by RealFaviconGenerator. Затем зайдите в меню «Внешний вид» (1), после установки плагина в нем появится пункт Favicon (2) для загрузки иконки. Нажмите кнопку «Выберите из библиотеки мультимедиа» (3) и укажите расположение файла с иконкой на вашем компьютере. Нажмите кнопку «Генерировать favicon» (4).

Из админки WordPress вас перебросит на официальный сайт плагина, где вы сможете настроить способ отображения иконки (5) для нового или работающего сайта, указать алгоритм сжатия и масштабирования картинки.

Внесите изменения при необходимости и нажмите кнопку генерации фавикона (6). После этого вы снова вернетесь в админ-панель, а плагин автоматически установит выбранный фавикон.

Почему лучше установить без использования плагина?

Для сохранения фавикона в качестве иконки сайта плагин должен оставаться активным. При его деактивации фавикон отображаться не будет.

Как Добавить Favicon для Сайта

Введение

Большинство сайтов имеют свои особенные логотипы и в большинстве случаев они используются, как favicons (иконки). Если вы не знаете, что такое favicon, вот визуальный пример одной их таких: Иметь свою favicon на сайте гораздо лучше, чем стандартную иконку пустого документа в браузере, к тому же, ваш сайт будет выглядеть гораздо профессиональней. В этом руководстве вы узнаете несколько способов, как добавить favicon на ваш сайт.

Что вам понадобится

Перед тем, как вы начнете это руководство, вам понадобится следующее:

  • Квадратное изображение, которое вы хотите добавить, как favicon для вашего сайта
  • Доступ к файлам вашего сайта

Вариант 1 — Позволить браузеру автоматически добавить favicon (нет необходимости в изменении кода сайта)

Большинство браузеров автоматически находят файл favicon.ico в каталоге вашего сайта и устанавливают его в качестве favicon. Это самый легкий путь для добавления favicon.

  1. Во-первых, чтобы изображение нормально отображалось в браузере, оно должно быть квадратной формы в любом из представленных форматов (jpg, bmp, gif, png). Конечно, возможно использование не квадратного изображения, но выглядеть оно будет не так аккуратно.
  2. Этот вариант добавления favicon требует конвертации вашего изображения в формат .ico. В Интернете можно найти множество онлайн инструментов для этого, мы воспользуемся одним из самых популярных – convertico.com.
  3. После открытия сайта convertico.com, вы увидите кнопку для выбора и загрузки вашего изображения:


  1. Нажмите кнопку и выберите нужный вам файл. Сразу после выбора, ваше изображение будет автоматически конвертировано и станет доступно для загрузки в правой части сайта:
  1. Скачайте ваше изображение нажав на белую стрелку и сохраните ваш файл .ico на компьютере.
  2. Теперь переименуйте файл в favicon.ico, чтобы браузер мог распознать данный файл.
  3. Последним этапом станет загрузка изображения в каталог вашего сайта. Для загрузки вы можете использовать Файловый менеджер или FTP клиент. В хостингах на базе Linux, это обычно каталог public_html. Однако он может отличаться у различных хостингов, или в связи с вашими собственными настройками. В таком случае лучше проконсультироваться у поставщик услуг хостинга.

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

ВАЖНО! Если вы не видите новый favicon, очистите кэш вашего браузера и перезапустите его.

Вариант 2 — Использовать обычную картинку и указать ее в коде сайта

Если вы думаете, что конвертация изображения это не для вас. Вы можете использовать обычное изображение в качестве favicon для вашего сайта.

  1. Во-первых, чтобы изображение нормально отображалось в браузере, оно должно быть квадратной формы в любом из представленных форматов (jpg, bmp, gif, png). Конечно, возможно использование не квадратного изображения, но выглядеть оно будет не так аккуратно.
  2. Загрузите изображение в каталог вашего сайта. Для загрузки вы можете использовать Файловый менеджер или FTP-клиент. В хостингах на базе Linux, это обычно каталог public_html. Однако он может отличаться у различных хостингов или в связи с вашими собственными настройками. В таком случае лучше проконсультироваться у поставщик услуг хостинга.
  3. Теперь вам необходимо определить изображение, которое будет использоваться в качестве favicon в коде вашего сайта. Добавьте эту строку между тегами в код вашего сайта:

ВАЖНО! Измените png на формат вашего изображения в type=”image/png” и favicon.png на имя вашего изображения.

HTML код будет выглядеть примерно так:

Теперь ваше изображение должно отображаться в качестве favicon для вашего сайта.

ВАЖНО! Если вы не видите новый favicon, очистите кэш вашего браузера и перезапустите его.

Заключение

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

Установка Favicon на сайт

Favicon — это небольшая картинка размером 16×16 (или 32×32) пикселя, которая находится в браузере слева от адресной строки. Почему-то не так много людей добавляют favicon на свои сайты. На мой взгляд, они многое теряют. Например, в Yandex отображаются иконки сайтов, и люди переходят по таким сайтам гораздо чаще, чем по тем, на которых нет favicon. Также, на мой взгляд, это немного повышает авторитетность сайта. В общем, в этой статье мы установим favicon на сайт.

Для начала как найти favicon. Во-первых, Вы можете создать самостоятельно. Очень хороший сервис favicon.cc. На нём Вы прямо в онлайне создадите себе favicon. Также Вы можете воспользоваться уже готовыми коллекциями и выбрать себе подходящий. Самый простой способ — это воспользоваться поиском и запросом: «коллекция favicon«. Думаю, что уже первый сайт покажет Вам тысячи различных favicon, и Вам останется его только выбрать.

Теперь второй шаг — установка favicon на сайт. Для этого добавьте внутри тега следующую строку:

Советую разместить favicon прямо в корень сайта. Если же Вы решили разместить его в другом месте, то, соответственно, измените значение атрибута «href«.

После обновления страницы, Вы увидите Ваш favicon рядом с адресом Вашего сайта.

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

Вот и всё, что хотелось рассказать об установке favicon на сайт.

Если Вы хотите узнать больше по HTML, то посмотрите мой бесплатный курс с примером создания сайта на HTML: http://srs.myrusakov.ru/html

Копирование материалов разрешается только с указанием автора (Михаил Русаков) и индексируемой прямой ссылкой на сайт (http://myrusakov.ru)!

Добавляйтесь ко мне в друзья ВКонтакте: http://vk.com/myrusakov.
Если Вы хотите дать оценку мне и моей работе, то напишите её в моей группе: http://vk.com/rusakovmy.

Если Вы не хотите пропустить новые материалы на сайте,
то Вы можете подписаться на обновления: Подписаться на обновления

Если у Вас остались какие-либо вопросы, либо у Вас есть желание высказаться по поводу этой статьи, то Вы можете оставить свой комментарий внизу страницы.

Порекомендуйте эту статью друзьям:

Если Вам понравился сайт, то разместите ссылку на него (у себя на сайте, на форуме, в контакте):

Она выглядит вот так:

  • BB-код ссылки для форумов (например, можете поставить её в подписи):
  • Комментарии ( 25 ):

    Здравствуйте еще раз. У меня не получается установить favicon. объясните пожалуйста синтаксис вот этого тега: (тег)link href=»favicon.ico» rel=»shortcut icon» type=»image/x-icon» (тег закрыт) а именно почему тег закрывается вот так»/>»? Что это означает? почему его нельзя закрыть просто «>»? кэш браузера очищал.

    /> означает, что код написан в стандарте XHTML, а если у Вас стандарт HTML, то можно просто писать >. Стандарт задаётся в DOCTYPE. Но в любом случае, должно работать. Попробуйте посмотреть в другом браузере.

    Хочу поделиться плагином для Фотошопа для сохранения изображений в формате ico. http://narod.ru/disk/16359056001/ICOFormat.8bi.html Сохраняете плагин в папку Фотошопа . Plug-Ins/File Formats Теперь при выборе Сохранить как. в списке появится и формат ico. И ещё — Интернет Експлорер будет отображать иконку в адресной строке только после добавления странички в избранное. Такой вот он капризный. (Может, в новых версиях это уже устранено, я точно не знаю)

    Что то у меня не получается установить favicon.Прописала на всех страницах сайта:
    Сама картинка находится в корне public_html Кэш очистила. Что я опять не то натворила(?

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

    Эту строку (
    ) обязательно нужно ставить на каждую страницу сайта? Или достаточно разместить её на главной странице сайта?

    Её необходимо ставить на каждую страницу, где Вы хотите, чтобы отображался favicon.

    Сделала все, как вы сказали. Но Google при обновлении страницы ничего не показывает. Подскажите точнее, куда надо сохранять файл, я так понимаю название ему надо дать favicon.ico. Если создавать его на сайте favicon, он автоматически сохраняется в нужном формате или нет?

    Название значения не имеет. Надо чтобы картинка была формата ico и правильно указан путь к ней. Браузер должен эту картинку отобразить, если не отображает, попробуйте в другом браузере.

    Не поняла, если честно. В Explorer не отображает. Вот смотрите, создаю я на сайте favicon.сс эту картинку. Сохраняю на комп. Она автоматически сохраняет в формате ico? Или надо конвертировать? И куда, в какую папку в компе надо ее(картинку) размещать? Там где и находится наш html?

    Картинку надо класть рядом с index-файлом.

    Ну да, так они и лежат в одной папке. Открывает только в Firefox, в других браузерах нет. С чем еще может быть связана эта проблема?

    Если открывает в Firefox, то откроет и в других. Просто там остался хэш, очистите его и всё появится, хотя это необязательно. Все пользователи увидят эту иконку.

    Почему-то в Firefox не заменяется favicon на странице. Меняю на сервере, меняю ссылку — ничего. Необходимо перезапускать браузер. И то, не всегда работает. Иногда открывается давно удаленный favicon. Не понимаю.


    В других браузерах появляется? Если да, то не обращайте внимание, трудно удалить favicon из кэша.

    Здравствуйте.А верно ли то что, type=»image/x-icon» устарело и им не пользуются? Ибо у меня favicon вставляется только тогда, когда использую type=»image/vnd.microsoft.icon»

    У меня вставляется и через image/x-icon, и впервые слышу, чтобы это устарело.

    да вот столкнулась на этом сайте http://www.xiper.net/collect/html-and-css-tricks/different/howto-favicon.html с записью «В 2003 году ICO формат был зарегистрирован в IANA как MIME тип image/vnd.microsoft.icon. С тех пор тип image/x-icon является не корректным.» Поэтому хотела уточнить)

    Хром категорически отказывается видеть favicon, а вот мазила в этом плане норм. так что раньше времени не паникуем и держим мазилу под боком

    Михаил, на другом сайте я нашел такой код favicon

  • Какая разница между этим кодом и вашим?

    У меня этот favicon появляется не слева от строки адреса а слева от названия вкладки. А интересно теперь смотреть код страниц, (любых других) когда хоть чуть чуть что то начинаешь понимать.

    У меня не работает это.Как сделать этот favicon. посмотрите http://faviconka.ru/favicon.php?n=faviconka_ru_566.png

    У меня иконка находится не слева от адресной строки,а во вкладке. Как сделать в адресной строке?

    может повлеять на то что фавиконка не ставиться от того что стоит windows10

    Для добавления комментариев надо войти в систему.
    Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.

    Copyright © 2010-2020 Русаков Михаил Юрьевич. Все права защищены.

    Проценты загрузки в Favicon на ДЛЕ

    Оригинально оформить свой favicon, можно с помощью хак дле «проценты загрузки в Favicon», в результате вставки кода, пока ваш сайт загружается анимация показывает этот процесс. Скрипт не выводит точные данные, а просто в красивой форме показывает загрузку в процентах прямо в вашем favicon’e, что смотрится довольно интересно.

    Установка хак Проценты загрузки в Favicon:
    1)Закидывает файлы папки JS скрипт с содержанием в ВАШ шаблон:

    После этого, остается только подключить в main.tpl прописываете (в тегах head):

    и после ставите(опять же между тегами head):

    Вот и всё!
    Советуем все для cms DataLife Engine скрипт будет работать не только на DLE, но и на других сайтах:) Скачать хаки для dle, как хак Проценты загрузки в Favicon на ДЛЕ

    Скачивание будет доступно через: сек.

    Внимание! Скачивать файлы без ожидания могут зарегистрированные пользователи.
    Регистрация на сайте самая легкая!

    Favicon для сайта WordPress

    От автора

    Favicon для сайта WordPress можно установить разными способами. Я уже рассказывал, как установить иконку на сайт WP при помощи плагинов и установить специальные коды в шаблон сайта. В этой статье я опишу еще один способ установки favicon для сайта WordPress. Установим специальный код в файл functions.php шаблона.

    Вступление

    Favicon для сайта WordPress (favorites icon) или иконка сайта, придает сайту индивидуальность и, через узнаваемость закладок, может влиять на его посещаемость. Однако, неудачно установленный favicon может увеличивать время загрузки сайта. В этой статье рассмотрим установку иконки сайта через файл functions.php .

    favicon для сайта WordPress: этапы установки

    Одним из вариантов установки иконки является размещение иконки в корневом каталоге, с добавлением кода в файл functions.php . Для этого способа установки favicon на сайт нужно сделать три шага.

    • Сделать картинку favicon.ico на любом генераторе favicon;
    • Загрузить картинку favicon.ico в корневой каталог сайта;
    • Поместить код в файле functions.php.

    Остановимся на каждом шаге подробнее.

    Сделать картинку favicon.ico на любом генераторе favicon

    В статье «Установка иконки favicon на сайт WordPress» я подробно рассказывал, как сделать картинку favicon.ico. В этом нет ничего сложного. Делается она на любом генераторе иконок, в режиме on-line. Не требуется устанавливать на компьютер дополнительных программ. Делается картинка в формате .ico из картинки любого размера и любого формата.

    Если вы хотите сами нарисовать свою иконку, можно воспользоваться расширенным online сервисом для изготовления иконок favicon.cc . На нем можно не только сделать иконку из заранее подготовленной фотографии, но и попробовать себя в точечном рисовании.

    Еще один расширенный инструмент для создания иконок это favicon.ru .На нем можно не только рисовать, но и заказать изготовление уникального favicon.

    Будем считать, что свой favicon вы сделали. Будем размещать его на сайте.

    Мало? Держите список сервисов для создания иконок:

    • iconfinder.com
    • freepik.com/free-icons
    • fian.my.id
    • ru.iconka.com
    • genericons.com
    • materialdesignicons.com
    • flaticons.net
    • iconbird.com
    • iconizer.net
    • webhostinghub.com
    • iconspedia.com
    • iconsearch.ru
    • icons8.com
    • glyphicons.com
    • findicons.com
    • icomoon.io
    • iconarchive.com
    • themify.me
    • fontawesome.io
    • thenounproject.com
    • flaticon.com
    • fontello.com

    Загрузить картинку favicon.ico в корневой каталог сайта

    Сделанный Favicon для сайта WordPress, при помощи FTP соединения, закачиваем в корневой каталог вашего сайта, скорее всего в папку [publ-html] или [httpdocs] .

    Проверьте, чтобы в этой папке не было старых иконок. Если они есть, удалите их. Жалко удалять, переименуйте. Также проверьте папку с рабочим шаблоном. Из нее также удалите файл ico если есть.

    Разместить код в файле functions.php

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

    В редакторе справа из списка файлов шаблона доступных для редактирования, ищем файл [functions.php]. Открываем его для редактирования. Не забывайте, перед редактированием сделать резервную копию сайта. Также, без опыта, редактируйте файлы на из консоли, а в любом текстовом редакторе, например, Notepad++.

    В любое место раздела THEME SETUP вставляем следующий код

    Не забываем сохраняться.

    После перегрузки страницы сайта иконка появляется рядом с вашим сайтом. Если вы удалили все «чужие» иконки из каталога сайта, включая каталоги тем, а ваша иконка все равно не появляется, очистите кэш вашего браузера.

    На этом все! Тему Favicon для сайта WordPress закрываю. На сайте получились три статьи, где я рассказывал о трех вариантах установки уникальной иконки на свой сайт WP. Читать другие статьи:

    Дополнения

    Начиная с версии WordPress 4.3 в ядре сайта появилась функциональность favicon. Теперь не нужно работать с кодом сайта или использовать сторонние плагины для добавления иконки сайта. Во всех темах WordPress установка (замена) фавикона (значок сайта) есть по умолчанию.

    Чтобы установить фавикон сайта:

    • Авторизуйтесь в административной панели сайта;
    • Войдите на вкладку Внешний вид>>>Темы или Внешний вид>>>Настройки;
    • В первом варианте выберите рабочую тему и перейдите в её настройки;
    • На странице настроек темы откройте вкладку «Свойства сайта» и загрузите иконку сайта минимального размера 512 на 512 пикселов;
    • Сохранитесь.
    Топ-пост этого месяца:  Как взаимосвязаны размеры страниц и ключевые слова SEO влияние скорости загрузки
  • Добавить комментарий