Розділення блоків за допомогою Advanced Gutenberg Columns Manager

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

Розширений менеджер колонок Gutenberg — це просунутіша версія вбудованих колонок Gutenberg. Його флагманські функції надають вам більше контролю над тим, як має відображатися контент, але водночас спрощують його створення за допомогою попередньо встановлених макетів.

Макети стовпців

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

Ці опції доступні для того, щоб ви могли зосередитися на створенні контенту, а не на його дизайні. Однак, ви можете зіткнутися з тим, що шукаєте макет, якого не існує, наприклад, блок колонок, який займає лише 50% ширини вашого блогу. У такому випадку ви можете скористатися бічною панеллю, щоб визначити власну ширину колонок.

Щоб визначити власну ширину, клацніть на стовпці та встановіть його ширину у відсотках або встановіть значення 0, щоб скинути його до автоматичного значення ширини. Тримайте загальні відсотки максимум до 100%, щоб уникнути переповнення вмісту допису чи сторінки WordPress. Напрямні стовпців – прозорі межі – допоможуть вам побачити зміни, але ви можете вимкнути їх на конфігурації у налаштуваннях.

Ще однією новинкою в менеджері колонок є розділ вирівнювання. Якщо ви натиснете на блок менеджера зовнішніх колонок, спочатку ви знайдете параметри ширини. Ви можете перемикатися між широкої або повної ширини , щоб збільшити розмір блоку колонок. Відразу після них знаходяться параметри вирівнювання.

Перші три варіанти вирівнювання є стандартними: колонки можуть вирівнюватися вертикально зверху, посередині або в кінці. Четвертий і останній варіант вирівнювання відсутній у колонках Гутенберга: внутрішні колонки на повну висоту .

Ця опція розтягує стовпці до рівня найвищого стовпця в блоці. Ця опція необхідна, якщо стовпці мають кольори фону або межі, і тому повинні охоплювати всю висоту блоку.

Адаптивні колонки

Гарний блог повинен добре відображатися на комп’ютерах, планшетах і мобільних телефонах. Природно виникає доречне питання: як найкраще відображати стовпці, коли ширина недостатня. Чи слід змінювати ширину стовпців, і якщо так, то як? Чи повинен кожен стовпець бути окремим рядком?

Advanced Gutenberg надає вам гнучкість у виборі способу відображення стовпців на планшетах і мобільних пристроях. Натисніть на блок менеджера стовпців і виберіть макет для настільних комп'ютерів, планшетів і мобільних пристроїв. На портативних пристроях доступні такі опції, як зміна макета стовпців або об'єднання стовпців у стоси, щоб використовувати повну ширину.

Якщо ви використовуєте широкі макети повної ширини, блок менеджера колонок може бути занадто широким на менших пристроях. У такому разі ви можете налаштувати відступи та поля для мобільних пристроїв або планшетів у області трохи нижче макетів для мобільних пристроїв та планшетів відповідно.

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

За допомогою менеджера колонок Advanced Gutenberg ви також можете вказати відступи та поля для окремих колонок на комп’ютері або мобільному пристрої. Щоб точно налаштувати їх, клацніть на колонці, а не на всьому блоці. Потім прокрутіть донизу бічної панелі, щоб указати відступи та поля на комп’ютері або мобільному пристрої. Для кожної колонки ви також можете вказати вирівнювання тексту.

Персоналізація колонок WordPress

Коли ви завершите вдосконалення своїх колонок — або якщо ви не відчували потреби відходити від стандартних макетів — ви можете або персоналізувати колонки, або почати додавати до них контент. Клацаючи на колонку, ви можете застосувати параметри відображення для всієї колонки, які наразі обмежені стилем межі, кольором, шириною та радіусом.

Найголовніше, що сенс колонок полягає у зберіганні та відображенні контенту. Менеджер колонок Advanced Gutenberg підтримує всі типи контенту в колонках, а це означає, що ви можете зберігати в них абзаци, зображення та галереї, а також будь-які інші блоки, стандартні чи користувацькі. Ваша уява — це межа!

Щойно ви опануєте потужність блоків Gutenberg, ви зможете виражати свою креативність у своїх публікаціях та сторінках WordPress. За допомогою менеджера колонок Advanced Gutenberg ви зможете отримати максимум від свого блогу WordPress. Тож отримайте стільки контролю, скільки забажаєте, за допомогою колонок та розкрийте свою креативність не лише вертикально, але й горизонтально!

Отримайте Advanced Gutenberg (безкоштовний плагін): https://www.joomunited.com/wordpress-products/advanced-gutenberg