Предупреждение — виджет Elementor

виджет предупреждение - конструктор сайта

Создавая различные типы страниц для свое сайта, иногда приходится применять различные предупреждающие тексты и блоки. Некоторые из них находятся на странице постоянно и предупреждают о каком то событии, а другие тоже отображаются, но их можно скрыть по нажатию на крестик.

В основном для обычных сайтов (сайт визитка, простой сайт, landing page) предупреждение используется в виде обычного текста в блоке с заметным фоном.  Но конструктор сайта позволяет нам воспользоваться специальным виджетом, который так  называется «Предупреждение».

Виджет «Предупреждение» выводит классический блок предупреждения на страницу. Его основная задача, просто показать блок с текстом. При необходимости его можно закрыть нажатием на ссылку в виде X

виджет предупреждение - конструктор сайта

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

Содержимое

— Предупреждение

  • Тип  — стилевые предварительные установки для виджета. Для выбора доступны стандартные типы это Информация, Успех, Предупреждение, Опасность.
  • Заголовок и описание — текстовая часть виджета, которая позволяет внести тексты для заголовка и описания виджета.
  • Кнопка отклонить — Опция для отключения кнопки «Скрыть» т.е крестик в правом углу, который пр клике на него, закрывает блок с предупреждением.

Стиль

— Предупреждение
В группе стилей Предупреждение, можно изменить такие свойства как: цвета фона для блока виджета, цвет границы (та которая слева) и ее ширину.

— Заголовок
У заголовка можно изменить цвет текста и ее типографика (размер шрифта, семейство и другие параметры)

— Описание
Для описание доступны те же свойства, что и для заголовка, т.е цвет и типографика текста.

Список всех виджетов Elementor вы можете посмотреть на странице Виджеты

Вам также может понравиться

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *