Top.Mail.Ru
Как установить логотип и фавикон

Как установить логотип и фавикон

Содержание

Вы можете установить фирменные торговый знак (логотип) и фавикон на сайт своего магазина автозапчастей.

Логотип показывается в шапке (хедере) сайта. Некоторые базовые шаблоны для сайтов на платформе PARTS SOFT предусматривают наличие логотипа и в подвале (футере).

Фавикон обычно отображается браузером во вкладке перед названием страницы сайта, а также в качестве картинки в других элементах интерфейса. 

Для загрузки логотипа и фавикона подходят изображения в формате:

  • .png (с прозрачным фоном).
  • .svg

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

ШАГ 1. Подготовьте изображения нужных вам размеров, подходящими для установленного у вас шаблона.

Чтобы определиться с параметрами логотипа необходимо узнать его размер по умолчанию. Это можно сделать с помощью браузера. Для Chrome порядок действий будет таким:

1. Откройте ваш сайт в браузере. 

2. Наведите курсор на логотип, а затем нажмите на правую кнопку мыши и выберите пункт Посмотреть код (или используйте комбинацию клавиш Ctrl+Shift+I).

Как установить логотип и фавикон иллюстрация №1

Просмотр кода элемента

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

Как установить логотип и фавикон иллюстрация №2

Размер логотипа

ШАГ 2. Чтобы загрузить подготовленные изображения, перейдите в раздел админпанели Сайт → Шаблоны → Список. Нажмите на кнопку Файлы шаблона в строке с действующим шаблоном.

ШАГ 3. На странице с загрузки файлов шаблона в блоке Работа с файлами выполните следующие действия:

1. Нажмите на кнопку Добавить

2.  Выберите файлы на компьютере и нажмите на кнопку Загрузить. При необходимости их импорт можно прервать (с помощью кнопки Отменить загрузку).

3.  Файлы будут добавлены в список. Если вы загрузили не то изображение, его можно будет удалить вручную с помощью соответствующей кнопки.

Как установить логотип и фавикон иллюстрация №3

Загрузка изображения

ШАГ 4. Вернитесь в раздел админпанели Сайт → Шаблоны → Список. Нажмите на кнопку «Настроить» в строке с действующим шаблоном.

ШАГ 5. На странице настройки шаблона выберите из списков:

  • Favicon (иконка сайта) - файл для фавикона.
  • Логотип шапка (2) - файл для логотипа в шапке сайта.
  • Логотип подвал (3) - файл для логотипа в подвале сайте, если это предусмотрено шаблоном.

Нажмите на кнопку «Сохранить» в нижней части страницы.

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

Как установить логотип и фавикон иллюстрация №4

Выбор логотипов и фавикона

После этого изображения логотипа и фавикона, установленные по умолчанию, будут заменены на загруженные вами.

Как установить логотип и фавикон иллюстрация №5

Замененные логотипы и фавикон

Что делать, если логотип оказался слишком велик и заходит на границы названия вашего магазина и слогана

Решение 1. Исправить верстку

Рекомендуется переверстать надписи для корректного их отображения. Если по каким-то причинам это невозможно, можно воспользоваться решением 1 или 2.

Решение 2. Сократить надписи

Для этого откройте меню Сайт → Строки. Найдите нужную строку (1-2) (в нашем случае,"avtoparts"). Затем отредактируйте значение такой строки (3-4) и сохраните изменения (5). Мы в примере заменили "avtoparts" на "avto". 

Как установить логотип и фавикон иллюстрация №8

Редактирование строки системного шаблона

Аналогичным образом можно внести изменения в текст слогана (мы заменили значение "запчасти на века" на "на века").

Как установить логотип и фавикон иллюстрация №9

Надписи рядом с логотипом изменены

Решение 3. Скрыть надписи

 Если не получается сократить надписи, то можно попробовать их скрыть. Для этого:

ШАГ 1. Перейдите в раздел админпанели Сайт → Шаблоны → Список. Нажмите на кнопку «Настроить» в строке с действующим шаблоном

ШАГ 2. На странице настройки шаблона установите следующие значения полей:

  • Показывать имя компании (1) – Нет;
  • Показывать слоган компании (2) – Нет;
  • Показывать имя компании (3) – Нет;
  • Показывать слоган компании (4) – Нет.

По умолчанию данные поля имеют значение Да.

Нажмите на кнопку «Сохранить» в нижней части страницы.

Как установить логотип и фавикон иллюстрация №6

Настройка без надписи

Теперь название компании и слоган отсутствуют рядом с логотипом.

Как установить логотип и фавикон иллюстрация №7

Надписи рядом с логотипом удалены


Видео по теме

Связанные разделы

Редактирование строк шаблона

Начните тест-драйв платформы PARTS SOFT уже сегодня!

Нажимая кнопку «Отправить» вы соглашаетесь на обработку персональных данных

скриншот платформы