05.01.2018      246      5
 

Установим логотип сайта для быстрого узнавания


Установим логотип сайта — это его визитная карточка.  Впервые об этом писала 5.03 2013 года,  в то время установила логотип  с помощью плагина All in one Favicon. Плагин стоял у меня на этом сайте до сего времени, а сегодня /1.10.2014/  его деактивировала и вместо него установила скрипт. Теперь оставляю в статье первую часть о плагине и добавляю текст о том, как установить логотип сайта с помощью скрипта.установим логотип сайта

Установим логотип сайта — сделаем сами

 сделаем сами

Известно, что логотип – это опознавательный знак фирмы, бренда, организации, а так же сайта. На блоге moylubimiblog.ru  установила простой логотип, он разместился в браузере перед названием сайта, на главной странице. Индивидуальный логотип сайта можно нарисовать самостоятельно, используя возможности сайта: https://www.favicon.cc/. Выбираем цвета и, прикасаясь карандашом, заполняем этими цветами квадраты. Нужно занять рисунком все поле, тогда получиться логотип нужного размера: 16х16px. Вначале я сделала логотип для своего первого сайта, сайт у меня яркий, про дачу и цвета я к нему выбирала яркие. Потом я первый сайт удалила и завела новый, в той же теме. Логотипы сделала здесь же, к двум сайтам, они у меня остаются до сих пор. можно их поменять или оставить прежними. Если, во время создания логотипа, мы ошибаемся в цветах, то есть возможность исправить рисунок, взяв краску уже использованную ранее.

предварительный просмотр

После того как мы изобразили рисунок, спускаемся чуть ниже к окну с названием «предварительный просмотр», в строке мы увидим, как отобразится маленький рисунок фавикона в натуральную величину. Если нас рисунок устроит, можем скачать его из этого окна к себе на компьютер. Я скачиваю и перемещаю картинку в папку «Мои рисунки», в которой у меня еще много вложенных папок с картинками на все случаи жизни в Интернете. На сайте фавикон генератор наши вопросы закончены.

Установим логотип сайта скачать плагин All in one Favicon

Он есть в Word Press org, закачивается и активируется традиционно. Фавикон появляется в параметрах админ панели, настроек дополнительных не требуется.

logotip saita

настройки плагина фавикон

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

 Логотип с помощью скрипта

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

Сами по себе логотипы моих сайтов мне нравятся, но одна из картинок у меня потерялась, при замене операционной системы. Эту картинку я восстановила программой Fast capture. Вначале сделала скриншот, а затем в редакторе отредактировала точный размер 16х16 px. Нужно чтобы  эти картинки были в расширении icons. Поступаю совсем просто: под названием картинки расширение img заменяю на ico. Получаю предупреждение, что смена расширения, может сделать файл недоступным, но продолжаю. Если не получиться, сделаю новый скриншот,  но пока оба фавикона остаются на месте, в папке.

загрузка файлов

Вначале деактивирую плагин фавикона, но никуда его не удаляю. Загружаю файл ico на сайт в файловом менеджере хостинга: папка publikum html – нужный сайт и в самом низу большая кнопка для загрузки файлов. Открывается новое окно, где нужно выбрать файл:

выберем файл

Откроется окно с рисунками на нашем компьютере, здесь  выберу файл фавикона из папки и закачаю его на хостинг. Теперь перехожу на сайт, в админпанель. В редакторе нахожу заголовок и вставляю перед закрывающим тегом </head>, следующий скрипт:

Эту строку можно полностью скопировать, заменив лишь  название сайта. Обновим файл, и посмотрим, что получилось, перейдя из админпанели, на сайт. У меня загрузка закончилась установкой фавикона. Теперь  плагин All in one Favicon можно удалить, у меня он послужил больше года. Спасибо ему!

Корректирую рисунок фавикона

PS: В комментарии мне написали, что не видно фавикона, тогда по своей же указанной ссылке вновь перешла на сайт генератор фавикона, сделала новый фавикон ярче, скачала его, в расширении ico и заменила на хостинге. На этом сайте дня 2 продолжал отображаться старый логотип, потом совсем исчез.  Произошло это потому, что сайт  веду в дочерней теме, а все шаблоны находятся в родительской теме, которая тоже находится в админпанеле сайта. Однако коды в дочерней теме не присутствуют, к ним нужно переходить на родительскую тему, по ссылке. Пришлось мне здесь установить опять плагин All in one Favicon, теперь логотип опять хорошо отображается.

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


Об авторе: Ксенья Юрьевна Бастрикова

Обсуждение: 5 комментариев
  1. Oxana Devi:

    Не знала, что фавикон еще логотипом называют. Я для своего искала картинки, уменьшала их пробовала, пробовала, пробовала.. Хороший трудно подобрать, но на мой взгляд я справилась ))

  2. Lada:

    Это очень нужная, я думаю, статья! Сама я уже и не помню, как делала свой логотип… А у Вас, Ксенья Юрьевна, почему-то логотипа не вижу: там листик с уголком…

  3. Елена:

    Странно, я тоже не вижу логотипа, хотя специально в разных браузерах посмотрела. Я сама тоже плагин использую, в скриптах как-то не специалист.

  4. Lada:

    Хм… На дачном сайте вижу картинку с кубиками (зел, крас,син), а здесь опять нет, Ксенья Юрьевна… У меня, кстати, плагин стоит, я скрипты уже и боюсь ставить: вырубало сайт полностью, восстанавливала через хостинг.

  5. Светлана:

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

Ваш комментарий

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

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

Поиск Яндекса

скрипт против дублей

Мощный SEO плагин Clearfy

Яндекс.Метрика