Розбиття блоків за допомогою розширеного менеджера стовпців Гутенберга

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

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

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

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

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

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

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

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

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

Чуйні колонки

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

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

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

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

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

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

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

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

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

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