Серце робочого середовища Onepage — це редактор. Ви користуєтеся ним, коли створюєте нову сторінку або редагуєте наявну. Тому варто познайомитися з ним ближче та освоїтися з його інтерфейсом.
Дії із секціями
Секція — це готовий блок із визначеною кількістю елементів. В Onepage ви будуєте сторінки саме з таких секцій. Найчастіша дія в Onepage — це додавання та налаштування секцій.
1. Зміна порядку
Ви можете дуже просто переміщувати секції перетягуванням (drag & drop).
2. Перейменування секції
Ви можете перейменувати секцію подвійним кліком, а потім натиснути на стрілку, щоб застосувати зміну.
3. Додавання нових секцій
Щоб створити нову секцію, просто натисніть «Додати секцію», оберіть один із наших шаблонів або створіть секцію самостійно на вкладці «Макети».
Або ж ви можете доручити створення секції нашому AI. Детальніше про це — у нашій статті: Vibe Coding в Onepage
Дії зі сторінкою або проєктом
Окрім секцій, у редакторі Onepage ви можете виконувати ще багато інших дій:
1. Перемикання між сторінками
Натисніть «Сторінки» та переходьте між сторінками свого проєкту.
2. Відновлення попередньої версії
Натисніть «Історія версій» і відновлюйте попередні версії своєї сторінки.
Докладнішу інформацію про це ви знайдете в такій статті: Скасування змін або відновлення попередніх версій.
3. Відкриття медіатеки та керування файлами
Натисніть «Медіа», щоб додати нові зображення, видалити наявні або створити папки.
4. Внесення змін у дизайн
Натисніть «Дизайн», щоб налаштувати кольори, шрифти, кнопки або форми.
Докладніше про це ви також дізнаєтеся з таких статей:
Колірна палітра та градієнт і Вибір шрифту
📌 Примітка: налаштування дизайну застосовуються глобально до всього проєкту, щоб забезпечити єдиний зовнішній вигляд.
Це означає: якщо ви вносите зміни, вони автоматично впливають на всі сторінки проєкту.
5. Застосування користувацького коду (Custom Code)
Натисніть на значок коду, щоб додати код (якщо він є) — або для поточної сторінки (Page Code), або для всього проєкту, тобто для всіх підсторінок (Site Code).
Ви можете обрати, куди саме вставити код:
<head><body>Styles
Докладнішу інформацію про це ви знайдете в такій статті: Додавання власного коду до секцій
6. Редагування базових налаштувань
Натисніть «Налаштування». У базових налаштуваннях ви можете редагувати:
Заголовок сторінки: назва вашої сторінки, наприклад «Головна».
Адреса сторінки: наприклад
/для головної сторінки або/about,/servicesтощо для підсторінок.Індексація: вирішіть, чи має сторінка потрапляти в пошукові системи.
У вкладці «SEO» ви можете задати опис сторінки, ключові слова, alt-тексти та інші налаштування пошукової оптимізації. Радимо прочитати нашу статтю: Налаштування та оптимізація SEO (пошукової оптимізації)
Щодо вкладки «Трекінг івентів» радимо прочитати статтю: Налаштування Conversion API
7. Використання нашого AI
Натисніть «AI», щоб скористатися нашим AI. Для створення нових сторінок і додавання секцій.
📌 Примітка: докладний огляд того, що саме ви можете створити за допомогою AI і як це працює, ви знайдете у статті: Vibe Coding в Onepage.
Огляд інтерфейсу редактора
Інтерфейс редактора складається з панелі, яка розташована внизу ліворуч.
1. Опублікувати або Оновити
Якщо ваша сторінка ще не опублікована, ви бачите синю кнопку «Опублікувати».
Коли ви натиснете «Опублікувати», вас запитають, чи хочете ви опублікувати сторінку на збереженому домені, чи спершу підключити власний домен, якщо цього ще не зроблено.
Щойно ваш власний домен буде підключено або ви захочете підключити сторінку до домену Onepage, натисніть «Опублікувати».
Якщо ваша сторінка вже онлайн і ви внесли зміни, натисніть «Оновити», щоб зміни з'явилися на сайті.
📌 Примітка: якщо ви редагували сторінку і тим часом вкладку було закрито або перервалося інтернет-з’єднання, це не проблема. Ваші зміни зберігаються автоматично в редакторі.
Якщо ви випадково опублікували свою сторінку або вона вам більше не потрібна, ви можете будь-коли знову зняти її з публікації.
Для цього натисніть «Оновити» → «Вимкнути».
Докладна інструкція: Публікація та оновлення вебсайту
2. Перемикання вигляду
За допомогою значка монітора ви можете під час редагування перемикатися між десктопним і мобільним виглядом. Так ви маєте змогу вносити правки безпосередньо для мобільного вигляду.
📌 Примітка: зміни за замовчуванням застосовуються також і до десктопного вигляду.
Якщо ви хочете вносити правки виключно для мобільних пристроїв, радимо вам статтю: Оптимізація вашої сторінки для мобільних пристроїв.
3. Скасування змін
За допомогою стрілки «назад» ви можете дуже просто скасувати зміни — наприклад, якщо випадково видалили текст або секцію.
Якщо стрілка неактивна, ви, найімовірніше, вже залишили сторінку або перезавантажили її. У такому разі скасувати зміни, на жаль, вже неможливо. Тоді ви можете відновити попередню версію своєї сторінки.
Підсумок і наступні кроки
З редактором Onepage ви маєте повний контроль над своєю присутністю в інтернеті — від точного налаштування окремих секцій до глобальних параметрів дизайну та SEO. Налаштовуйте елементи через drag & drop, використовуйте зручні шаблони або заощаджуйте цінний час за допомогою вбудованого AI.
Тепер, коли ви детально знаєте інтерфейс, переходимо до найголовнішого: власне побудови вашого вебсайту.
💡Бажаєте залишити відгук до цієї статті? Будь ласка, напишіть у наш чат або за адресою support@onepage.io, і ми зможемо її покращити. Дякуємо!🙂