Курсы обучения
+7 (351) 777-80-70
2024.03.07

Замена логотипа - Решение KOSMOS

Логотип PNG

Активируйте режим правки наведите корсор мыши на логотип и выбрать "изменить область"



Перед вами откроется модальное окно, перейдите в "режим кода" и удалите весь код



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


Загрузите изображение с вашего компьютера, отметьте необходимый размер и нажмите сохранить

Обращаем ваше внимание: логотип по умолчанию является ссылкой, и не нужно добавлять тег <a> дополнительно. Допустимые теги внутри logotype.php - <img> и <svg>. Добавляя другие теги и увеличивая структуру логотипа, вы рискуете отменить наследование стилей и привести логотип к непредсказуемому виду.

Логотип SVG
В админке сайта файл include/logotype.php откройте для редактирования как PHP



Внутри тега div удаляем тег svg и всё его содержимое:



Важно: SVG перекрашивается автоматически ТОЛЬКО при отсутствии атрибута fill.

Правильно (перекрашивается):
<path d="M10 10 L120 10" />

Неправильно (НЕ перекрашивается):
<path d="M10 10 L120 10" fill="#000000" />

Если в вашем SVG есть fill="..." — удалите его.

Внимание! Сам тег div не трогаем, он нужен для того чтобы перекрашивать логотип на внутренних страницах.

Как вставить SVG-код:
1. Удалите старый тег <svg>...</svg>
2. Вставьте код вашего SVG-логотипа

Пример:
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 130 50">
    <path d="M10 10 L120 10 L120 40 L10 40 Z" />
</svg>


Рекомендуемые размеры логотипа - 130х50. Для корректного отображения логотипа на сайте данные значения должны считаться максимально допустимыми. Если вы хотите увеличить размер логотипа, то в параметрах компонента Шапки есть такие настройки:



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

Наши решения
INTEC.GPT – ваш AI ассистент
Мы на связи, чтобы помочь вам!
Добро Пожаловать
в INTEC.GPT — ваш
AI ассистент техподдержки
Мгновенно отвечает на вопросы и помогает решать технические задачи
Ctrl+Enter - отправка