Статті на: Початок роботи
Ця стаття також доступна на:

Початок роботи з редактором Weblium

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

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


Панель керування в редакторі






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






(1) Мої сайти. Це швидке посилання для повернення на сторінку вашого аккаунта, де знаходиться перелік всіх ваших сайтів. Зручна в разі, якщо вам потрібно перейти з поточного сайту на інший.
(2) Налаштування сайту - говорять самі за себе: параметри цього списку перенесуть вас з редактора в секцію регулювання вибраного розділу поточного сайту.
(3) Меню управління сторінками. Тут ви знайдете кнопки, що ведуть до налаштувань основних блоків сайту, списку сторінок і спливаючих вікон (pop-ups) вашого сайту, а також налаштувань стилю вашого сайту.
Зверніть увагу, що ті сторінки, які відображаються тут, видно тільки в редакторі і вони недоступні для відвідувачів вашого сайту, поки ви не зв'яжете їх з кнопками в меню вашого сайту або іншими елементами. Щоб відкрити режим редагування певної сторінки, клацніть по вкладці цієї сторінки в списку сторінок.
Наша стаття Додавання сторінок та підсторінок підкаже вам, як створити зручну навігацію на вашому сайті.
(4) Навігаційний список створює зручність для швидкого переміщення між сторінками в редакторі без потреби відкривати цілу панель зліва. Користуючись ним, можна швидко перейти на іншу сторінку вашого сайту і приступити до роботи над нею.
(5) Кнопки «Скасувати» і «Повернути». За їх допомогою ви в один клік можете скасувати (і при необхідності повернути назад) останні дії редагування. Це можливо тільки під час поточного сеансу в редакторі. Для відміни інших модифікацій сайту та для відновлення попередніх версій сайту, рекомендуємо користуватись історією сайту (див. далі).
(6) Статус автозбереження. Ця секція вашого редактора повідомляє вас про те, що всі зроблені вами зміни тепер в безпеці — все успішно збережено автоматично.
(7) Посилання на модернізацію. Це посилання для швидкого доступу з редактора на сторінку оновлення вашого сайту з безкоштовної / пробної версії до повнофункціональної платної версії.
(8) Попередній перегляд вашого сайту стаєу нагоді, коли потрібно швидко переконатися в тому, що ваш сайт виглядає як ви цього бажаєте, перш ніж вносити зміни, які ви застосували до нього, на опубліковану версію.
(9) Опублікуйте свій сайт, щоб він виглядав для його відвідувачів саме так, як ви його бачите в редакторі в даний момент.
(10) Історія. Тут ви можете вручну створювати і зберігати різні версії вашого сайту і відновлювати будь-яку з них при необхідності. Іноді, дуже виручає або просто зручно мати для відновлення копію сайту, що була завчасно створена до внесення нових змін в редактор. Ви можете дізнатися більше про це в нашій спеціальній статті Історія сайту.
(11) Режим коментування сайту. Зберіть і перегляньте відгуки на опублікований вами сайт звідусіль, щоб зробити відповідні нотатки та оцінити, наскільки вправно ви впоралися з поставленим завданням.
(12) Поділіться посиланням на ваш сайт з колегами або родичами, щоб отримати зворотній відгук і більш глибоке уявлення про ваш сайті.
(13) Згорнути меню редактора, - його самий верхній ряд на панелі вашого редактора вгорі, - щоб звільнити трохи більше місця для редагування на екрані.
(14) Підтримка. Ми завжди на відстані одного кліка від вас, щоб допомогти вам у створенні вашого онлайн-проекту. Натисність на цей список, що розкривається, щоб перейти в наш Довідковий центр, ознайомитися з корисними порадами, якими ми щиро ділимося з вами, чи, якщо хочете, замовити наші послуги зі створення нового або поліпшення вже існуючого вашого сайту професіоналами нашої Дизайн-студії.

Все з перерахованого вище неймовірно доступно!


Робота з блоками



Сайти на Weblium побудовані з готових блоків - угрупованих наборів елементів, які розміщені на всю ширину екрану і є легко адаптивними до різних його пропорцій. Вони зібрані в галереї блоків і відсортовані за різною тематикою - послуги, галерея, зворотний відлік і т. п.
Щоб помістити новий блок на сторінку, зверніться до статті Додавання блоків.

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

Переглянувши це відео, ви зрозумієте основні принципи роботи з блоками:




Загальні налаштування блоку



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

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


Робота з елементами блоку



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





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

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


Особливі типи блоків



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

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



Робота з текстом



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

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





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

Передивіться нашу коротку відео-інструкцію про те, як працювати з текстом в редакторі:




Робота з зображеннями



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

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

Ознайомтеся з відео нижче, щоб дізнатися, як додавати і редагувати картинки на сайті:



Підказка: детальніше, основні кроки для запуску вашого сайту описує наша стаття Редагування готового шаблону.

Оновлено: 12/02/2024

Чи була ця стаття корисною?

Поділіться своїм відгуком

Скасувати

Дякуємо!