Getwid – настраиваемые блоки WordPress для редактора Gutenberg

В данной статье мы рассмотрим плагин Getwid. Он будет одним из лучших плагинов WordPress для расширения функций редактора Gutenberg.

Что такое Getwid?

Getwid – настраиваемые блоки WordPress для редактора Gutenberg

Посмотреть просмотр Getwid – это отличный плагин, который поможет вам существенно расширить функции редактора Gutenberg. Он содержит коллекцию, состоящую из 34 разнообразных блоков, совместимых со всеми темами оформления для Gutenberg.

Список блоков Getwid для редактора Gutenberg

Вот список блоков Gutenberg, доступных при использовании плагина Getwid:

  • Раздел.
  • Медиа и текстовый слайдер.
  • Слайдер картинок.
  • Иконка.
  • Блок значков.
  • Баннер.
  • Аккордеоны.
  • Вкладки.
  • Переключатель.
  • Галерея картинок.
  • Карты Google.
  • Блок недавно опубликованных записей.
  • Расширенный заголовок.
  • Блок картинки.
  • Группа кнопок.
  • Индикатор.
  • Круговой прогресс бар.
  • Счетчик.
  • Ценник.
  • Форма обратной связи.
  • Карусель записей.
  • Слайдер записей.
  • Пользовательский тип записи.
  • Прайс-лист.
  • Блок MailChimp;
  • Видео во всплывающем окне;
  • Обратный отсчет.

Как установить плагин Getwid

В панели администрирования WordPress перейдите в раздел Плагины. > Добавить Новый.

Getwid – настраиваемые блоки WordPress для редактора Gutenberg

При помощи встроенного поисковика найдите плагин и нажмите кнопку « Установить».

Getwid – настраиваемые блоки WordPress для редактора Gutenberg

После этого активируйте плагин.

Getwid – настраиваемые блоки WordPress для редактора Gutenberg

Добавление новой страницы

В панели администрирования WordPress перейдите в меню Страницы. > Добавить новую.

Getwid – настраиваемые блоки WordPress для редактора Gutenberg

Добавьте заголовок для созданной страницы и задайте необходимые параметра. К примеру, если необходимо создать целевую страницу на полную ширину, выберите соответствующую опцию в разделе « Атрибуты страницы ».

Getwid – настраиваемые блоки WordPress для редактора Gutenberg

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

Добавление блоков в редактор Gutenberg при помощи плагина Getwid

В редакторе Gutenberg нажмите кнопку со знаком « + », прокрутите вниз до раздела « Блоки Getwid» и выберите необходимый блок. К примеру, добавьте блок « Секция».

Getwid – настраиваемые блоки WordPress для редактора Gutenberg

Этот блок может создавать красивые макеты страниц раздел за разделом. Вы сможете без проблем запросто добавить в только что созданный раздел слайдеры, фоновые картинки, видео, параллакс, анимацию, фигуры и т. д. Чтобы увидеть веб-страницу, созданную с использованием блоков Section, ознакомьтесь со следующим примером.

Getwid – настраиваемые блоки WordPress для редактора Gutenberg

Справа от страницы располагаются параметра раздела. Вот их краткое описание:

  • Размер – здесь можно задать размеры раздела.
  • Отступы – параметр отступов вокруг созданного раздела для настольных компьютеров, планшетов и мобильных устройств.
  • Поля ввода – добавьте поля ввода вокруг созданного блока раздела для разных устройств.
  • Выравнивание – вертикальное и горизонтальное выравнивание созданного раздела для разных устройств.
  • Цвет фона – здесь можно без труда добавить любой цвет фона для созданного раздела.
  • Фоновый градиент – эта опция сможет создать фоновый градиент для раздела. Она пригодится в том случае, если вы не хотели бы использовать однотонный фон.
  • Фоновое изображение – здесь можно добавить фоновое изображение в созданный раздел вместо использования фоновых цветов.
  • Фоновый слайдер – фоновые слайдеры в разделы страницы. Как здорово.
  • Фоновое видео.
  • Передний план – добавьте эффекты переднего плана для созданного вами раздела.
  • Разделители( Dividers) – добавьте разделители между блоками.
  • Анимация входа( Entrance Animation) – благодаря использованию плагина Getwid вы сможете без труда анимировать разные разделы так, как вам нравится.
  • Дополнительно( Advanced) – здесь вы сможете добавить привязку к HTML и классам CSS.

Слайдер мультимедиа и текста

Чтобы добавить блок слайдера мультимедиа и текста, кликните по значку « + », прокрутите до раздела « Блоки Getwid» и кликните по пункту « Слайдер медиа и текста».

Getwid – настраиваемые блоки WordPress для редактора Gutenberg

При помощи этого блока вы сможете без проблем загрузить медиафайлы и добавить текст.

Getwid – настраиваемые блоки WordPress для редактора Gutenberg

Краткий обзор доступных настроек параметра блока:

  • General – здесь можно указать число слайдов, размер картинки, высоту слайдера, ширину содержимого, а также выравнивание по вертикали и горизонтали.
  • Цвет текста.
  • Цвет наложения – вы сможете без проблем установить необходимый цвет наложения и прозрачность.
  • Отступы – добавление отступов вокруг медиафайлов и текста.
  • Параметра слайдера – здесь вы сможете добавить анимацию к слайдеру и включить слайд-шоу.
  • Анимация текста – анимируйте текст на слайдерах.
  • Дополнительно – добавление пользовательских классов CSS.

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

Слайдер картинок

Добавьте на страницу блок « Слайдер картинок».

Getwid – настраиваемые блоки WordPress для редактора Gutenberg

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

Getwid – настраиваемые блоки WordPress для редактора Gutenberg

Доступно пару вариантов параметра:

  • Настройки картинки – на данной вкладке можно легко установить размер картинки, автоматом обрезать его. А также связать каждое изображение с файлом мультимедиа или веб-страницей.
  • Параметра слайдера – здесь вы сможете указать число слайдов, которые надо выводить на разных устройствах. К примеру, на настольном компьютере, ноутбуке, планшете и смартфоне.
  • Параметра управления – на данной можно указать, где надо выводить навигационные стрелки и точки.
  • Дополнительно – здесь можно будет добавить пользовательский класс CSS.

Вот пример использования слайдера картинок.

Блок баннера

Этот блок может размещать рекламу на WordPress-сайте.

Getwid – настраиваемые блоки WordPress для редактора Gutenberg

После добавления в блок баннера медиа-файла вы получите доступ к нескольким вариантам параметра.

Getwid – настраиваемые блоки WordPress для редактора Gutenberg

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

Иные блоки для редактора Gutenberg от плагина Getwid

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

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

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