Главная » Управление и настройка системы uCoz » Управление аккаунтом » Замена стандартной иконки сайта favicon.ico на свою

Замена стандартной иконки сайта favicon.ico на свою

19.02.2012 в 04:00
Автор: DIREN   

Замена стандартной favicon.ico на свою.
Полная и подробная инструкция специально для сайтов сделанных на UcoZ.




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


Подробная инструкция от меня и краткое описание некоторых нюансов:


Большинство версий основных браузеров поддерживают фавиконки. Например: Internet Explorer 5/6/7+, Firefox 1/2 +, Mozilla 1/2+, Opera 7+, Safari и другие.
Но мало кто знает, что favicon.ico бывают еще и анимированными, правда не все браузеры их поддерживают, но всё же такие браузеры есть.
Например Mozilla охотно дружит с анимированными favicon.ico.

Так же есть распространенная ошибка у пользователей которые меняют favicon.ico на свою, меняя favicon.ico пользователи помещают код в Страницы сайта, но не учитывают тот факт, что код Страницы сайта отвечает ТОЛЬКО за СТРАНИЦЫ и всё!
А это значит что в Каталоге файлов, Каталоге статей и т.д. favicon.ico будет оставаться стандартной...

И так как же всё делается правильно:
(коротко и понятно)


  • 1. Создаем свою собственную favicon.ico.
    Неподвижную - для большинства браузеров.
    Данную иконку можно создать используя специальные для этого конвертеры, например:
    cy-pr.com
    favicon.ru

    Для примера я сделал:


    Ну а так же нарисовал в фотошопе Анимированный значок:


  • 2. Загружаем свои картинки в Файловый менеджер


  • 3. Заходим в ПУ » Управление дизайном » Страницы сайта

    Смотрим в начало кода:
    Code
    <html>
    <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">


    Сразу после тега head, прописываем строчки наших картинок:
    Code
    <html><head>
    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
    <link rel="shortcut icon" href="/favicon.gif" type="image/gif">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">


    Где:
    Code
    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
    - неподвижная
    Code
    <link rel="shortcut icon" href="/favicon.gif" type="image/gif">
    - анимированная

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

  • 4. Делаем так, чтоб картинка работала по всему сайту:
    Заходим в ПУ и в админ баре нажимаем Дизайн » Быстрая замена участков шаблонов


    Выбрать Режим замены: Многострочный



    а далее производим замену:

    Что заменить:
    Code
    <head>

    На что заменить:
    Code
    <head>
    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
    <link rel="shortcut icon" href="/favicon.gif" type="image/gif">


    Если все сделали верно, то favicon.ico установится во всех модулях



    итог:




    Надеюсь инструкция вам понравится и будет полезна для Вас.
    С уважением, DIREN

    своя иконка, favicon, смена favicon


  • Рейтинг: 102  (помогла ли Вам эта инструкция: да / нет)          Просмотров: 54036          Комментариев: 39

    Похожие инструкции

    09.01.2016 в 21:39      0  

    Почему не меняется фавикон в экспресс панели мозилы, хотя везде отображается мой установленный
    08.12.2015 в 17:51      0  

    Здраствуйте! Подскажите пожалуйста как мне добавить иконку .
    Правильно я делаю.
    Код
    < Iink rel=" magnifier_ pencil_ 8939 icon"
    href="http:// daxa177 .ucoz.net" type=" image/ png"/>
    Спасибо.
    10.04.2015 в 12:19      0  

    Спасибо огромное. Все получилось с первого раза.
    12.03.2015 в 08:46      0  

    Самое главное! Иконка не обязательно должна называться favikon.ico
    У меня вот так
    <head>
    <link rel="shortcut icon" href="/ikonka-1.ico" type="image/x-icon">
    27.10.2015 в 10:59      0  

    Мало того, когда я менял в файловом браузере стандартную favicon на свою, с тем же именем, у меня ничего не вышло. А когда поменял имя файла иконки и в коде прописал его, то вышло все.
    17.02.2015 в 21:37      0  

    Подскажите , может быть такое перепробовал все способы, истил кэшь браузера вручную полностью перезагружал, заходил с другого компа, но даже когда тыкаю на глазик в файловом мененжере чтобы посмотреть фавикон, все равно при открытии иконка юкоса, хоть 100 раз f5 нажми.
    28.12.2014 в 13:35      0  

    Поменялась только на главной!
    30.12.2014 в 11:55      0  

    Воспользуйтесь данной инструкцией: http://forum.ucoz.ru/forum/31-16865-1
    26.12.2014 в 20:59      0  

    У меня на одном сайте получилось, но только в каталоге статей, а на другом сайте тот же фавикон почему то вообще не видно(новый шаблон ). Посмотрите пожалуйста я правильно вставил код:

    <html>
    <head>
    <title>$SITE_NAME$ - $MODULE_NAME$</title><link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
    <link rel="shortcut icon" href="/favicon.gif" type="image/gif">

    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width; initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    30.12.2014 в 11:03      0  

    Воспользуйтесь данной инструкцией: http://forum.ucoz.ru/forum/31-16865-1
    03.12.2014 в 22:40      0  

    Спасибо тема интересная. Вопрос такого плана-после замены иконки, я через поиск Яндекса нахожу свой сайт и напротив названия иконка ucoz, ее тоже можно заменить или нет?
    04.12.2014 в 10:15      0  

    Вам необходимо ожидать обновления данных в поисковых системах.
    30.09.2014 в 16:03      0  

    Помогите пожалуйста, по этой инструкции в прошлый раз на первом своем сайте меняла фавикон - все отлично! 
    По ней же пытаюсь поменять сейчас на сайте http://anna-kondrateva.ucoz.ru/ - не получается... 
    Разница всех моих действий только в том, что первая фавиконка была нарисованная при помощи сайта, которым создают фавиконки, а вторую я делала там же , только из изображения - может в самой фавиконке дело...
    01.10.2014 в 10:23      0  

    В данный момент у Вас в файловом менеджере есть стандартная фавиконка и ваша, только с именем favicon-1-.ico
    02.10.2014 в 12:57      0  

    Большое спасибо за ответ!
    А делать то с этим что?
    Я уже несколько раз пыталась поменять...
    При чем на первом сайте все получилось с первого раза, а на этом нет...
    02.10.2014 в 17:51      0  

    Вам нужно переименовать Вашу иконку - favicon.ico
    02.10.2014 в 19:05      0  

    Он не дает переименовать, пишет, что такое имя уже существует
    03.10.2014 в 10:43      0  

    Попробуйте загрузить файл через FTP-подключение.
    02.08.2014 в 18:19      0  

    Отличный совет - раньше не понимал зачем нужна эта быстрая замена! И за иконку отдельная благодарность!
    1 2 3 »