4 минуты чтения (845 слов)

Разделение блоков с помощью Advanced Gutenberg Columns Manager

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

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

Расположение столбцов

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

 

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

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

 

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

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

 

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

 

Отзывчивые столбцы

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

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

 

 

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

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

 

 

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

 

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

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

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

 

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

 

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

×
В курсе

Когда вы подписываетесь на блог, мы будем присылать вам по электронной почте сообщения о появлении новых обновлений на сайте, чтобы вы их не пропустили.

Похожие сообщения