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 и Mail.ru.
Ссылки из видео:
- «Обзор YOOtheme builder (часть 2). Конструктор контента для Joomla».
- Позиции модулей (документация на сайте разработчика).
При помощи данного программного обеспечения Вы сможете настроить макет станицы, задать стили разным элементам и наполнить страницу всевозможными объектами (слайд-шоу, галереи, вкладки аккордеоны и т.д.).
В предыдущей статье «Обзор YOOtheme builder (часть 2). Конструктор контента для Joomla» мы рассмотрели настройки стилей разных элементов сайта, а также поговорили о конструкторе макета и шаблоны разных типов страниц. В этой части поговорим о таких разделах: Меню, Модули, Настройки.
В обзоре участвует последняя, на момент написания статьи (06.04.2021), русскоязычная версия YOOtheme Pro 2.4.8 в Joomla 3.9.25. Шаблон сайта Kitchen Daily 2.4.9.
Общие настройки YOOtheme Joomla
Меню
В данном разделе (рисунок ниже) Вы сможете указать, какое меню нужно отображать в позиции верхнего меню Navbar, а какое на мобильном в позиции Mobile.
Обратите внимание, что сами меню и пункты меню создаются и настраиваются в менеджере меню 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 Pro есть 16 позиций для модулей. Некоторые из них показаны на рисунке ниже. Примечания по позициям:
- Позиции logo и logo-mobile. Можно использовать для отображения логотипа на компьютерах и мобильных устройствах соответственно.
- Позиция mobile представляет собой off-canvas, модальное или спадающее меню.
- Позиция sidebar. Она не отображается на страницах YOOtheme Pro. Обратите внимание, когда к странице применён шаблон YOOtheme, то позиция sidebar тоже не отображается.
- Позиции builder-1, builder-2, builder-3, builder-4, builder-5, builder-6. Модули, которым задана одна из этих позиций, отображаются только в элементе Module Position.
Вместе с YOOtheme Pro в Joomla устанавливается модуль «Builder». Разместив этот модуль в одной из позиций, Вы сможете создать «макет позиций» внутри этого модуля (рисунок ниже) и размещать в них как элементы самого 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, Mailchimp, Campaign Monitor и код Google Analytics.
- Проверка системы. Тут собраны сообщения о проблемах с YOOtheme Pro, если такие будут найдены.
- О шаблоне. Информация о версии шаблона.
Раздел Баннер Cookie (рисунок ниже). Вы сможете добавить уведомление об использовании куков у Вас на сайте. Вы можете изменить стиль уведомления, его положение, задать текст уведомления и изменить другие настройки.
Если Вас интересует данная тема, можете ознакомиться со статьями «Обзор DJ-CookieMonster. Предупреждение о Cookie» и «Обзор компонента GDPR для Joomla. Соответствие GDPR и 152 ФЗ».
Раздел Еще (рисунок ниже). Позволяет выбрать дочернюю тему (для создания переопределений файлов), сменить папку для загрузки картинок, выбрать тип поиска (обычный поиск по сайту Joomla или умный), включить отложенную загрузку (для ускорения загрузки), отображение в браузерах Chrome и Opera картинок в формате WebP (для ускорения загрузки), очистить кэш изображений, экспортировать/импортировать настройки и сконфигурировать другие параметры.
В следующей статье «Обзор YOOtheme Pro Joomla (часть 4). Конструктор страниц» мы начнём рассматривать различные элементы: Accordion, Alert, Breadcrumbs, Button и т.д..
| Похожие материалы |
|---|
| Автор статьи – Хорошевский Алексей |
|---|
 Кандидат технических наук, преподаватель Харьковского национального университета радиоэлектроники, веб-мастер и SEO-оптимизатор с опытом более 15 лет. Специалист по созданию сайтов на Joomla и WebSite X5. Автор научных публикаций, видеокурсов и обучающего контента по веб-разработке и SEO. Ведёт блог и YouTube-канал, где делится своими знаниями и практическим опытом. Предоставляет услуги по созданию, доработке, сопровождению и продвижению сайтов. Подробнее об авторе… Публикации и работа: |
Полезные ссылки:
- Официальный сайт (на англ.).
- Документация (на англ.).
