Розділ текстового списку

Використовуйте розділ Текстовий список, якщо потрібно відобразити набір тексту в стовпцях. Ви можете додати a Розділ «Список тексту». на сторінку, щоб легко зв’язувати різні сторінки на веб-сайті або додавати посилання з їхніми описами.

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


У цій статті:

  1. Що таке текстовий список?
  2. Додавання розділу списку тексту на сторінку.
  3. Додавання та редагування елементів списку.
  4. Послідовність елементів списку.
  5. Видалення елементів списку.
  6. Зміна макету розділу.
  7. Варіанти стилю.
  8. Стиль каруселі
  9. Живий приклад.

Текстовий список

  • Якщо ви хочете додати текст або додати посилання в текст без будь-яких зображень, ви можете додати розділ текстового списку.

Додайте розділ «Список тексту».

  • До сторінки можна додати розділ. Ви можете або додати розділ до вже існуючої сторінки, або створити нову сторінку на вашому веб-сайті.
  • На вашій сторінці, натисніть на синій + значок додати а Новий розділ на свою сторінку.

  •  Тепер ви побачите категорії розділів на лівій панелі.
  • Виберіть Розділ списку (1) і натисніть на Текстовий список вкладка (2), де ви можете вибрати з різних макетів (3).

  • Виберіть макет будь-якого розділу та натисніть на нього, щоб додати його на свою сторінку.
Примітка:

  1. Ви можете керувати шириною розділу з налаштування розділу і ширина вмісту від стиль змісту.
  2. Заголовки, субтитри та описи повинні бути короткими та чіткими.
  3. У полі опису натисніть  Що натомість? Створіть віртуальну версію себе у  кнопку для розриву рядка та Shift + Enter кнопку, щоб почати з наступного рядка.


Додавання та редагування елементів списку

Додати елемент списку

Після додавання розділу: 

  • Натисніть на Редагувати текстовий список (1) кнопку, щоб відкрити панель елементів списку.

  • Натисніть на Додати товар (2) кнопку, щоб додати новий елемент списку.
  • У вас буде можливість Створити копію та видалити (3) пункти списку.


Редагувати елемент списку

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

  • Додавати назва (1), Підзаголовок (2), і Опис (3) пункту списку.
  • Ви можете не знайти параметрів «Підзаголовок» і «Опис» у певних елементах списку, залежно від вибраного вами макета.
    Перш ніж додати опис, перевірте це статті.

  • Натисніть піктограму Link Builder Посилання на заголовок (4), щоб відкрити конструктор посилань, щоб зв’язати назву елемента списку з будь-якою сторінкою.
  • Налаштуйте посилання для відкриття в a нову вкладку або в тій самій вкладці (5).
  • Додайте будь-який тип посилання (6) до пункту списку. Ви можете додати кнопку/посилання на зображення/іконку соціальної мережі/текстове посилання. Дізнайтесь більше.
  • зберегти (7) ваші зміни.


Перегляньте редагування текстового елемента списку в дії:


Елементи списку послідовності

  • Ви можете легко перетягнути елементи списку, щоб змінити послідовність.

Видалити елемент списку

Додавши елемент списку, ви можете редагувати або видаляти його.

  • Натисніть на видаляти поруч із елементом списку.
  • Натисніть на видаляти у спливаючому вікні підтвердження.
  • зберегти зміни.
примітки

Видалений елемент списку не можна відновити.


Макет розділу

  • Натисніть на Керування текстовим списком кнопки.
  • Виберіть макет Вкладка.
  • Виберіть будь-який макет і збережіть зміни.

Стилізуйте свій розділ

  • Натисніть на Керувати текстовим списком (1) кнопки.
  • Виберіть Стиль (2) Вкладка.
  • Змініть стиль елементів списку та Зберегти (3) ваші зміни.


У вас буде кілька варіантів стилю для цього розділу: 

Параметри стилю

предмети 

  1. Виберіть Показати елементи in рядки та стовпці or карусель 
    • Елементи списку буде впорядковано в рядки та стовпці, якщо ви вибрали параметр рядків і стовпців. У цьому випадку потрібно вказати кількість рядків і стовпців.
    • Якщо ви вибрали карусель пункти списку будуть представлені у вигляді слайд-шоу. Більше інформації.
  2. Встановіть кількість стовпців для текстового списку. Ви можете вибрати від 1 до 10 стовпців.
  3. вкажіть Відстань між колонками елементів списку.
  4. Вирівняти контент у списку тексту. Ви можете налаштувати їх вирівнювання по лівому, правому або центральному краю.
  5. Виберіть, зациклювати карусель чи ні.
  6. У випадку каруселі виберіть навігація Елементи керування. Ви можете вибрати між «Без елементів керування», «Стрілки – унизу по центру/вгорі праворуч/внизу праворуч», «Шеврон» або «Точки».

Розмір і простір 

  1. вкажіть Ширина вмісту для елементів списку.
  2. вкажіть Пробіл під заголовком розділу в px.
  3. вкажіть Пробіл під заголовками пунктів списку (у %).
  4. вкажіть Пробіл під субтитрами пунктів списку (у %).

текст 

  1. Натисніть на Змінити стиль тексту кнопку, щоб відвідати дизайн розділ і керуйте розмірами та стилями шрифтів. 
  2. Встановіть назва стиль шрифту для елементів списку розділу.
  3. Встановіть Субтитр стиль шрифту для елементів списку розділу.
  4. Встановити за замовчуванням Опис стиль шрифту для елементів списку розділу.
    Також перевірте: Стиль тексту сайту.

Cards 

  1. Подивіться, як керувати картками.

тінь 

  1. дисплей – Виберіть, щоб тінь відображалася за елементами списку завжди або лише під час наведення курсора.
  2. стиль – Виберіть із існуючих стилів або створіть власну тінь.
    Якщо ви вибрали спеціальний варіант, відвідайте це Генератор тіні коробки щоб створити власну тінь. Нарешті, скопіюйте та вставте box shadow CSS.

  1. Якщо ви вибрали параметр попередніх налаштувань, тоді Виберіть Стилі тіней з випадаючого.

Примітка:

Налаштування стилю буде застосовано до всіх елементів у розділі. Їх не можна змінити для кожного елемента списку окремо.

  1. Подивіться, як для керування стилем кнопок і посилань.


Стиль каруселі

Стиль «Карусель» показує елементи списку як слайд-шоу, тобто елементи списку чергуватимуться один за одним.

Подивіться, як працює стиль каруселі: 


Показати текстовий елемент списку як картку

Гляньте: 


Ось живий текстовий список: 

Перегляньте демонстраційний сайт. 

Не можете знайти те, що шукаєте?

Зв’яжіться з експертом Pixpa.