Перейти до основного контенту

Знайомство з редактором

У цій статті ви дізнаєтеся, які основні функції пропонує редактор і як побудовано його інтерфейс.

Автор: Dmytro

Основною частиною робочого середовища Onepage є редактор. Саме його ви використовуєте для створення нових сторінок або редагування вже існуючих.

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


Дії з розділами

Розділ — це готовий блок із заздалегідь визначеною кількістю елементів. У Onepage сторінки створюються саме з таких розділів. Найпоширеніші дії в Onepage — це додавання та налаштування розділів.

1. Зміна порядку

Ви можете легко змінювати порядок розділів за допомогою перетягування (Drag & Drop).

2. Перейменування розділу

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

3. Додавання нових розділів

Щоб створити новий розділ, просто натисніть «Додати розділ», виберіть один із наших шаблонів або створіть власний розділ на вкладці «Макети».

Або ж ви можете доручити створення розділу нашому ШІ. Детальніше про це читайте в нашій статті «Вайб кодинг у Onepage».


Дії зі сторінкою або проєктом

Окрім роботи з розділами, у редакторі Onepage ви можете виконувати багато інших дій.

1. Перемикання між сторінками

Натисніть «Сторінки», щоб перейти до іншої сторінки вашого вебсайту.

2. Відновлення попередньої версії

Натисніть «Історія версій», щоб переглянути та відновити попередні версії вашої сторінки.

Більше інформації про це ви знайдете в наступній статті: «Скасування змін або відновлення попередніх версій».

3. Відкриття медіатеки та керування файлами

Натисніть «Бібліотека», щоб додавати нові зображення, видаляти наявні файли або створювати папки.

4. Внесення змін у дизайн

Натисніть «Дизайн», щоб налаштувати кольори, шрифти, кнопки або форми.

Більше інформації ви знайдете в наступних статтях: «Кольорова палітра та градієнт» та «Як вибрати шрифт для свого вебсайту».

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

Це означає, що внесені вами зміни автоматично застосовуються до всіх сторінок проєкту.

5. Додавання власного коду

Натисніть на елемент «Код», щоб додати код (якщо він у вас є) для поточної сторінки (Page Code) або для всього проєкту, тобто всіх підсторінок (Site Code).

Ви можете вибрати, куди саме потрібно додати код:

  • <head>

  • <body>

  • <стилі>

Більше інформації про це ви знайдете в наступній статті: «Додавання власного коду до розділів».

6. Редагування основних налаштувань

Натисніть «Налаштування». У розділі основних налаштувань ви можете визначити:

  • Назва сторінки: назва вашої сторінки, наприклад «Головна».

  • Адреса сторінки: наприклад / для головної сторінки або /про-мене, /послуги тощо для підсторінок.

  • Індексація: визначте, чи повинна сторінка індексуватися пошуковими системами.

У розділі «SEO» ви можете налаштувати опис сторінки, ключові слова, альтернативні тексти (Alt-тексти) та інші параметри для пошукової оптимізації.

Детальніше про це читайте в нашій статті: «Налаштування та оптимізація SEO (пошукової оптимізації)».

Щодо «Відстеження подій» рекомендуємо ознайомитися зі статтею: «Налаштування Conversion API».

7. Використання нашого ШІ

Натисніть «AI», щоб скористатися нашим ШІ для створення нових сторінок і додавання розділів.

📌 Примітка: детальний огляд того, що саме можна створювати за допомогою ШІ та як це працює, ви знайдете в статті: Вайб-кодинг у Onepage.


Огляд інтерфейсу редактора

Інтерфейс редактора складається з панелі, розташованої в нижній лівій частині екрана.

1. Опублікувати або оновити

Якщо вашу сторінку ще не було опубліковано, ви побачите синю кнопку «Опублікувати».

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

Щойно ви підключили власний домен або вирішили опублікувати сторінку на домені Onepage, натисніть «Опублікувати», щоб завершити публікацію.

Якщо ваша сторінка вже опублікована та ви внесли зміни, натисніть «Оновити», щоб застосувати внесені зміни онлайн.

📌 Примітка: Якщо ви редагували сторінку, а потім закрили вкладку або у вас перервався інтернет-зв’язок, не хвилюйтеся. Ваші зміни зберігаються автоматично.

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

Для цього натисніть «Оновити» → «Вимкнути».

Керуйте структурою сторінки за допомогою бічної панелі

У Onepage сторінки створюються з секцій. Найпоширенішою дією, яку ви будете виконувати в Onepage, є додавання та редагування секцій.

2. Перемикання режиму перегляду

За допомогою іконки «Десктоп» під час редагування ви можете перемикатися між режимами перегляду для комп’ютера та мобільних пристроїв. Таким чином, ви можете безпосередньо вносити зміни для мобільної версії сторінки.

📌 Примітка: Зміни за замовчуванням також застосовуються до версії для комп’ютерів.

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

3. Активація режиму «Pro» та нового інтерфейсу

За допомогою іконки налаштування ви можете вибрати тему для редактора, наприклад світлу, темну, темно-фіолетову тощо.

Крім того, тут ви можете активувати режим «Pro» та новий інтерфейс (New UI).

Детальніше про те, що саме це означає та які переваги це дає, ви дізнаєтеся зі статті: «Дізнайтеся про переваги нового інтерфейсу та режиму “Pro”».

4. Скасування змін

За допомогою стрілки «Скасувати» ви можете легко скасувати внесені зміни, наприклад, якщо випадково видалили текст або розділ.

Якщо стрілка неактивна (сіра), ймовірно, ви вже залишили сторінку або перезавантажили її. У такому випадку зміни, на жаль, більше неможливо скасувати.

Однак ви можете відновити попередню версію своєї сторінки.


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

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