Перейти к основному содержанию
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

4
В курсе

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

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

 

Комментарии

Комментариев пока нет. Будьте первым, кто оставит комментарий
Уже зарегистрирован? Войти здесь
Четверг, 28 марта 2024 г.

Изображение с картинки