Настройка секции - Создание - Документация Carrd

Last updated on 5/24/2025@mrbirddev
Настройка секции - Создание - Документация Carrd

Создание Секции

В основе концепции Секций лежит Разделитель Секции, специальный элемент Управления, который отмечает, где секция начинается, где она заканчивается, и какие элементы должны к ней принадлежать. Вот как это используется:

  1. Нажмите Добавить элемент.

  2. Нажмите Управление, чтобы создать новый элемент Управления.

  3. Установите Тип на Разделитель Секции.

  4. Дайте ему короткое, описательное Имя, состоящее только из строчных букв, цифр и дефисов (например, work). Это уникально идентифицирует секцию и позволяет ссылаться на нее (см. ниже).

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

  • Создается новая секция с именем, которое вы только что задали (например, work), содержащая все элементы после разделителя секции (до другого разделителя секции, маркера футера или низа сайта).
  • Все элементы до разделителя секции (до другого разделителя секции, маркера заголовка или верха сайта) назначаются предыдущей секции.
  • ... и если предыдущая секция не существует, автоматически создается одна с именем home.
  1. Ссылка на секцию с помощью кнопки, ссылки или практически любого другого элемента, который принимает URL, используя хеш #, за которым следует имя секции (например, #work).

  2. (Опционально) Выберите элемент Страница сайта, нажмите вкладку Анимация, затем выберите эффект При изменении секции, чтобы использовать его при изменении секций сайта.

  3. Готово! Нажатие на ссылку на секцию теперь сразу откроет ее и покажет ее содержимое (и сделает это с использованием эффекта изменения секции, если он был выбран), и каждая секция может быть глубоко связана, просто добавив ее имя с префиксом хеша к URL сайта (например, foo.carrd.co/#work). Вы также можете ссылаться на следующие специальные URL для навигации между вашими секциями:

URLDescription
section:nextОткрыть следующий раздел.
section:previousОткрыть предыдущий раздел.
section:firstОткрыть первый раздел.
section:lastОткрыть последний раздел.

... и это все, что нужно сделать! Просто повторите процесс, чтобы создать больше разделов, или при желании сделайте шаг дальше и добавьте заголовок и подвал.


Содержание - carrd docs

Last updated on 5/24/2025@mrbirddev
Loading...