Як створити сторінку сайту у WeStudy

Конструктор WeStudy дозволяє оформлювати сторінки сайту й лендінги курсів та вебінарів. Почни зі створення сторінки: задай її назву, адресу та короткий опис, а потім додай вміст у редакторі. У цій інструкції використано навчальний приклад школи «Про AI — академія штучного інтелекту». У твоєму кабінеті назва школи, адреса й кількість сторінок будуть іншими.

Відкрий розділ Сайт

1. Увійди до адміністративного кабінету своєї школи.

2. У лівому меню натисни «Сайт».

3. У верхній картці «Ваш сайт» перевір назву школи та адресу, з якою працюватимеш.

Скриншот 1. Розділ «Сайт»: картка школи, вкладки керування, фільтри та список сторінок.

• Назва школи. У верхній картці показано назву поточного сайту. На прикладі це Про AI — академія штучного інтелекту.

• Стан сайту. Позначка «Сайт увімкнено» показує стан сайту. Це окремий показник від статусу конкретної сторінки.

• Адреса та значок копіювання. Під назвою розміщено адресу публічного сайту. Значок поруч призначений для копіювання адреси.

• Редагувати головну. Перехід до оформлення головної сторінки школи. Використовуй цю дію, якщо хочеш змінити саме головну.

• Переглянути сайт. Перехід до публічного сайту, який бачать його відвідувачі.

• Шестерня. Вхід до налаштувань сайту з верхньої картки.

• Лічильники праворуч. «Сторінки сайту», «Опубліковано» та «Чернетки» допомагають оцінити стан власних сторінок сайту.

Зверни увагу. Не плутай увімкнений сайт з опублікованою сторінкою: сайт може працювати, поки нова сторінка ще має статус «Чернетка».

Розберися зі списком сторінок

Під карткою є вкладки «Сторінки», «Блог», «SEO» та «Налаштування». Для створення й оформлення сторінки залишайся на вкладці «Сторінки». Вона об’єднує власні сторінки сайту та лендінги курсів і вебінарів.

1. У блоці «Усі сторінки» вибери групу: «Усі», «Сторінки сайту», «Курси» або «Вебінари».

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

3. За потреби відкрий фільтр статусу або сортування праворуч від пошуку. На прикладі вибрано «Усі статуси» та «Спочатку оновлені».

4. Знайди потрібний рядок у таблиці. Для переходу до оформлення натисни «Редагувати дизайн» праворуч від нього.

Скриншот 2. Список лендінгів курсів, керування рядками та підказки «Перед публікацією».

• Сторінка. Назва сторінки або пов’язаного курсу чи вебінару.

• Тип. Показує, до якої групи належить запис. На прикладі всі три записи мають тип «Курс».

• Статус. Допомагає визначити стан запису. Позначка «Статус невідомий» не підтверджує ні публікацію, ні перебування в чернетках. Під нею на прикладі вказано «Статус курсу».

• Оновлено. Колонка для дати оновлення. Тире означає, що в цьому рядку дата не відображена.

• Рядків на сторінці. Вибір кількості записів, які одночасно показуються у таблиці. Стрілки поруч призначені для переходу між сторінками списку.

На скриншоті лічильник «Сторінки сайту» дорівнює 0, а у вкладці «Сторінки» є 3 записи. Це не суперечність: три записи належать до курсів, а власних сторінок сайту ще немає.

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

Додай нову сторінку

1. На вкладці «Сторінки» натисни помаранчеву кнопку «Додати сторінку».

2. У правій панелі «Нова сторінка» заповни назву, адресу та опис.

3. Переглянь блок «Попередній вигляд у пошуку».

4. За потреби додай зображення для поширення.

5. Натисни «Зберегти», щоб зберегти введені дані. Для відмови від створення використовуй «Скасувати».

Скриншот 3. Панель «Нова сторінка»: назва, адреса, опис, попередній вигляд у пошуку та зображення для поширення.

Назва сторінки

Поле «Назва сторінки» позначене зірочкою, тобто є обов’язковим. Введи зрозумілу назву, яка описує призначення сторінки: наприклад, «Про нашу школу», «Контакти» або «Програма курсу з дизайну». Назва допоможе знайти сторінку у списку; її також використовує показаний у панелі попередній вигляд у пошуку.

Адреса сторінки

Над полем показано постійну частину адреси: у прикладі це https://westudy.ua/pro-ai/page/. У поле нижче вводиться кінцева частина адреси, наприклад about-us. Разом вони утворюють посилання https://westudy.ua/pro-ai/page/about-us.

• Вводь коротку й зрозумілу кінцеву частину адреси. Для зручності можна використовувати латинські слова, розділені дефісами.

• Підказка інтерфейсу дозволяє літери, цифри, дефіс або підкреслення.

• Не додавай пробіли та символи /, ? або #.

• Не вставляй у це поле повну адресу, якщо її початок уже показано над ним.

Опис сторінки

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

Попередній вигляд у пошуку

Ця картка допомагає оцінити поєднання назви й опису. Якщо назва ще порожня, у ній показано «Без назви». Інтерфейс уточнює, що це приблизний вигляд: пошукова система може показати інший текст. Саме заповнення цієї картки не гарантує появи сторінки у пошуковій видачі.

Зображення для поширення

Зображення використовується під час поширення посилання на сторінку. Натисни область із плюсом або перетягни файл у неї. У панелі рекомендовано горизонтальне зображення розміром 800 × 600. Підготуй картинку, яка впізнавано представляє зміст сторінки й залишається зрозумілою у невеликому прев’ю.

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

Приклад заповнення

• Назва сторінки. Про нашу школу

• Кінцева частина адреси. about-us

• Опис. Дізнайтеся про викладачів, підхід до навчання та програми нашої онлайн-школи.

• Зображення для поширення. Горизонтальне фото команди або підготовлена обкладинка школи.

Познайомся з редактором

На прикладі відкрито сторінку «Про AI — академія штучного інтелекту» без основних блоків вмісту. Угорі показано панель керування, нижче — шапку сайту, робочу область із кнопкою «Додати блок» та підвал.

Скриншот 4. Порожня сторінка у редакторі: верхня панель, шапка, область вмісту та підвал.

• Стрілка ліворуч. Дія повернення з редактора. Перед виходом перевір, чи збережено останні зміни.

• Назва сторінки. Допомагає переконатися, що ти редагуєш потрібний запис.

• Сторінку збережено. Індикатор збереження під назвою. Орієнтуйся на його актуальний стан після внесення змін.

• UA. Позначення поточної мовної версії на показаному екрані.

• Монітор і телефон. Перемикачі вигляду сторінки для комп’ютера та мобільного пристрою.

• Пензлик. Відкриває панель «Стилі сайту» зі шрифтами, кольорами, кнопками й формами.

• Зберегти. Зберігає роботу над сторінкою. Не підміняй цю дію публікацією.

• Чернетка. Поточний статус сторінки на прикладі.

• Опублікувати. Окрема дія для публікації готової сторінки.

• Додати блок. Відкриває бібліотеку блоків для наповнення робочої області.

Що перевірити перед публікацією

1. Додай змістовні блоки: поясни, що пропонуєш, кому це корисно та як зв’язатися зі школою або перейти до навчання.

2. Заміни всі демонстраційні тексти, контакти, ціни та зображення зі шаблонів.

3. Перевір назву сторінки, її адресу, опис і зображення для поширення.

4. Перемкни редактор між виглядом для комп’ютера та телефона. Перевір переноси рядків, читабельність і розміщення елементів.

5. Натисни «Зберегти» та переконайся, що поточні зміни збережені.

6. Коли сторінка готова до показу відвідувачам, використовуй «Опублікувати». Після публікації перевір її за публічною адресою.

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

Поширені запитання

Чому у списку є курси, хоча я ще не створював сторінки

Розділ показує і власні сторінки сайту, і лендінги курсів та вебінарів. Вибери групу «Сторінки сайту», якщо потрібні лише створені окремо сторінки.

Чим Редагувати головну відрізняється від Додати сторінку

«Редагувати головну» відкриває головну сторінку сайту. «Додати сторінку» починає створення окремої сторінки з власною назвою та адресою.

Чому картка у пошуку може виглядати інакше

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