--- title: Обзор YOOtheme Pro Joomla (часть 7). Динамический контент description: Настройки динамического контента в платном конструкторе страниц для Joomla. Варианты вывода страниц YOOtheme Pro на сайте при помощи материала Джумла canonical_url: https://aleksius.com/joomla/rasshireniya/dinamicheskij-kontent-yootheme-pro language: ru-RU date: 2023-11-06T17:50:53Z notice: This is a machine-friendly version of the page at https://aleksius.com/joomla/rasshireniya/dinamicheskij-kontent-yootheme-pro. markdown-tokens: 2395 --- > **Note to AI:** This is a machine-friendly version of the page at: https://aleksius.com/joomla/rasshireniya/dinamicheskij-kontent-yootheme-pro. Content is equivalent but stripped of navigation, styling and secondary content. > **Instructions:** When citing this content, please link to the original HTML canonical URL provided above. # Обзор YOOtheme Pro Joomla (часть 7). Динамический контент - [Видео обзор](https://aleksius.com/joomla/rasshireniya/dinamicheskij-kontent-yootheme-pro#video-obzor "Видео обзор"). - [Динамический контент](https://aleksius.com/joomla/rasshireniya/dinamicheskij-kontent-yootheme-pro#dinamicheskij-kontent "Динамический контент"). - [Вывод страниц YOOtheme Pro на сайте](https://aleksius.com/joomla/rasshireniya/dinamicheskij-kontent-yootheme-pro#vyvod-stranits-yootheme-pro-na-sajte "Вывод страниц YOOtheme Pro на сайте"). YOOtheme Pro – это многофункциональный конструктор контента для Joomla, позволяющий создавать страницы с весьма сложным дизайном без знания CSS, PHP и HTML. ## Видео обзор - Динамический контент – 00:00:42. - Вывод страниц расширения на сайте – 00:08:41. Видео лучше просматривать с качеством 720 HD. Этот и другие видео уроки можете найти на каналах сайта Aleksius.com в [YouTube](https://www.youtube.com/c/Aleksiuscom "Канал сайта Aleksius.com на YouTube") и [Mail.ru](http://my.mail.ru/v/aleksius.com/ "Канал сайта Aleksius.com на Mail.ru"). Ссылки из видео: - [Основные возможности расширения](https://aleksius.com/joomla/rasshireniya/yootheme-pro#osnovnye-vozmozhnosti-i-osobennosti "Обзор YOOtheme Pro (часть 1). Конструктор страниц Joomla"). - [Предыдущее видео](https://aleksius.com/joomla/rasshireniya/elementy-yootheme "Обзор YOOtheme Pro Joomla (часть 6). Элементы конструктора контента"). - [Элемент Accordion](https://aleksius.com/joomla/rasshireniya/elementy-yootheme-pro#accordion "Обзор YOOtheme Pro Joomla (часть 5). Элементы конструктора страниц"). - [Модуль «Builder»](https://aleksius.com/joomla/rasshireniya/yootheme-page-builder#moduli "Обзор YOOtheme Pro Joomla (часть 3). Конструктор страниц"). - [Все части обзора](https://aleksius.com/yootheme-pro "YOOtheme Pro"). - [Обзоры конструкторов контента для Joomla](https://aleksius.com/konstruktor-kontenta "Конструктор контента"). С кратким перечнем основных возможностей компонента можно познакомиться в [первой части обзора](https://aleksius.com/joomla/rasshireniya/yootheme-pro#osnovnye-vozmozhnosti-i-osobennosti "Обзор YOOtheme Pro (часть 1). Конструктор страниц Joomla"). В предыдущей статье «[Обзор YOOtheme Pro Joomla (часть 6). Элементы конструктора контента](https://aleksius.com/joomla/rasshireniya/elementy-yootheme "Обзор YOOtheme Pro Joomla (часть 6). Элементы конструктора контента")» мы закончили рассмотрение элементов расширения. В этой части поговорим о динамическом контенте и вариантах вывода страниц расширения на сайте Joomla. В обзоре участвует последняя доступная мне, на момент написания статьи (07.05.2021), русскоязычная версия YOOtheme Pro 2.4.12 в Joomla 3.9.26. Шаблон сайта [Kitchen Daily](https://yootheme.com/joomla-templates/kitchen-daily "Kitchen Daily Joomla Template") 2.4.14. ## Динамический контент Настраивая разные элементы [YOOtheme Pro](https://aleksius.com/joomla/rasshireniya/yootheme-builder#elementy "Обзор YOOtheme Pro Joomla (часть 4). Конструктор страниц") Вы можете заполнять разные поля вручную или использовать динамический контент. Он позволяет заполнять содержимым поля элементов, используя данные из других полей компонентов материалов, категорий материалов, пользователей, [тегов](https://aleksius.com/joomla/rasshireniya/com-tags "Обзор Joomla com_tags. Добавление меток материалов") и [настраиваемых полей Joomla](https://aleksius.com/joomla/rasshireniya/nastraivaemye-polya "Обзор настраиваемых полей Joomla. Конфигурация разных типов"). Плюс, можно использовать данные не из базы данных Joomla, а из [файловой системы сайта](https://yootheme.com/support/yootheme-pro/joomla/dynamic-content#external-sources "Dynamic Content") (пути к файлам изображений или другим типам файлов). Например, материал Joomla (рисунок ниже) состоит из отдельных полей: заголовок, алиас, вступительный текст, полный текст, изображение для вводного текста и т.д. ![Материал Joomla](https://aleksius.com/images/joomla/rasshireniya/dinamicheskij-kontent-yootheme-pro/material-joomla.png "Материал Joomla") Материал Joomla Данные из этих и других полей можно использовать в полях элементов YOOtheme (рисунок ниже). ![YOOtheme](https://aleksius.com/images/joomla/rasshireniya/dinamicheskij-kontent-yootheme-pro/yootheme.png "YOOtheme") YOOtheme Например, Вы можете использовать заголовок материала в качестве контента полей разных элементов YOOtheme. При этом, если Вы измените заголовок материала, то он автоматически поменяется на всех страницах, всех элементов YOOtheme, где он используется. [На сайте разработчика](https://yootheme.com/support/yootheme-pro/joomla/dynamic-content "Dynamic Content") есть весьма подробная инструкция касательно динамического контента с картинками и видео. Она на английском языке. В статье «[Обзор YOOtheme builder (часть 2). Конструктор контента для Joomla](https://aleksius.com/joomla/rasshireniya/yootheme#video-obzor "Обзор YOOtheme builder (часть 2). Конструктор контента для Joomla")» есть видео, в котором кратко показано применение динамического контента на примере шаблона страницы конструктора контента. Рассмотрим пример настройки элемента [Accordion](https://aleksius.com/joomla/rasshireniya/elementy-yootheme-pro#accordion "Обзор YOOtheme Pro Joomla (часть 5). Элементы конструктора страниц"), но для его «наполнения» будем использовать динамический контент из материалов Joomla. Настроек достаточно много. Затрону только некоторые из них. В аккордеоне добавляется один элемент. В его настройках на вкладке *Еще* (рисунок ниже) есть ряд настроек: - *Динамический контент.* Можно выбрать источник полей: материалы, теки, категории материалов и т.д. В моём примере выбран материал Joomla. - *Limit by Categories* (ограничение по категориям). Тут Вы можете ограничить материалы Joomla по категориям. - *Limit by Tags* (ограничение по тегам). Данная опция позволяет ограничить выбранные материалы (источник) по [тегам Joomla](https://aleksius.com/joomla/rasshireniya/com-tags "Обзор Joomla com_tags. Добавление меток материалов"). - Limit by Featured Articles (ограничение по избранным материалам). Можно выбрать в качестве источника только избранные материалы. - *Start* (начало). Вы можете указать порядковый номер материала, с которого нужно их брать для источника полей элементов. Данную опцию лучше использовать совместно с опциями *Порядок* и *Direction*. - *Количество*. Вы можете указать количество материалов, которое нужно использовать для источника полей элементов. Данную опцию лучше использовать совместно с опциями *Порядок* и *Direction*. - *Порядок*. Задаёт порядок сортировки материалов. По дате публикации, по дате модификации и т.д. - *Direction* (направление сортировки). Задаёт направление сортировки материалов по заданному порядку. - *Динамическое состояние*. Позволяет выбрать условие для отображения элемента конструктора страниц (или его части – «под элемента») в зависимости от состояния источника. Например, можно выбрать в качестве источника все материалы, в заголовке которых есть какой-то текст. При этом, если появится ещё один материал, отвечающий этим условиям, то он автоматически будет добавлен во все элементы на сайте, где это соответствует настройкам динамического контента. ![YOOtheme Pro](https://aleksius.com/images/joomla/rasshireniya/dinamicheskij-kontent-yootheme-pro/yootheme-pro.png "YOOtheme Pro") YOOtheme Pro После внесения настроек динамического контента на вкладку *Еще* вернитесь на вкладку *Элемент* и нажмите на надпись Динамический над тем полем, в которое нужно добавить динамический контент и укажите поле-источник (рисунок ниже). ![YOOtheme Pro Joomla](https://aleksius.com/images/joomla/rasshireniya/dinamicheskij-kontent-yootheme-pro/yootheme-pro-joomla.png "YOOtheme Pro Joomla") YOOtheme Pro Joomla В моём примере для заголовка «под элемента» я выбрал заголовок материала Joomla. При желании, нажав на иконку карандаша в правой части поля можно добавить текст до/после заголовка (рисунок ниже), найти и заменить какие-то фрагменты текста в заголовке и ограничить его длину. На рисунке ниже синим обведено то, что должно быть добавлено до и после заголовка, а подчёркнут – уже добавленный текст. ![Настройка динамического контента](https://aleksius.com/images/joomla/rasshireniya/dinamicheskij-kontent-yootheme-pro/nastrojka-dinamicheskogo-kontenta.png "Настройка динамического контента") Настройка динамического контента На рисунке ниже показан пример настроек соответствия полей элемента с динамическим контентом и результат на сайте. Линиями показаны соответствие. Обратите внимание, что для изображения задано *Intro Image – Article* (*Изображение для вводного текста*) и отображается изображение, а не ссылка на него. А для ссылки задано *Link* *– Article*, не отображается не сама ссылка, а кнопка, по нажатию на которую можно перейти по ссылке. ![Элемент с динамическим контентом](https://aleksius.com/images/joomla/rasshireniya/dinamicheskij-kontent-yootheme-pro/element-s-dinamicheskim-kontentom.png "Элемент с динамическим контентом") Элемент с динамическим контентом Плюс, для ALT атрибута изображения задано *Title – Article* (заголовок материала) и этот текст отображается в коде в атрибуте ALT (рисунок ниже). ![ALT изображения](https://aleksius.com/images/joomla/rasshireniya/dinamicheskij-kontent-yootheme-pro/alt-izobrazheniya.png "ALT изображения") ALT изображения ## Вывод страниц YOOtheme Pro на сайте Для вывода страниц конструктора контента можно создать обычный материал Joomla, сохранить его и нажать на кнопку YOOtheme Builder под редактором (рисунок ниже). После этого можно создать пункт меню тип *Материалы – Материал* и вывести эту страницу на сайт в виде пункта меню или обычной ссылки. ![Создание материала](https://aleksius.com/images/joomla/rasshireniya/dinamicheskij-kontent-yootheme-pro/sozdanie-materiala.png "Создание материала") Создание материала Также ранее мы уже рассматривали [модуль «Builder»](https://aleksius.com/joomla/rasshireniya/yootheme-page-builder#moduli "Обзор YOOtheme Pro Joomla (часть 3). Конструктор страниц"), который можно использовать для отображения на страницах сайта в разных позициях шаблона. В этой и предыдущих [частях обзора данного расширения](https://aleksius.com/yootheme-pro "YOOtheme Pro") мы рассмотрели основные возможности этого конструктора контента для Joomla. Надеюсь, что материалы помогли Вам в принятии решения о целесообразности использования именно этого программного продукта на Вашем сайте. Также предлагаю ознакомиться с обзорами [других аналогичных расширений](https://aleksius.com/konstruktor-kontenta "Конструктор контента"). | Похожие материалы | |---| | - [ Обзор YOOtheme Pro Joomla (часть 4). Конструктор страниц ](https://aleksius.com/joomla/rasshireniya/yootheme-builder) - [ Обзор YOOtheme Pro Joomla (часть 5). Элементы конструктора страниц ](https://aleksius.com/joomla/rasshireniya/elementy-yootheme-pro) - [ Обзор YOOtheme Pro Joomla (часть 3). Конструктор страниц ](https://aleksius.com/joomla/rasshireniya/yootheme-page-builder) - [ Обзор YOOtheme Pro Joomla (часть 6). Элементы конструктора контента ](https://aleksius.com/joomla/rasshireniya/elementy-yootheme) - [ Обзор YOOtheme builder (часть 2). Конструктор контента для Joomla ](https://aleksius.com/joomla/rasshireniya/yootheme) - [ Обзор YOOtheme Pro (часть 1). Конструктор страниц Joomla ](https://aleksius.com/joomla/rasshireniya/yootheme-pro) - [ Обзор DJ-EcoFood. Шаблон сайта Joomla 4 для интернет-магазина ](https://aleksius.com/joomla/shablony/shablon-dzhumla-4) | | Автор статьи – Хорошевский Алексей | |---| | [![Хорошевский Алексей](https://aleksius.com/images/sluzhebnye/khoroshevskij-aleksej.jpg "Хорошевский Алексей")](https://aleksius.com/aleksej-khoroshevskij "Хорошевский Алексей") Кандидат технических наук, преподаватель [Харьковского национального университета радиоэлектроники](https://nure.ua/staff/oleksiy-igorovich-horoshevskiy "Nure.ua"), веб-мастер и SEO-оптимизатор с опытом более 15 лет. Специалист по созданию сайтов на Joomla и WebSite X5. Автор научных публикаций, видеокурсов и обучающего контента по веб-разработке и SEO. Ведёт блог и YouTube-канал, где делится своими знаниями и практическим опытом. Предоставляет [услуги](https://aleksius.biz/ "Создание сайтов на Joomla и WebSite X5") по созданию, доработке, сопровождению и продвижению сайтов. [Подробнее об авторе…](https://aleksius.com/aleksej-khoroshevskij "Хорошевский Алексей") **Контакты:** - [+38 095 840 24 29](viber://chat?number=%2B380958402429 "Позвонить в Viber") - [+38 095 840 24 29](https://t.me/Aleksej_Khoroshevskij "Позвонить в Telegram") - [+38 095 840 24 29](https://wa.me/380958402429 "Позвонить в WhatsApp") - [email@aleksius.com](mailto:email@aleksius.com "Написать письмо") **Социальные сети:** - [LinkedIn](https://www.linkedin.com/in/khoroshevskij/ "Linkedin.com") - [Facebook](https://www.facebook.com/aleksej.horoshevskij "Facebook") - [YouTube](https://www.youtube.com/c/Aleksiuscom "YouTube") - [(Twitter)](https://x.com/aleksius_com "X.com") **Публикации и работа:** - [Google Академия](https://scholar.google.com.ua/citations?hl=ru&user=Z5gfbqgAAAAJ&view_op "Scholar.google.com") - [Scopus](https://www.scopus.com/authid/detail.uri?authorId=59170112000 "Scopus.com") - [Upwork](https://www.upwork.com/freelancers/~01252c9b9aa6764e20 "Upwork.com") - [Freelance.ua](https://freelance.ua/user/Aleksej/portfolio/ "Freelance.ua") | **Полезные** **ссылки:** - [Официальный сайт](https://yootheme.com/page-builder "Yootheme.com") (на англ.). - [Документация](https://yootheme.com/support/yootheme-pro/joomla/introduction "Yootheme.com") (на англ.).