Полное руководство по ссылкам на коллекции в динамическом контенте

Создание и поддержка взаимосвязей между различными элементами контента является одной из ключевых задач при разработке современных веб-сайтов. Динамические поля ссылок и множественных ссылок в SP Page Builder кардинально меняют подход к организации данных, позволяя автоматизировать процесс связывания связанных материалов. Это руководство подробно объясняет принципы работы с этими мощными инструментами и демонстрирует их практическое применение на реальном примере.

Понимание ссылок и множественных ссылок в динамическом контенте

В любом контентно-насыщенном веб-сайте поддержание отношений между различными типами данных имеет решающее значение для организации, удобства использования и масштабируемости. Именно здесь поля ссылок и множественных ссылок в динамическом контенте проявляют себя наилучшим образом — они упрощают и автоматизируют эти соединения, делая сайт не только более организованным, но и более динамичным и интерактивным для аудитории.

Поля Reference (ссылки) предназначены для соединений один-к-одному, что делает их идеальными для связывания одного элемента с другим. Например, каждая статья может быть связана с одним конкретным автором.

Аналогично, с помощью полей Multi-reference (множественные ссылки) можно легко установить связи один-ко-многим, associating один элемент с несколькими связанными элементами. Примерами могут быть теги, ключевые слова, категории и так далее. SP Page Builder гарантирует, что эту сложную задачу можно выполнить максимально гладко и без лишних хлопот.

Поля ссылок в SP Page Builder

В динамическом контенте SP Page Builder можно использовать поля ссылок при создании коллекций для эффективного связывания связанных элементов. Например, при управлении коллекцией «Рецепты» и коллекцией «Имена поваров» можно легко связать каждого повара с его соответствующими рецептами без необходимости вручную вставлять детали повара для каждого рецепта при создании макета.

Когда дело доходит до внесения обновлений, достаточно изменить информацию один раз, и она автоматически обновится повсюду на сайте. Это значительно экономит время и уменьшает вероятность ошибок при ручном обновлении контента.

Поля множественных ссылок в SP Page Builder

Поля множественных ссылок работают так же, как и поля ссылок, но с дополнительной гибкостью. Вместо связи одной коллекции с другой они позволяют связать несколько связанных элементов с одним фрагментом контента. Представьте, что вы добавляете к своим рецептам несколько связанных тегов, таких как Азиатская кухня, Белковые продукты и Лапша, всего несколькими щелчками мыши. Все, что нужно сделать, это определить поля при создании коллекций и назначить их соответствующим рецептам.

Говоря о рецептах, если планируется создание динамического сайта с рецептами на Joomla, рекомендуется ознакомиться с подробным руководством по этой теме.

Быстрое руководство по реализации ссылок на коллекции с SP Page Builder

Теперь, когда основы полей ссылок и множественных ссылок в динамическом контенте понятны, а также то, как это упрощает управление растущим контентом, давайте рассмотрим, как SP Page Builder может помочь в достижении этой цели на простом примере. Приступим!

Шаг 1: Установите последнюю версию SP Page Builder

Необходимо убедиться, что установлена последняя версия SP Page Builder, поскольку динамический контент поддерживается начиная с версии 5.5.0. После установки нужно перейти в Компоненты → SP Page Builder Pro и выбрать Динамический контент.

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

Шаг 2: Подготовьте свои коллекции

Далее необходимо настроить динамические коллекции. Можно выбрать из готовых пресетов коллекций или создать свои с нуля. Мы создали три коллекции: Недвижимость, Агенты и Особенности.

Для структурирования коллекций используются такие поля, как Изображение, Заголовок, Местоположение, Цена, Тип и другие. Правильная организация полей на этом этапе критически важна для последующей эффективной работы с контентом.

Шаг 3: Добавьте элементы коллекции

После настройки каждой коллекции пришло время добавить элементы коллекции.

1. Нажмите кнопку Добавить элементы, чтобы заполнить поля соответствующими данными.
2. После завершения нажмите Сохранить, чтобы сохранить элементы.
3. Добавьте столько элементов коллекции, сколько необходимо для каждой коллекции.

Шаг 4: Планирование связей между ссылками коллекций

Планирование является ключевым моментом! Необходимо решить, как связать коллекции с помощью полей ссылок и множественных ссылок.

В этой демонстрации:

• «Недвижимость» будет служить основной коллекцией.
• Коллекция «Агенты» будет связана с коллекцией Недвижимость с помощью поля ссылки (разрешая одного агента на объект недвижимости).
• Коллекция «Особенности» будет связана с коллекцией Недвижимость с помощью поля множественной ссылки (разрешая несколько особенностей на объект недвижимости).

Шаг 5: Добавление полей ссылок и множественных ссылок в коллекции

После подготовки коллекций пришло время включить поля ссылок и множественных ссылок в коллекцию Недвижимость.

1. Откройте созданную коллекцию Недвижимость, нажав на три точки рядом с ней и выбрав Редактировать.
2. Нажмите Пользовательские поля, прокрутите вниз и выберите поле Ссылка. Затем выберите «Агент» в качестве источника.
3. Аналогичным образом выберите поле Множественная ссылка (расположенное сразу под полем Ссылка) и выберите «Особенности» в качестве источника.
4. Нажмите Обновить коллекцию, чтобы сохранить изменения.

Шаг 6: Заполнение элементов коллекции данными ссылок и множественных ссылок

Теперь нужно обновить элементы Недвижимость, чтобы включить их соответствующих «Агентов» и «Особенности».

1. Откройте каждый элемент Недвижимость в коллекции Недвижимость.
2. В выпадающем списке Агенты (поле ссылки) выберите одного агента для каждого объекта недвижимости.
3. В выпадающем списке Особенности (множественная ссылка) выберите несколько особенностей для каждого объекта недвижимости по мере необходимости.

Повторите процесс для каждого элемента в коллекции Недвижимость, чтобы установить точные связи с их соответствующими агентами и особенностями.

Шаг 7: Добавление полей ссылок и множественных ссылок на динамическую индексную страницу

На этом этапе основная работа выполнена! Все, что осталось, это добавить созданные поля ссылок на страницы динамического контента SP Page Builder.

Дизайн динамической индексной страницы создается так же, как и любой другой страницы SP Page Builder. Ключевое отличие здесь — возможность включения динамических данных в макет с помощью аддонов динамического контента.

Наша страница Недвижимость уже настроена как динамическая индексная страница. Если есть неуверенность в том, как создать такую страницу, можно ознакомиться с документацией по индексной странице коллекции.

Давайте интегрируем поля ссылок в макет динамической индексной страницы.

Для отображения данных полей ссылок:

1. Внутри аддона Коллекция добавьте аддон Динамический текст и переименуйте его по своему усмотрению.
2. Установите Источник поля аддона на Агенты недвижимости → Заголовок.
3. Настройте аддон для бесшовной интеграции с вашим макетом. Например, мы установили шрифт Inter и настроили размер на 12px.
4. В качестве дополнительного шага можно использовать пользовательский CSS для улучшения дизайна. Мы представили имена агентов в виде badge-наложения на каждом изображении.

Для отображения данных множественных ссылок:

1. Добавьте новый аддон Динамическая коллекция внутри вашего существующего аддона Коллекция и установите его источник на Особенности.
2. Внутри этого вновь добавленного аддона Коллекция включите аддоны Динамический текст и Динамические медиа.
3. Установите источник аддона Динамический текст на Значение, а источник аддона Динамические медиа — на Изображение.
4. Нажмите Сохранить после завершения.

Шаг 8: Добавление полей ссылок и множественных ссылок на динамическую страницу с деталями

Для страницы с деталями объекта недвижимости используется аналогичный метод путем сопоставления аддонов Динамический текст и Динамические медиа с соответствующими полями. Важно помнить, что аддон Коллекция необходим только для отображения полей множественных ссылок. Для всех других полей можно напрямую использовать аддоны Динамический текст и Динамические медиа без дополнительной настройки.

Шаг 9: Финальный результат

Теперь можно поздравить себя с успешным завершением проекта! Страница динамического контента бесшовно отображает как данные ссылок, так и данные множественных ссылок. Для изменения этих данных достаточно просто обновить элементы динамической коллекции — нет необходимости корректировать макет страницы.

Фильтрация для динамического контента

К настоящему моменту, вероятно, уже выполнены шаги по интеграции полей ссылок и множественных ссылок в динамический контент. Но возможности на этом не заканчиваются. Функциональность можно расширить еще дальше, используя аддон Динамический фильтр.

С помощью динамического фильтра пользователи могут бесшовно фильтровать динамический контент. Например, если сайт по недвижимости особенно широкий спектр объектов, можно предоставить посетителям возможность фильтровать списки в соответствии с их предпочтениями. Разрешите им сортировать по цене недвижимости, категории, удобствам и многому другому, чтобы найти именно то, что они ищут.

Рекомендуется ознакомиться с документацией по фильтру коллекции, где можно изучить шаги по добавлению фильтра.

Заключение!

Надеемся, что это руководство ответило на многие вопросы о полях ссылок и множественных ссылок в динамическом контенте SP Page Builder. Если эти функции уже были опробованы в проектах, мы будем рады услышать о вашем опыте! Поделитесь своими мыслями в комментариях — ваши отзывы помогают нам и сообществу расти вместе.

---