Елементи

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

Щоб додати або змінити елемент веб-сайту:

  1. Перейдіть на відповідну сторінку вебсайту та натисніть Редагувати.

  2. Клацніть розділ на сторінці, де ви хочете додати або змінити елемент.

  3. Внесіть необхідні зміни.

  4. Натисніть Зберегти.

Примітка

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

Введіть /, щоб додати елементи вебсайту.

Заголовки

Заголовки визначають рубрикацію та організовують вміст вебсайту на різні рівні для ясності та структури. Щоб вставити заголовок, введіть /title, виберіть стиль заголовка (Заголовок 1, Заголовок 2 або Заголовок 3) і введіть текст.

Порада

Крім того, введіть текст, виділіть його та виберіть відповідний стиль з розділу Вбудований текст на вкладці Налаштувати редактора вебсайту. Додаткові параметри форматування, такі як шрифти та кольори, також доступні в цьому розділі.

Кнопки

Кнопки — це інтерактивні елементи, які дозволяють посилатися на іншу сторінку або на якір сторінки. Щоб вставити кнопку:

  1. Введіть /button.

  2. Введіть мітку кнопки в полі Мітка посилання.

  3. Додайте URL-адресу або Email. Введіть / для пошуку сторінки та # для посилання на якір.

  4. Встановіть Стиль, Розмір та Макет, щоб визначити зовнішній вигляд кнопки.

  5. За потреби увімкніть перемикач, щоб відкрити зв’язану сторінку або якір у новій вкладці.

  6. Натисніть Застосувати, щоб зберегти зміни.

Порада

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

Зображення

Щоб вставити зображення:

  1. Введіть /image.

  2. Шукайте в базі даних Unsplash або натисніть Завантажити зображення, щоб вибрати файл зі своїх локальних зображень.

  3. Натисніть Додати.

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

    • Замініть зображення.

    • Визначте alt tag у полі Опис.

    • Введіть тег заголовка в полі Підказка. Цей текст з’явиться, коли відвідувачі наведуть курсор миші на зображення.

    • Додайте Форму; деякі форми також дозволяють налаштувати колір.

    • Налаштуйте Ширину зображення, наприклад, для покращення продуктивності. Менший розмір може бути запропонований, якщо його достатньо для відображення.

    • Змініть розмір зображення за допомогою інструменту Перетворення.

    • Налаштуйте Відступ, щоб додати простір (у пікселях) навколо зображення.

    • Тощо.

Відео

Щоб додати відео, введіть /video, вставте URL-адресу та увімкніть потрібні параметри:

  • Автовідтворення: автоматичне відтворення відео при відкритті сторінки. Звук відео автоматично вимкнено за замовчуванням.

  • Цикл: відтворювати відео в циклі.

  • Сховати елементи керування програвачем

  • Сховати кнопку повноекранного режиму

  • Початок у: щоб визначити мітку часу, з якої має починатися відео, у форматі MM:SS.

Іконки

Щоб вставити піктограму, введіть /image, перейдіть на вкладку Піктограми, виберіть піктограму та натисніть Додати. Щоб змінити піктограму, натисніть на неї та використовуйте розділ Піктограма редактора веб-сайту для налаштування параметрів, таких як Колір, Розмір, Анімації, Форма тощо.

Списки

Списки допомагають чітко організувати вміст, роблячи інформацію легшою для читання та покращуючи структуру веб-сторінок. Введіть /list і виберіть один із трьох різних типів списків: Маркований список, Нумерований список або Чек-лист.

Виділення тексту

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

  1. Виберіть текст або заголовок, який потрібно виділити.

  2. У редакторі веб-сайту натисніть Виділення.

  3. Виберіть стиль виділення.

  4. Змініть його Колір.

  5. Виберіть його Товщину.

Виділення текстів і заголовків

Анімації

Анімації використовуються для додавання руху до структурних блоків та елементів веб-сайту, таких як зображення та текст. Доступні три типи анімації: При прокручуванні, При появі та При наведенні (лише для зображень).

Щоб додати анімацію до елемента веб-сайту:

  1. Натисніть на елемент.

  2. У редакторі веб-сайту перейдіть до відповідного розділу для елемента (наприклад, Кнопка, Колонка, Вбудований текст тощо).

  3. У полі Анімація виберіть бажаний тип анімації.

  4. Налаштуйте параметри анімації за потреби. Доступні параметри залежать від вибраного типу анімації.

Анімації при прокручуванні

Для анімацій при прокручуванні можна:

  • Вибрати Вхід, щоб додати анімацію, коли елемент з’являється на екрані, і Вихід, щоб додати її, коли він зникає з екрана.

  • Вибрати Ефект.

  • Вибрати Напрямок ефекту.

  • Налаштувати Інтенсивність ефекту.

  • Визначити Зону прокручування, де перше значення представляє відсоток екрана, показаний на початку ефекту, а друге значення представляє його відсоток у кінці.

Animace při zobrazení

U animací při zobrazení je možné:

  • Vybrat si z různých efektů.

  • Вибрати Напрямок ефекту.

  • Vybrat možnost Spouštěč, která definuje, kdy animace proběhne: buď Pouze při prvním zobrazení, nebo Při každém zobrazení.

  • Налаштувати Інтенсивність ефекту.

  • Pokud chcete, aby se animace spustila po určitém počtu sekund, zadejte tento počet do pole Spustit po.

  • Zvolte Délku trvání animace.

Animace při najetí myší (pouze pro obrázky)

Animace Při najetí lze přidat k obrázkům. Můžete zvolit Efekt animace, stejně jako Barvu a Šířku tahu.

Див. також

HTML editor Odoo