Разделение блоков с помощью Менеджера столбцов Advanced Gutenberg

Столбцы для контента - это то же, что блоки Gutenberg для классического редактора WordPress. Они позволяют организовывать содержимое без ограничений - если не по вертикали, как блоки, то по горизонтали. Последнее обновление Advanced Gutenberg представляет новый блок, чтобы помочь вам начать работать со столбцами.

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

Макеты колонок

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

Эти опции существуют для того, чтобы вы могли сосредоточиться на создании контента, а не на его оформлении. Однако вы можете столкнуться с поиском макета, которого не существует, например, блока столбцов, который занимает только 50% ширины вашего блога. В этом случае вы можете использовать боковую панель, чтобы определить ширину собственных столбцов.

Чтобы определить собственные ширины, нажмите на столбец и установите его ширину в процентах, или установите ее в 0, чтобы сбросить до автоматической ширины. Сохраняйте общую процентную ширину не более 100%, чтобы избежать переполнения содержимого записи или страницы WordPress. Направляющие столбцов - прозрачные границы - помогут вам увидеть изменения, но вы можете отключить их на вкладке конфигурации в настройках Advanced Gutenberg.

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

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

Этот параметр растягивает столбцы до высоты самого высокого столбца в блоке. Этот параметр необходим, если у столбцов есть фоновые цвета или границы, и, следовательно, им необходимо заполнить всю высоту блока.

Адаптивные столбцы

Хороший блог должен хорошо отображаться на настольных компьютерах, планшетах и мобильных телефонах. Возникает закономерный вопрос о том, как лучше всего отображать столбцы при нехватке ширины. Должна ли ширина столбцов изменяться, и если да, то как? Должен ли каждый столбец быть отдельной строкой?

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

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

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

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

Персонализация столбцов WordPress

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

Самое главное, что смысл столбцов заключается в хранении и отображении содержимого. Менеджер столбцов Advanced Gutenberg поддерживает все типы содержимого в столбцах, что означает, что вы можете хранить в них абзацы, изображения и галереи, а также любой другой блок, будь то стандартный или пользовательский. Ваше воображение - это предел!

Как только вы овладеете мощью блоков Гутенберга, вы сможете выразить свою креативность в записях и страницах WordPress. С менеджером столбцов Advanced Gutenberg вы сможете извлечь максимум из вашего блога WordPress. Итак, возьмите столько контроля, сколько хотите, со столбцами и раскройте свою креативность не только вертикально, но и горизонтально!

Получить Advanced Gutenberg (бесплатный плагин): https://www.joomunited.com/wordpress-products/advanced-gutenberg