Настройка секции - Создание - Документация Carrd
Создание Секции
В основе концепции Секций лежит Разделитель Секции, специальный элемент Управления, который отмечает, где секция начинается, где она заканчивается, и какие элементы должны к ней принадлежать. Вот как это используется:
Нажмите Добавить элемент.
Нажмите Управление, чтобы создать новый элемент Управления.
Установите Тип на Разделитель Секции.
Дайте ему короткое, описательное Имя, состоящее только из строчных букв, цифр и дефисов (например,
work). Это уникально идентифицирует секцию и позволяет ссылаться на нее (см. ниже).Перетащите разделитель секции туда, где вы хотите разделить сайт, отпустите, чтобы разместить его, и ... готово. Хотя эффекты не будут видны в конструкторе, вот что происходит с опубликованной версией сайта:
- Создается новая секция с именем, которое вы только что задали (например,
work), содержащая все элементы после разделителя секции (до другого разделителя секции, маркера футера или низа сайта). - Все элементы до разделителя секции (до другого разделителя секции, маркера заголовка или верха сайта) назначаются предыдущей секции.
- ... и если предыдущая секция не существует, автоматически создается одна с именем
home.
Ссылка на секцию с помощью кнопки, ссылки или практически любого другого элемента, который принимает URL, используя хеш
#, за которым следует имя секции (например,#work).(Опционально) Выберите элемент Страница сайта, нажмите вкладку Анимация, затем выберите эффект При изменении секции, чтобы использовать его при изменении секций сайта.
Готово! Нажатие на ссылку на секцию теперь сразу откроет ее и покажет ее содержимое (и сделает это с использованием эффекта изменения секции, если он был выбран), и каждая секция может быть глубоко связана, просто добавив ее имя с префиксом хеша к URL сайта (например,
foo.carrd.co/#work). Вы также можете ссылаться на следующие специальные URL для навигации между вашими секциями:
| URL | Description |
|---|---|
section:next | Открыть следующий раздел. |
section:previous | Открыть предыдущий раздел. |
section:first | Открыть первый раздел. |
section:last | Открыть последний раздел. |
... и это все, что нужно сделать! Просто повторите процесс, чтобы создать больше разделов, или при желании сделайте шаг дальше и добавьте заголовок и подвал.