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