Використовуйте розділ «Текст», якщо потрібно відобразити набір тексту у стовпцях. Ви можете додати Текстовий розділ на сторінку, щоб легко зв’язувати різні сторінки на веб-сайті або додавати посилання з їхніми описами.
Коли ви додаєте елементи списку до цього розділу, до нього застосовуватимуться параметри та стиль, які ви вказали. Цей розділ буде корисним для демонстрації команди, різних продуктів, які ви продаєте, і для багатьох інших цілей.
У цій статті:
- Що таке розділ тексту?
- Додати розділ «Текст»
- Додавання та редагування елементів списку
- Послідовність елементів списку
- Видалення елементів списку
- Зміна макету розділу
- Керування елементами
- Варіанти стилю
- Стиль каруселі
- Живий приклад
Текстовий розділ
- Якщо ви хочете додати текст або посилання в текст без зображень, ви можете додати текстовий розділ.
Додати розділ «Текст»
- До сторінки можна додати розділ. Ви можете або додати розділ до вже існуючої сторінки, або створити нову сторінку на вашому веб-сайті.
- На вашій сторінці, натисніть на синій + значок додати а Новий розділ на свою сторінку.
- Тепер ви побачите категорії розділів на лівій панелі.
- Виберіть зміст (1) опцію та натисніть на текст вкладка (2), де ви можете вибрати різні макети (3).
- Виберіть макет будь-якого розділу та натисніть на нього, щоб додати його на свою сторінку.
- Ви можете керувати шириною розділу з налаштування розділу і ширина вмісту від стиль змісту.
- Заголовки, субтитри та описи повинні бути короткими та чіткими.
- У полі опису натисніть Enter кнопку для розриву рядка та Shift + Enter кнопку, щоб почати з наступного рядка.
Додавання та редагування елементів списку
Додати елемент списку
Після додавання розділу:
- Натисніть на Редагувати вміст (1) кнопку, щоб відкрити панель елементів списку.
- Натисніть на Додати товар (2) кнопку, щоб додати новий елемент списку.
- У вас буде можливість Створити копію та видалити (3) пункти списку.
Редагувати елемент списку
Клацніть елемент списку, який потрібно редагувати. Відкриються параметри редагування конкретного елемента списку.
- Додавати назва (1), Підзаголовок (2), і Опис (3) пункту списку.
- Ви можете не знайти параметрів «Підзаголовок» і «Опис» у певних елементах списку, залежно від вибраного вами макета.
Перш ніж додати опис, перевірте це статті.
4. Дія при натисканні
Ви можете налаштувати поведінку клацання окремих елементів у Текстовий список розділ. Нижче наведено доступні варіанти:
- Перейдіть за посиланням
Вибір цієї опції відкриває Конструктор посилань, що дозволяє додати гіперпосилання до цього елемента. Посилання може спрямовувати користувачів на іншу сторінку вашого веб-сайту або зовнішню URL-адресу. Більше інформації Про бренд Конструктор посилань. - Відкрити в лайтбоксі
Цей параметр відображає елемент у збільшеному вигляді Lightbox переглянути при натисканні. У цьому режимі Субтитр та Опис пов’язані з елементом не відображатимуться у вигляді сітки, але будуть видимі в режимі Lightbox. - Дія відсутня
Виберіть цей параметр, щоб зробити елемент неактивним. Якщо об’єкт вибрано, натискання на нього не запускатиме жодних дій.
5. Відкрити посилання в новому вікні: Налаштуйте посилання для відкриття в a нову вкладку або в тій самій вкладці. Це буде видно лише тоді, коли Перейдіть за посиланням параметр вибрано під Дія при натисканні .
6. Кнопки та посилання: Додайте будь-який тип посилання до пункту списку. Ви можете додати кнопку/посилання на зображення/іконку соціальної мережі/текстове посилання. Детальніше.
7. Зберегти: Після налаштувань збережіть зміни.
8. Перевизначення стилю картки
Ви можете змінити глобальні налаштування стилю картки в розділі Налаштування стилю і налаштуйте картку кожного елемента окремо в розділі «Список зображень». Це дозволяє застосовувати унікальні стилі до різних елементів списку для кращого налаштування.
Детальніше про параметр Картки в динамічному розділі.
Перегляньте редагування текстового елемента списку в дії:
Елементи списку послідовності
- Ви можете легко перетягнути елементи списку, щоб змінити послідовність.
Видалити елемент списку
Додавши елемент списку, ви можете редагувати або видаляти його.
- Натисніть на видаляти поруч із елементом списку.
- Натисніть на видаляти у спливаючому вікні підтвердження.
- Зберегти зміни.
Видалені елементи списку не можна відновити.
Макет розділу
- Натисніть на Редагувати вміст (1) кнопка.
- Виберіть макет (2) вкладка.
- Виберіть будь-який макет і Зберегти (3) ваші зміни.
Розділ «Керування елементами тексту»
Розділ «Список тексту» містить Вкладка «Елементи». що дозволяє легко керувати видимістю різних елементів у розділі. Використовуючи прості перемикачі, ви можете ввімкнути або вимкнути певні елементи, не видаляючи чи змінюючи самі елементи.
- Натисніть на Редагувати вміст (1) кнопка.
- Виберіть Елементи (2) вкладка.
- Після внесення змін натисніть Зберегти (3) кнопка.
Параметри розділу
- Показати заголовок: Увімкнути або вимкнути видимість заголовка для розділу «Список тексту».
- Показати кнопки: керування відображенням кнопок на рівні розділу.
Параметри елементів
- Показати заголовок: керування відображенням заголовка.
- Показати субтитри: увімкнення або вимкнення субтитрів.
- Показати опис: керування видимістю описів предметів.
- Показати кнопки: Вирішіть, чи мають відображатися кнопки для окремих елементів.
Стилізуйте свій розділ
- Натисніть на Редагувати вміст (1) кнопка.
- Виберіть стиль (2) вкладка.
- Змініть стиль елементів списку та Зберегти (3) ваші зміни.
У вас буде кілька варіантів стилю для цього розділу:
- Параметри відображення
- Мобільний дисплей
- Вирівнювання
- Розмір тексту
- Відстань
- Заголовок розділу
- Варіанти карток
- Параметри тіні
- Кнопки та посилання
Параметри відображення
- Виберіть Показати елементи in рядки та стовпці or карусель
- Якщо ви вибрали рядки та стовпці пункти списку будуть упорядковані в рядки та стовпці. У цьому випадку потрібно вказати кількість рядків і стовпців.
- Якщо ви вибрали карусель пункти списку будуть представлені у вигляді слайд-шоу. Більше інформації.
- Встановіть Кількість стовпців для текстового списку. Ви можете вибрати від 1 до 10 стовпців.
- Вкажіть Відстань між колонками елементів списку.
- Вкажіть Відстань між рядами елементів списку.
Якщо на кроці 1 вибрано параметр «Карусель», ви побачите такі додаткові параметри:
- Увімкніть плавне прокручування: дозволяє безперервно прокручувати елементи в каруселі для бездоганного та візуально привабливого досвіду.
- Авто слайд: автоматично обертається між слайдами без участі користувача.
- Показати прогрес автовідтворення: для кращої видимості відображає індикатор прогресу, коли активовано автовідтворення.
- Затримка автовідтворення: встановлює інтервал часу між кожним переходом слайдів, коли ввімкнено автоматичне відтворення.
- Петля каруселі: вмикає безперервне повторення слайдів, тому карусель плавно перезапускається після останнього слайда.
- Елементи керування каруселі: Виберіть Елементи керування навігацією. Ви можете вибирати між елементами керування, стрілками – унизу по центру/вгорі праворуч/внизу праворуч, шевроном, крапками та горизонтальним прокручуванням.
Мобільний дисплей
- Встановіть кількість Стовпці сітки для мобільних пристроїв. Ви можете встановити максимум 3 стовпці.
- Визначте Відстань між сітками (у пікселях).
Макет стовпців для певного пристрою на основі налаштувань Studio:
Вирівнювання
- Вирівнювання контенту: Вирівняйте вміст по горизонталі у списку тексту. Ви можете встановити вирівнювання по лівому краю, правому краю або по центру.
Розмір шрифту
- Натисніть на Змінити стиль тексту кнопку, щоб відвідати Дизайн розділ і керуйте розмірами та стилями шрифтів.
- Встановіть назва стиль шрифту для елементів списку розділу.
- Встановіть Субтитр стиль шрифту для елементів списку розділу.
- Встановити за замовчуванням Опис стиль шрифту для елементів списку розділу.
Також перевірте: Стиль тексту сайту. - Увімкніть цю опцію, щоб анімувати будь-які числа присутні в назва та Субтитр поля. Після ввімкнення числові значення відображатимуться з динамічною анімацією підрахунку, що зробить їх візуально привабливішими.
Відстань
- Вкажіть Ширина вмісту для елементів списку.
- Вкажіть Пробіл під заголовком розділу в px.
- Вкажіть Пробіл під заголовками пунктів списку (у %).
- Вкажіть Пробіл під субтитрами пунктів списку (у %).
Заголовок розділу
- Горизонтальне вирівнювання текст заголовка розділу. Ви можете встановити його вліво, по центру та праворуч.
- Увімкнути/вимкнути дільник між заголовком розділу та вмістом розділу.
- Встановіть товщина розділювача (у пікселях).
- Вкажіть Колір розділювача із засобу вибору кольорів.
- Вибрати Стиль роздільника з випадаючого.
- Встановіть Ширина заголовка щоб визначити ширину відображення заголовка розділу, починаючи щонайменше з 50%.
Параметри карт
- Подивіться, як керувати картками.
Параметри тіні
- дисплей – Виберіть, щоб тінь відображалася за елементами списку завжди або лише під час наведення курсора.
- стиль – Виберіть із існуючих стилів або створіть власну тінь.
Якщо ви вибрали спеціальний варіант, відвідайте це Генератор тіні коробки щоб створити власну тінь. Нарешті, скопіюйте та вставте box shadow CSS. - Якщо ви вибрали параметр попередніх налаштувань, тоді Виберіть Стилі тіней з випадаючого.
Налаштування стилю буде застосовано до всіх елементів у розділі. Їх не можна змінити для кожного елемента списку окремо.
Кнопки та посилання
- Подивіться, як для керування стилем кнопок і посилань.
Стиль каруселі
Стиль «Карусель» показує елементи списку як слайд-шоу, тобто елементи списку чергуватимуться один за одним.
Подивіться, як працює стиль каруселі:
Показати текстовий елемент списку як картку
- Коли ви вирішите показати картку над вашим текстовим списком елементи списку матимуть фон із кольором картки, який ви вказали в Дизайн .
Також див. Кольори та інтервали на сайті.
Гляньте:
Ось живий текстовий список:
