Bootstrap Blocks v5.2.1

Bootstrap Блоки Гутенберга для WordPress. Этот плагин добавляет компоненты Bootstrap и параметры макета в виде блоков Гутенберга.

Особенности

- Поддерживает Bootstrap v5 и v4.

- Поддержка сетки CSS (экспериментальная).

- Полная настройка с помощью фильтров.

- Конфигурация через страницу параметров или программно с константами.

- Шаблоны блоков можно перезаписать в вашей теме.

Полную документацию этого плагина можно найти на GitHub: https://github.com/tschortsch/bootstrap-blocks-wordpress-pluginreadme.

Доступные блоки

Контейнер

Опции:

- Плавный: если этот параметр включен, контейнер будет использовать всю доступную ширину, охватывая всю ширину области просмотра.

- Точка останова жидкости: используется для включения адаптивных контейнеров. Эта функция работает только с Bootstrap v4.4+. Контейнер будет использовать 100% ширины до тех пор, пока не будет достигнута указанная точка останова, после чего заданная максимальная ширина будет применяться для каждой из более высоких точек останова.

- Маржа после: определите поле, которое должно быть добавлено после контейнера.

Строка

Опции:

- Шаблон: выберите один из предопределенных шаблонов для внутренних блоков колонн.

- Без переплетов: отключение переплетов между столбцами.

- Выравнивание: горизонтальное выравнивание внутренних блоков колонн.

- Вертикальное выравнивание: вертикальное выравнивание внутренних блоков колонн.

- Столбцы стека редактора: отображает сгруппированные столбцы в редакторе для улучшения читаемости содержимого блока.

- Горизонтальные желоба: размер горизонтальных желобов.

- Вертикальные желоба: размер вертикальных желобов.

- Переплеты сетки CSS: размер переплетов при использовании сетки CSS.

Столбец

Опции:

- Размеры для всех точек останова (xxl, xl, lg, md, sm, xs): сколько места столбец должен использовать для данной точки останова.

- Одинаковая ширина для всех точек останова (xxl, xl, lg, md, sm, xs): если этот параметр включен, ширина столбца будет распределяться равномерно с другими столбцами.

- Цвет фона: установите цвет фона для столбца.

- Вертикальное выравнивание содержимого: выравнивание содержимого по столбцу по вертикали. Эта опция необходима только в том случае, если установлен цвет фона. В противном случае используйте параметр "Выравнивание" блока внешней строки.

- Отступы: определите отступы внутри столбца.

Кнопка

Опции:

- Стиль: выберите стиль кнопки.

- Открыть в новой вкладке: выберите, следует ли открывать ссылку в новой вкладке.

- Rel: установите атрибут rel ссылки.

- Выравнивание: горизонтальное выравнивание кнопки.

Поддерживаемые версии Bootstrap

Этот плагин поддерживает Bootstrap v4 и v5.

Версию можно выбрать в настройках плагина (Настройки > Блоки Bootstrap) или определив константу WP_BOOTSTRAP_BLOCKS_BOOTSTRAP_VERSION в файле wp-config.php:

- Bootstrap 4: define( "WP_BOOTSTRAP_BLOCKS_BOOTSTRAP_VERSION", "4");

- Bootstrap 5 (по умолчанию): define( "WP_BOOTSTRAP_BLOCKS_BOOTSTRAP_VERSION", "5");

Возможные значения на данный момент: "4" или "5". По умолчанию выбрана версия Bootstrap 5.

Сетка CSS

Сетку CSS (поддерживается Bootstrap >= 5.1.0) можно включить в настройках плагина (Настройки > Блоки Bootstrap) или определив константу WP_BOOTSTRAP_BLOCKS_ENABLE_CSS_GRID в файле wp-config.php:

например. define("WP_BOOTSTRAP_BLOCKS_ENABLE_CSS_GRID", true);

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

- Строка: row-css.grid.php.

- Столбец: columns-css-grid.php.

Поддержка все еще является экспериментальной, поскольку в библиотеке Bootstarp она также помечена как экспериментальная. Пожалуйста, прочитайте официальную документацию Bootstrap, чтобы получить дополнительную информацию о том, как его использовать.

Библиотека начальной загрузки

Имейте в виду, что этот плагин не включает библиотеку Bootstrap на ваш сайт. Вам нужно сделать это самостоятельно. Мы решили не включать библиотеку, чтобы вы могли модифицировать Bootstrap под свои нужды перед его загрузкой.

Пример включения его в файл function.php вашей темы вы найдете в документации.

Шаблоны

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

Чтобы перезаписать шаблон блока, создайте папку с именем wp-bootstrap-blocks/ в каталоге вашей темы. Вы можете скопировать исходный шаблон из wp-bootstrap-blocks/src/templates/<blockname>.php в качестве отправной точки и настроить его в соответствии со своими потребностями.

Требования

- WordPress >= 5.0

- PHP >= 5,6

Дополнительная информация

- Документация: https://github.com/tschortsch/bootstrap-blocks-wordpress-pluginreadme.

- Плагин WordPress: https://wordpress.org/plugins/wp-bootstrap-blocks.

- Репозиторий GitHub: https://github.com/tschortsch/bootstrap-blocks-wordpress-plugin.

- Журнал изменений: https://github.com/tschortsch/bootstrap-blocks-wordpress-plugin/releases.

- Отслеживание проблем: https://github.com/tschortsch/bootstrap-blocks-wordpress-plugin/issues.