---
title: Обзор YOOtheme Pro Joomla (часть 3). Конструктор страниц
description: Русскоязычный платный конструктор контента Joomla с гибкими настройками макета страниц, меню и отдельных элементов. «Визуальное создание» страниц без знаний CSS
canonical_url: https://aleksius.com/joomla/rasshireniya/yootheme-page-builder
language: ru-RU
date: 2023-11-06T17:48:18Z
notice: This is a machine-friendly version of the page at https://aleksius.com/joomla/rasshireniya/yootheme-page-builder.
markdown-tokens: 2721
---
> **Note to AI:** This is a machine-friendly version of the page at: https://aleksius.com/joomla/rasshireniya/yootheme-page-builder. 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 (часть 3). Конструктор страниц
- [Видео обзор](https://aleksius.com/joomla/rasshireniya/yootheme-page-builder#video-obzor "Видео обзор").
- [Общие настройки YOOtheme Joomla](https://aleksius.com/joomla/rasshireniya/yootheme-page-builder#obshchie-nastrojki-yootheme-joomla "Общие настройки YOOtheme Joomla").
- [Меню](https://aleksius.com/joomla/rasshireniya/yootheme-page-builder#menyu "Меню").
- [Модули](https://aleksius.com/joomla/rasshireniya/yootheme-page-builder#moduli "Модули").
- [Настройки](https://aleksius.com/joomla/rasshireniya/yootheme-page-builder#nastrojki "Настройки").
YOOtheme Pro – платный русскоязычный конструктор контента для Joomla и WordPress с множеством настроек.
## Видео обзор
- Меню – 00:00:49.
- Аккордеон-меню – 00:02:00.
- Модули – 00:02:49.
- Модуль «Builder» – 00:03:22.
- Вкладка *Template* в настройках модулей – 00:05:03.
- Настройки – 00:10:19.
Видео лучше просматривать с качеством 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").
Ссылки из видео:
- «[Обзор YOOtheme builder (часть 2). Конструктор контента для Joomla](https://aleksius.com/joomla/rasshireniya/yootheme "Обзор YOOtheme builder (часть 2). Конструктор контента для Joomla")».
- [Позиции модулей](https://yootheme.com/support/yootheme-pro/joomla/widgets-and-modules#module-positions "Modules") (документация на сайте разработчика).
При помощи данного программного обеспечения Вы сможете настроить макет станицы, задать стили разным элементам и наполнить страницу всевозможными объектами (слайд-шоу, галереи, вкладки аккордеоны и т.д.).
В предыдущей статье «[Обзор YOOtheme builder (часть 2). Конструктор контента для Joomla](https://aleksius.com/joomla/rasshireniya/yootheme "Обзор YOOtheme builder (часть 2). Конструктор контента для Joomla")» мы рассмотрели настройки стилей разных элементов сайта, а также поговорили о конструкторе макета и шаблоны разных типов страниц. В этой части поговорим о таких разделах: *Меню*, *Модули*, *Настройки*.
В обзоре участвует последняя, на момент написания статьи (06.04.2021), русскоязычная версия YOOtheme Pro 2.4.8 в Joomla 3.9.25. Шаблон сайта [Kitchen Daily](https://yootheme.com/joomla-templates/kitchen-daily "Kitchen Daily Joomla Template") 2.4.9.
## Общие настройки YOOtheme Joomla
### Меню
В данном разделе (рисунок ниже) Вы сможете указать, какое меню нужно отображать в позиции верхнего меню *Navbar*, а какое на мобильном в позиции *Mobile*.
Обратите внимание, что сами меню и пункты меню создаются и настраиваются в менеджере меню Joomla.
При [создании мультязычного сайта](https://aleksius.com/joomla/rasshireniya/multiyazychnost "Мультиязычность Joomla. Как перевести сайт на несколько языков") не нужно указывать в настройках этого раздела никакие меню. Но в менеджере модулей Joomla создайте модули меню (с учётом языка) и укажите для них эти позиции.
 Меню Перейдя в нужное меню, Вы сможете отредактировать или создать пункт меню. При этом будут доступны те же опции, что и в менеджере меню Joomla.
 Пункты меню Вы можете указать разные позиции меню в настройках модуля меню в менеджере модулей Joomla.
- Позиция модуля *header* или *navbar* – меню отображается в горизонтальном виде в верхней части страницы.
- Позиция модуля *mobile* – меню отображается в вертикальном виде на мобильных устройствах.
- Позиция модуля *toolbar-left* или *toolbar-right* – меню отображается в горизонтальном виде в верхней части страницы под позицией *navbar*. Отображаются только пункты меню первого уровня.
- Позиция модуля *sidebar*, *top* или *bottom* – меню отображается в горизонтальном или вертикальном виде в зависимости от того, что Вы указали в спадающем списке *Menu Style* во вкладке *Template* в настройках модуля меню.
О других позициях модулей и дополнительных настройках, добавленных YOOtheme, мы поговорим ниже в статье.
**Создание разделителя в меню YOOtheme Pro Joomla**. Для этого достаточно создать пункт меню тип *Системные ссылки – Разделитель*. Разделитель появляется только в меню, размещённых в позициях *top, bottom, sidebar, mobile,* и если в спадающем списке *Menu Style* во вкладке *Template* в настройках модуля меню Вы указали *Nav*.
**Создание заголовка в меню**. Для этого достаточно создать пункт меню тип *Системные ссылки – Заголовок*. Заголовок появляется только в меню, размещённых в позициях *top, bottom, sidebar, mobile,* и если в спадающем списке *Menu Style* во вкладке *Template* в настройках модуля меню Вы указали *Nav*.
**Создание аккордеон меню**. Для отображения «заголовка аккордеона», по нажатию на который будут открываться подменю, создайте тип пункта меню *Системные ссылки – Разделитель*. После этого создайте все необходимые пункты меню, которые должны отображаться по нажатию на «заголовок аккордеона». Эти пункты меню должны быть дочерними пунктами разделителя. Аккордеон меню появляется только в меню, размещённых в позициях *top, bottom, sidebar, mobile,* и если в спадающем списке *Menu Style* во вкладке *Template* в настройках модуля меню Вы указали *Nav*.
### Модули
В этом разделе (рисунок ниже) Вы сможете создавать и редактировать модули точно так же, как это можно сделать в менеджере модулей Joomla.
 YOOtheme В YOOtheme Pro есть 16 позиций для модулей. Некоторые из них показаны на рисунке ниже. Примечания по позициям:
- Позиции *logo* и *logo-mobile*. Можно использовать для отображения логотипа на компьютерах и мобильных устройствах соответственно.
- Позиция *mobile* представляет собой off-canvas, модальное или спадающее меню.
- Позиция *sidebar*. Она не отображается на страницах YOOtheme Pro. Обратите внимание, когда к странице применён шаблон [YOOtheme](https://aleksius.com/joomla/rasshireniya/yootheme#templates-shablony "Обзор YOOtheme builder (часть 2). Конструктор контента для Joomla"), то позиция *sidebar* тоже не отображается.
- Позиции *builder-1, builder-2, builder-3, builder-4, builder-5, builder-6*. Модули, которым задана одна из этих позиций, отображаются только в элементе [Module Position](https://aleksius.com/joomla/rasshireniya/elementy-yootheme#module-position "Обзор YOOtheme Pro Joomla (часть 6). Элементы конструктора контента").
 YOOtheme Pro Вместе с YOOtheme Pro в Joomla устанавливается **модуль «Builder»**. Разместив этот модуль в одной из позиций, Вы сможете создать «макет позиций» внутри этого модуля (рисунок ниже) и размещать в них как элементы самого YOOtheme Pro, так и любые модули Joomla. Редактор такой же, как и в [конструкторе](https://aleksius.com/joomla/rasshireniya/yootheme#konstruktor "Обзор YOOtheme builder (часть 2). Конструктор контента для Joomla").
 YOOtheme Pro Joomla **Настройки модулей**. После установки YOOtheme Pro в настройках модулей появится дополнительная вкладка *Template* (рисунок ниже) с несколькими настройками.
- *Visibility* (Видимость). Позволяет отображать модуль только на экранах указанного размера и на бо́льших экранах.
- *Style* (Стиль)*.* Можно выбрать один из стилей.
- *Title* *Style* (Стиль заголовка)*.* Как правило, эти стили отличаются размером шрифта. Также они могут отличаться цветом и шрифтом. Плюс, Вы иожете разметить заголовок тегами H1-H
- *Title* *Decoration* (Декорирование заголовка)*.* Добавляет к заголовку разделитель, маркер или линию с центрированием по вертикали относительно заголовка.
- *Alignment* (Выравнивание)*.* Выравнивание текста.
- *Alignment* *Breakpoint* (Выравнивание на устройстве)*.* Определите ширину устройства, начиная с которой будет применяться выравнивание.
- *Alignment* *Fallback* (Резервное выравнивание на устройстве)*.* Определите резервное выравнивание для устройства с шириной менее, чем заданная.
- *Menu* *Style* (Стиль меню)*.* Этот параметр доступен только для модулей тип *Меню* в позициях *sidebar, mobile, top* или *bottom*.
 Настройки модуля Если модуль опубликован в позиции *top* или *bottom*, на вкладке *Template* будут доступны такие опции:
- *Width* (Ширина). Если в позиции модуля опубликовано несколько модулей, можно указать в настройке, чтобы каждый из них занимал равную часть от общей ширины – *Expand* (расширить). Или можно указать, чтобы модуль занимал 20%, 33%, 50%, 100% от ширины. Вы можете задать разное значение этой опции для разных модулей в этой позиции
- *Max Width* (Максимальная ширина). Можно указать максимальную ширину модуля.
- *Max Width (Alignment)* (Выравнивание при максимальной ширине). Выравнивание модуля, в ситуации, когда доступная модулю ширина больше той, что задана в *Max Width*.
Если модуль опубликован в позиции *sidebar, mobile, top* или *bottom*, на вкладке *Template* будут доступны несколько дополнительных настроек. Это доступно только для модулей Joomla тип: *Материалы - Материалы в архиве, Материалы – Категории, Материалы - Последние материалы, Материалы - Популярные материалы, Популярные метки* и *Похожие метки*.
- *List Style* (Стиль списка). Позволяет добавить разделители между пунктами списка.
- *Link Style* (Стиль ссылки). Позволяет изменить цвет ссылок списка.
### Настройки
Данный раздел содержит восемь подразделов:
- *Фавикон.* Можно задать изображение Favicon для отображения в поисковых системах, на вкладках в браузере и т.д.. Также можно задать изображение Apple touch icon для устройств Apple.
- *Баннер Cookie.*
- *Пользовательский код.* Позволяет добавить свой собственный код CSS, LESS или JavaScript.
- *API ключ.* Позволяет ввести Ваш лицензионный ключ YOOtheme Pro для получения обновлений прямо из админки и для доступа ко всем библиотекам.
- *Еще.*
- *Внешние сервисы.* Вы сможете указать [API ключи для карт Google](https://aleksius.com/joomla/rasshireniya/dj-classifieds-3-7-5#kak-poluchit-api-google-karty "Как получить API Google карты"), Mailchimp, Campaign Monitor и код Google Analytics.
- *Проверка системы.* Тут собраны сообщения о проблемах с YOOtheme Pro, если такие будут найдены.
- *О шаблоне.* Информация о версии шаблона.
**Раздел *Баннер Cookie*** (рисунок ниже). Вы сможете добавить уведомление об использовании куков у Вас на сайте. Вы можете изменить стиль уведомления, его положение, задать текст уведомления и изменить другие настройки.
Если Вас интересует данная тема, можете ознакомиться со статьями «[Обзор DJ-CookieMonster. Предупреждение о Cookie](https://aleksius.com/joomla/rasshireniya/dj-cookiemonster "Обзор DJ-CookieMonster. Предупреждение о Cookie")» и «[Обзор компонента GDPR для Joomla. Соответствие GDPR и 152 ФЗ](https://aleksius.com/joomla/rasshireniya/gdpr "Обзор компонента GDPR для Joomla. Соответствие GDPR и 152 ФЗ")».
 Баннеры Cookie **Раздел *Еще*** (рисунок ниже). Позволяет выбрать дочернюю тему (для создания переопределений файлов), сменить папку для загрузки картинок, выбрать тип поиска (обычный [поиск по сайту Joomla](https://aleksius.com/joomla/rasshireniya/joomla-poisk "Обзор Joomla поиск") или [умный](https://aleksius.com/joomla/rasshireniya/umnyj-poisk-joomla-2-5-3-0 "Обзор Умный поиск Joomla 2.5 - 3.0 ")), включить отложенную загрузку (для ускорения загрузки), отображение в браузерах Chrome и Opera картинок в формате WebP (для ускорения загрузки), очистить кэш изображений, экспортировать/импортировать настройки и сконфигурировать другие параметры.
 Еще В следующей статье «[Обзор YOOtheme Pro Joomla (часть 4). Конструктор страниц](https://aleksius.com/joomla/rasshireniya/yootheme-builder "Обзор YOOtheme Pro Joomla (часть 4). Конструктор страниц")» мы начнём рассматривать различные элементы: Accordion, Alert, Breadcrumbs, Button и т.д..
| Похожие материалы |
|---|
| - [ Обзор YOOtheme Pro Joomla (часть 5). Элементы конструктора страниц ](https://aleksius.com/joomla/rasshireniya/elementy-yootheme-pro) - [ Обзор YOOtheme Pro Joomla (часть 6). Элементы конструктора контента ](https://aleksius.com/joomla/rasshireniya/elementy-yootheme) - [ Обзор YOOtheme Pro Joomla (часть 4). Конструктор страниц ](https://aleksius.com/joomla/rasshireniya/yootheme-builder) - [ Обзор YOOtheme Pro Joomla (часть 7). Динамический контент ](https://aleksius.com/joomla/rasshireniya/dinamicheskij-kontent-yootheme-pro) - [ Обзор 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/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") (на англ.).