Перейти до основного контенту
Усі колекціїПочаток роботи з Onepage
Додавання та редагування секцій
Додавання та редагування секцій

Знайомство з основами додавання та редагування ваших перших секцій

Dmytro avatar
Автор: Dmytro
Оновлено понад рік тому

Додавання нової секції

У попередній статті, знайомство з редактором, ми дізналися, як додавати секції за допомогою бічної панелі. Інший спосіб додати нові секції - навести вказівник миші між двома існуючими секціями й натиснути "+".

Ось так.

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

Редагування секції

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

Ось так, наприклад, побудований розділ вище:

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

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

Щоб побачити панель, переконайтеся, що ви навели курсор на розділ

Ми розглянемо всі дрібні деталі про можливості секцій у наступних статтях. Наразі ж зосередимося на двох основних: редагуванні внутрішнього простору та відступів.

— Внутрішній простір

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

Як на цьому знімку екрана

— Відстань зовні

Це відстань від поточної секції до сусідніх вище і нижче. Ви можете налаштувати ці відстані окремо, щоб отримати бажаний результат. Чим більші числа, тим більша відстань.

Як на цьому знімку екрана

Ми розглянули всі етапи базового процесу редагування секції. Ми продовжимо більш детально в інших статтях.

Дякуємо, що прочитали!


💡Бажаєте залишити відгук до цієї статті? Будь ласка, напишіть нам про у наш чат або за адресою support@onepage.io, і ми зможемо її покращити. Дякуємо! 🙂

Ви отримали відповідь на своє запитання?