Home

🔷 Блок: Site Logo / Логотип сайта

📌 Что это

Site Logo — это блок Gutenberg для вывода логотипа сайта.

Обычно он используется в шапке сайта:

[Логотип]   [Меню]   [Кнопка]

Простыми словами:

Site Logo = логотип сайта, который чаще всего стоит в Header / шапке.

Это не просто обычная картинка.
Это специальный блок, связанный с настройками сайта.

⚙️ Функции

Блок позволяет:

добавить логотип сайта;
выбрать изображение из Media Library;
загрузить новый логотип;
заменить логотип;
удалить логотип;
настроить размер логотипа;
сделать логотип ссылкой на главную страницу;
использовать логотип в шапке сайта;
использовать логотип в футере;
добавить скругление, если тема поддерживает;
добавить CSS-класс в Advanced.

🎯 Зачем нужен

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

Логотип помогает:

узнать бренд;
вернуться на главную страницу;
сделать сайт визуально цельным;
оформить Header;
оформить Footer;
связать сайт с фирменным стилем.

Например:

Site Logo + Navigation = стандартная шапка сайта

📍 Где используется чаще всего

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

⚠️ Важно

Site Logo отличается от обычного Image.

Обычный Image — это просто картинка на странице.

Site Logo — это специальный логотип сайта, который может использоваться в шаблонах и быть связан с настройками сайта.

То есть:

Image = обычная картинка
Site Logo = логотип сайта

⚠️ Логотип в Header

Чаще всего Site Logo ставят в шапку сайта.

Пример структуры:

Header
 ├─ Site Logo
 ├─ Navigation
 └─ Buttons

Если ты редактируешь логотип через:

Appearance → Editor → Header

то изменение может примениться ко всем страницам, где используется этот Header.

⚠️ Ссылка на главную страницу

Часто логотип делают кликабельным.

Обычно при клике на логотип пользователь возвращается на главную страницу.

Это стандартное поведение для большинства сайтов.

Пример:

Клик по логотипу → Home

⚠️ Site Logo и Site Icon

Не путай:

Site Logo — логотип на странице сайта.

Site Icon / Favicon — маленькая иконка во вкладке браузера.

Пример:

Site Logo = большой логотип в шапке
Site Icon = маленькая иконка во вкладке браузера

Иногда WordPress может предложить использовать логотип как site icon, но это разные элементы.

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

Лучше не загружать слишком огромный файл.

Для логотипа обычно достаточно:

SVG — если тема и сайт позволяют
PNG — если нужна прозрачность
WebP — если это растровое изображение

Важно, чтобы логотип был чётким, но не слишком тяжёлым.

⚠️ Тема может влиять

Тема может влиять на:

размер логотипа;
максимальную ширину;
отступы;
выравнивание;
скругление;
ссылку на главную;
поведение в Header;
отображение на мобильной версии.

Если логотип выглядит в редакторе и на сайте немного по-разному — это часто связано с темой.

🧠 Простыми словами

Site Logo — это специальный блок для логотипа сайта.

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

Для обычной картинки — Image.
Для логотипа сайта — Site Logo.