Дизайн страницы со списком папок

Папка позволяет создать коллекцию ваших страниц в виде страницы со списком или в виде раскрывающегося списка.

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

См. демонстрационную папку.

После того как вы создал папку, вы можете управлять его дизайном, как показано ниже.


Управление стилем папки:

  • Введите папку. название (1) в строке поиска.
  • Нажмите на папку. (2) под Пункты меню сайта. 

  • Как вариант, из Вебсайт раздел, вы можете нажать на три точки (1) значок, который вы увидите при наведении курсора на папку.
  • Нажмите на Настройки (2) вариант.
  • Это приведет вас к настройки папки страница, на которой вы можете нажать на кнопку Дизайн (3) вкладка, чтобы открыть Дизайн папок ящик.


Здесь вы увидите следующие варианты дизайна: 


Макет папки

  1. Планировка – Выберите макет, который будет применяться к папке. Вы можете выбрать из более чем 20 макетов для отображения подэлементов папки на вашем сайте.
  2. Ширина – Установите ширину папки как «Полная ширина», «В штучной упаковке» или «Ширина сайта».
    • 'Полная ширина' будет отображать папку, покрывая всю ширину, не оставляя поля.
    • "В штучной упаковке' отобразит папку, оставив некоторое количество отступов справа и слева от экрана.
    • "Ширина сайта' можно указать в Дизайн раздел. Вы можете указать фиксированную ширину там.
      Он отобразит папку, придерживаясь указанной фиксированной ширины.
  3. Интервал сетки – Укажите пространство между подэлементами в макетах сетки. (0-250 пикселей)
  4. Угловой радиус – Настройте углы элементов сетки в папке, отрегулировав радиус угла, чтобы сделать их скругленными или квадратными.
  5. Показать фильтр по тегам - Проверьте это, чтобы включить фильтр по тегам для подэлементов вашей папки.
  6. Выравнивание тегов – Настройте выравнивание тегов на экране.


Названия

Показать заголовок (1): Вы можете включить заголовки подэлементов под изображениями сетки с заголовками и тегами.

  • Off: Выберите это, чтобы отключить заголовки и теги сетки.
  • При наведении: Выберите это, чтобы показывать заголовок при наведении. Вы можете выбрать выравнивание для заголовка.
  •  Изображение ниже: Выберите это, чтобы показать заголовок, а также теги под изображениями сетки. Вы можете выбрать выравнивание заголовков и тегов (2) и выбрать отображение тегов (3).


Шрифт заголовка

  1. Нажмите на Изменить стиль текста кнопка для посещения Дизайн и управлять размерами и стилями шрифта. 
  2. Установить Название Стиль шрифта для элементов внутри папки.
  3. Цвет шрифта: Укажите цвет шрифта заголовка.


Граница изображения

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


Стиль сетки

  1. Эффект наведения: Эффект наведения можно использовать только в макете сетки. Вы можете отобразить следующие параметры при наведении в режиме сетки.
    • Нет эффекта: Не влияет на подэлементы в режиме сетки.
    • Цвет: Только для наложения цвета на ваши подэлементы в режиме сетки.
    • Цвет и значок: Для наложения цвета подпунктов со значком.
  2. Цвет при наведении: Укажите цвет при наведении.
    • Чтобы указать цвет, выберите Выбранный цвет. Если вы выберете это, вы найдете опцию ниже, чтобы указать цвет.
    • Выбрать Цвет акцента изображения чтобы акцентный цвет изображения появлялся при наведении. Если вы выберете это, вы найдете ниже параметр, чтобы указать непрозрачность цвета акцента изображения.
  3. Базовый цвет: Укажите цвет основы сетки.
    • Чтобы указать цвет, выберите Выбранный цвет. Если вы выберете это, вы найдете опцию ниже, чтобы указать цвет.
    • Выбрать Цвет акцента изображения чтобы акцентный цвет изображения стал основным цветом. Если вы выберете это, вы найдете ниже параметр, чтобы указать непрозрачность цвета акцента изображения.
  4. Значок сетки: Выберите Дополнительная , Arrow, Пересекать, or глаз икона. Этот значок появится при наведении на изображения сетки.
  5. Цвет значка: Укажите цвет значка сетки.


Например, проверьте эту папку где «Квадратный макет большой папки» выбран с «Ярлыками сетки — Заголовок и теги»:

Навигация по хлебным крошкам

Знать о навигационная цепочка в деталях.


Мобильный дисплей

  1. Укажите пробел между подпунктами в макетах сетки для мобильных устройств. (от 0 до 250 пикселей)
  2. Выберите Число столбцов для отображения элементов в папке на мобильных устройствах.


Слайд-шоу (только для макета «Полноэкранный слайдер»)

  1. Поведение: Включите слайд-шоу отсюда.
  2. Скорость слайд-шоу: Установите скорость перехода слайд-шоу (от 1 до 10 секунд).
  3. Слайд-шоу переход: Укажите тип перехода «Слайд-шоу». Вы можете применить опцию «Горизонтальное смахивание» или «Затухание».


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

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

Pixpa Studio только что обновили. В данный момент мы обновляем скриншоты всех справочных статей.