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

Используйте раздел Текстовый список, если вы хотите отобразить набор текста в столбцах. Вы можете добавить Раздел «Список текстов» на страницу, чтобы легко связать разные страницы веб-сайта или добавить ссылки с их описанием.

По мере добавления элементов списка в этот раздел к нему будут применяться указанные вами настройки и стиль. Этот раздел будет полезен для демонстрации команды, различных продуктов, которые вы продаете, и для многих других целей.


В этой статье:

  1. Что такое текстовый список?
  2. Добавление раздела Text List на страницу.
  3. Добавляйте и редактируйте элементы списка.
  4. Последовательность элементов списка.
  5. Удаление элементов списка.
  6. Изменение оформления раздела.
  7. Варианты стиля.
  8. Карусельный стиль
  9. Живой пример.

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

  • Если вы хотите добавить текст или добавить ссылку в текст без каких-либо изображений, вы можете добавить раздел текстового списка.

Добавить раздел текстового списка

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

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

  • Выберите любой макет раздела и нажмите на него, чтобы добавить его на свою страницу.
Примечание:

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


Добавить и изменить элементы списка

Добавить элемент списка

После добавления раздела: 

  • Нажмите на Редактировать список текстов (1) кнопку, чтобы открыть панель элементов списка.

  • Нажмите на Добавить элемент (2) Кнопка для добавления нового элемента списка.
  • У вас будет возможность Дублировать и удалить (3) элементы списка.


Редактировать элемент списка

Нажмите на элемент списка, который вы хотите отредактировать. Это откроет определенные параметры редактирования элемента списка.

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

  • Нажмите на иконку Link Builder Ссылка на заголовок (4), чтобы открыть конструктор ссылок, чтобы связать заголовок элемента списка с любой страницей.
  • Установите ссылку, чтобы она открывалась в новая вкладка или в той же вкладке (5).
  • Добавляйте любые виды Ссылка (6) к элементу списка. Вы можете добавить кнопку/ссылку на изображение/значок социальной сети/текстовую ссылку. Узнать больше.
  • Сохранить (7) ваши изменения.


См. редактирование элемента текстового списка в действии:


Элементы списка последовательностей

  • Вы можете легко перетаскивать элементы списка, чтобы изменить последовательность.

Удалить элемент списка

Добавив элемент списка, вы можете отредактировать или удалить его.

  • Нажмите на Удалить значок рядом с элементом списка.
  • Нажмите на Удалить кнопку во всплывающем окне подтверждения.
  • Сохранить перемены.
Внимание

Элемент списка после удаления не может быть восстановлен.


Макет раздела

  • Нажмите на Управление текстовым списком .
  • Выберите Планировка меню.
  • Выберите любой макет и сохраните изменения.

Стиль вашего раздела

  • Нажмите на Управление списком текстов (1) .
  • Выберите Стиль (2) меню.
  • Измените стиль элементов списка и Сохранить (3) ваши изменения.


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

Параметры стиля

пункты 

  1. Выберите Показать элементы in строки и столбцы or карусель 
    • Элементы списка будут расположены в строках и столбцах, если вы выбрали опцию строк и столбцов. В этом случае вам нужно указать количество строк и столбцов.
    • Если вы выбрали карусель опция, элементы списка будут представлены в виде слайд-шоу. Узнать больше.
  2. Установить Число столбцов для списка текстов. Вы можете выбрать от 1 до 10 столбцов.
  3. Укажите Расстояние между столбцами из пунктов списка.
  4. Выравнивать Контент в списке текстов. Вы можете настроить их так, чтобы они были выровнены по левому краю, правому краю или по центру.
  5. Выберите зацикливать карусель или нет.
  6. В случае карусели выберите Навигация Управление. Вы можете выбрать между «Нет элементов управления», «Стрелки — внизу по центру/вверху справа/внизу справа», «Шеврон» или «Точки».

Размер и пространство 

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

Текст 

  1. Нажмите на Изменить стиль текста кнопка для посещения Проект и управлять размерами и стилями шрифта. 
  2. Установить Название стиль шрифта для элементов списка раздела.
  3. Установить подзаголовок стиль шрифта для элементов списка раздела.
  4. Установить по умолчанию Описание стиль шрифта для элементов списка раздела.
    Также проверьте: Стиль текста сайта.

Карты 

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

Shadow 

  1. Дисплей – Выберите отображение тени за элементами списка всегда или только при наведении.
  2. Стиль - Выберите из существующих пресетов или создайте собственную тень.
    Если вы выбрали вариант «Пользовательский», посетите этот Генератор теней коробки для создания пользовательской тени. Наконец, скопируйте и вставьте тень окна CSS.

  1. Если вы выбрали опцию пресетов, то Выберите стили теней из выпадающего списка.

Примечание:

Настройки стиля будут применены ко всем элементам раздела. Они не могут быть изменены для каждого элемента списка в отдельности.

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


Карусельный стиль

В стиле карусели элементы списка отображаются в виде слайд-шоу, т. е. элементы списка будут чередоваться один за другим.

Посмотрите, как работает стиль карусели: 


Показать элемент текстового списка как карточку

  • Когда вы решите показать карту над вашим текстовым списком, элементы списка будут иметь фон с цветом карты, который вы указали в Проект .
    Также см: Цвета и интервалы на сайте.

Посмотрите: 


Вот живой текстовый список: 

Просмотрите демо-сайт в реальном времени. 

Не можете найти то, что ищете?

Свяжитесь с экспертом Pixpa.