Бесплатный виджет информационной коробки Elementor со стилями значков и изображений
Info Box - это бесплатный виджет Master Addons, который создает карту из значка или изображения, заголовка и краткого описания. Выберите предустановку стиля, заполните текст и создайте стиль в поле, значке, заголовке и описании на панели Elementor. Бесплатный плагин включает варианты с первого по пятый и Мастер Аддоны Про добавляет вариант от шестого до десяти, фон значка градиента и кнопку "Подробнее" в варианте шестого. Используйте его для строк функций, списков служб, контактных данных и шагов "Как это работает".
Как добавить информационное поле в Elementor
Вам нужен Elementor и бесплатный плагин Master Addons от WordPress.org.
- Убедитесь, что информационный блок включен ниже Мастер-аддоны, виджеты.
- В редакторе Elementor выполните поиск Информационный ящик и перетащите его в колонну.
- Выберите Стиль Пресет. Вариации с первого по пятый бесплатны.
- Набор Изображение или значокзатем выберите значок или загрузите изображение.
- Введите заголовок и описание и добавьте URL-адрес заголовка, если карта где-то должна ссылаться.
- Открыть Стиль вкладка для установки границы, фона, анимации наведения, стилей значков и текста. дублируйте виджет для построения строки.
Каждая обстановка описана в Настройки виджета информационного ящика гид.
Пресеты стиля: 5 бесплатных, 10 с Pro
The Стиль Пресет раскрывающийся список меняет макет и украшение карты, не касаясь вашего содержимого.Вариации с первого по пятый работают в бесплатном плагине.Вариации второй и третий добавляют большую выцветшую копию значка за картой, а Вариация пятая помещает значок в шестиугольную форму. Pro открывает варианты с шестого по десятый.
- Изображение или значок: выберите "Нет", "Значок" или "Изображение". Изображения используют настройку "Разрешение изображения".
- URL-адрес заголовка: ссылки заголовок. чтобы сделать всю карту кликабельной, используйте бесплатную Обертка Ссылка расширение.
- Читать далее Текст и ссылка: показано только в шестом варианте (Pro).
Название и описание Стиль
The Название и Описание каждый раздел имеет Типографию, Цвет, Выравнивание и Набивка. оба имеют вкладки Нормальный и Наведение, и цвет наведения меняется, когда посетитель указывает в любом месте карты, не только на текст. заголовок всегда отображается как H3, поэтому спланируйте порядок заголовков вокруг этого.
- Типографика: семья, размер, вес, трансформация, стиль, украшение, высота линии, расстояние между буквами и словами.
- Отдельные цвета наведения для заголовка и описания.
- Выравнивание и набивка могут различаться в зависимости от устройства.
Стиль коробки, значка и наведения
Общие стили покрывает карту: Тип границы, Ширина границы, Цвет границы, Радиус границы, Набивка и Маржа. Фон имеет вкладки Нормальный и Наведите курсор, каждая с классическим или градиентным фоном. Наведите указатель мыши на анимацию использует эффекты Элементора, такие как Grow, Pulse, Push и Bob. Стиль значка устанавливает размер значка, цвет значка, фон значка и выравнивание, опять же с нормальным состоянием и состоянием наведения.
- Разный фон для обычной и зависающей карты.
- Значок и выцветшие цвета значков фона для обоих состояний.
- Фон значков градиента в шестом варианте - Pro.
Информационный блок значков Elementor против главных дополнений
Elementor уже поставляет бесплатные виджеты Icon Box и Image Box. Их достаточно для многих сайтов, поэтому здесь каждый подходит.
| Особенность | Ящик значков Elementor | Информационный ящик о главных дополнениях |
|---|---|---|
| Цена | Бесплатно в Элементоре | Бесплатно с 5 пресетами, Pro добавляет еще 5 |
| Значок или изображение | Два виджета: Icon Box и Image Box | Один виджет с нет, значком или изображением |
| Макет | Значок "Начало, конец, верх или низ"; Значок по умолчанию, "Сложено" или "Обрамлено" | Готовые пресеты стиля |
| Тег заголовка HTML | От H1 до H6, div, span или p | Всегда H3 |
| Ссылка | Одна ссылка для значка и заголовка | URL-адрес заголовка; вся карта со ссылкой Wrapper |
| Фон карты | Из вкладки Дополнительно | Нормальный и ховер фон, классический или градиентный |
| Эффекты наведения | Цвета наведения значков и заголовков, анимация наведения значков | Анимация наведения карты плюс цвета наведения для значка, заголовка и описания |
| Кнопка Читать далее | Нет | Только шестой вариант (Pro) |
Выберите Elementor Icon Box, когда вам нужен конкретный тег заголовка или расположение боковых значков. выберите Info Box, когда вам нужна стилизованная карта с фоном для наведения курсора за один шаг. Карту с обратной стороной см Флипбокс, а карту с кнопкой см Призыв к действию.
Часто задаваемые вопросы для инфобокса
Виджет Info Box бесплатный?
Да. Info Box находится в бесплатном плагине Master Addons с вариантами от первого до пятого. Мастер Аддоны Про добавляет варианты с шестого по десятый, фон значка градиента и кнопку "Подробнее" в шестом варианте.
Могу ли я связать всю коробку, а не только заголовок?
Сам виджет связывает заголовок только через URL-адрес заголовка. Чтобы сделать всю карту кликабельной, включите бесплатную Обертка Ссылка расширение и добавление ссылки в разделе Wrapper Link виджета.
Чем Info Box отличается от Elementor Icon Box?
Ящик значков Elementor бесплатен и позволяет выбрать тег заголовка и положить значок сбоку. Info Box дает вам готовые предустановки, изображение или значок в одном виджете, а также отдельные нормальные и наводящие фоны для карты. Заголовок информационного ящика всегда H3.
Могу ли я использовать изображение вместо значка?
Да. Установите изображение или значок в изображение, выберите файл из медиатеки и выберите разрешение изображения. Выберите "Нет" для текстовой карты.
Виджеты и расширения трендовых элементов
Создавайте сложные веб-сайты за меньшее время.
Стекломорфизм
Дополнительные контейнеры
Шаблоны
![Расширение Master Addons Post/Page Duplicator для Elementor: ссылка на строку MA Duplicator в списке WordPress Pages, создающая целевую страницу - [Дублированный № 128] черновик](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
Дубликатор сообщений/страниц
