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

Папка дозволяє створювати колекцію сторінок у вигляді списку або випадаючого списку.

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

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

Після створення папки ви можете керувати її дизайном, як показано нижче.


Керувати стилем папки:

  • Введіть папка назву (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. Значок сітки: Виберіть плюс, стрілка, хрест, or очей значок. Цей значок з’являтиметься під час наведення курсора на зображення сітки.
  5. Колір значка: Вкажіть колір значка сітки.


Наприклад, перевірте цю папку, де вибрано «Квадратний формат великої папки» з параметром «Мітки сітки – Заголовок і теги»:

Судноплавна навігація

Дізнайтеся детально про навігацію за допомогою хлібних крихт.


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

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


Слайд-шоу (лише для макета «Повзунок із повним зображенням»)

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


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

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

Pixpa Studio щойно оновлено. Ми зараз оновлюємо всі скріншоти довідкових статей.