Home

🔷 Блок: Social Icons / Социальные иконки

📌 Что это

Social Icons — это виджет-блок Gutenberg для добавления иконок социальных сетей и ссылок на профили.

Например:

Facebook
Instagram
LinkedIn
YouTube
TikTok
Telegram

Пользователь нажимает на иконку и переходит на соответствующую страницу или профиль.

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

Social Icons = иконки-ссылки на соцсети.

Этот блок нужен именно для ссылок на социальные профили или другие внешние площадки. WordPress описывает его как блок для добавления иконок, ведущих на социальные профили или сайты.

⚙️ Функции

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

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

WordPress также указывает, что у Social Icons есть настройки layout: justification, orientation и перенос на несколько строк для маленьких экранов.

🎯 Зачем нужен

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

Например:

подписаться на Instagram;
открыть Facebook-страницу;
перейти на YouTube-канал;
найти компанию в LinkedIn;
открыть Telegram-канал;
перейти на TikTok.

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

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

шапка сайта;
футер;
страница “Контакты”;
страница “О нас”;
сайдбар;
лендинги;
персональные сайты;
портфолио;
страницы бренда;
блоги.

⚠️ Важно

Social Icons — это не сами посты из соцсетей.

Он не показывает ленту Instagram, Facebook или YouTube.
Он просто даёт иконки-ссылки.

То есть:

Social Icons = ссылки на профили
Embed = вставка конкретного поста / видео
RSS = лента публикаций, если есть RSS

⚠️ Нужно добавить ссылки

Само добавление иконки ещё не значит, что она работает.

Нужно кликнуть на каждую иконку и вставить ссылку.

Например:

Instagram icon → ссылка на Instagram-профиль
YouTube icon → ссылка на YouTube-канал
Facebook icon → ссылка на Facebook-страницу

Если ссылку не добавить, иконка будет бесполезной.

⚠️ Social Icons или Navigation

Они оба могут вести на другие страницы, но назначение разное.

Navigation — это основное меню сайта:

Home
About
Services
Contacts

Social Icons — это ссылки на внешние социальные профили:

Instagram
Facebook
YouTube
LinkedIn

То есть:

Navigation = меню сайта
Social Icons = ссылки на соцсети

⚠️ Не ставь слишком много иконок

Лучше добавить только те соцсети, которые реально используются.

Плохо:

12 иконок подряд, половина профилей пустая

Лучше:

Instagram
Facebook
YouTube
LinkedIn

Меньше, но понятнее и аккуратнее.

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

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

размер иконок;
цвет иконок;
расстояние между ними;
доступные стили;
выравнивание;
поведение на мобильной версии.

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

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

Social Icons — это блок с иконками соцсетей.

Он нужен, чтобы пользователь мог перейти с сайта на твои социальные профили.

Для ссылок на соцсети — Social Icons.
Для главного меню сайта — Navigation.