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

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

unikalnij logotip sdelaem sami
уникальный логотип сделаем сами

Известно, что логотип – это опознавательный знак фирмы, бренда, организации. Логотип сайта тоже является его опознавательным знаком.

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

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

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

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

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

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

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

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

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

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

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

viberem fajl
выберем файл

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

faviconi v papke
фавиконы на компьютере

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

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

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

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

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

Комментарии 5

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

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

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

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

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

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

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