Обзоры расширений Joomla

 

 

RSBaraka – профессиональный шаблон Джумла 3 для создания разнотипных сайтов, от Landing и визиток до event-агенств. Шаблон отлично смотрится на разных устройствах от смартфонов до широкоформатных мониторов и телевизоров. Есть множество настроек, включая построитель макета, не требующих знаний языков вёрстки или программирования. Шаблон базируется на Bootstrap, HTML5, CSS3 и Less. Хорошо оптимизирован в плане скорости загрузки, есть поддержка анимации разных элементов на странице, возможность выбора одной из 12 предварительно настроенных сбалансированных цветовых схем и возможность создания своей. Данный шаблона Joomla 3 переведён на русский язык, поддерживает отображение русскоязычных шрифтов (кириллица) и любых шрифтов из Google Fonts (более 600). Помимо шаблона в стоимость лицензии входит компонент галереи RSMediaGallery с несколькими модулями и плагинами.

«Живой» пример шаблон сайта визиток Joomla можно увидеть на официальном сайте разработчика (демонстрационные данные).

Приведу несколько примеров страниц сайта с демонстрационными данными RSBaraka (рисунки ниже).

RSBaraka
RSBaraka
Шаблон Joomla 3
Шаблон Joomla 3
Шаблон сайта визиток Joomla
Шаблон сайта визиток Joomla
Шаблон Joomla Landing
Шаблон Joomla Landing
Шаблон Joomla 3 на русском
Шаблон Joomla 3 на русском

В обзоре будет участвовать последняя, на момент написания статьи (26.04.2017), русскоязычная версия RSBaraka 1.0.2 в Joomla 3.7.0 и установленными англоязычными демонстрационными данными. Для корректной работы демонстрационных данных на сайт были установлены:

  • RSMediaGallery 1.9.27 (с модулем «RSMediaGallery! Responsive Slider»). Компонент галереи и слайд-шоу.
  • RSContact 1.1.8. Бесплатный модуль обратной связи.
  • RSPageBuilder 1.0.7 (с модулем «Элементы RSPageBuilder»). Бесплатный компонент конструктора-контента.

Особенности RSBaraka

Перечислю основные, на мой взгляд, особенности данного шаблона.

  • Выполнен в современном дизайне (чистый, плоский).
  • Ориентирован на широкий круг «типов» сайтов: визитки, Landing, сайты фирм, креативных агентств, event-агенств, блогов, портфолио и т.д.
  • Поддержка Joomla 3.
  • Адаптивный дизайн.
  • Базируется на Bootstrap, HTML5, CSS3 и Less.
  • Наличие 12 сбалансированных цветовых тем оформления и возможность создания своей.
  • Возможность настройки макета шаблона. Создание, удаление, перемещение столбцов и строк сетки.
  • Поддержка FontAwesome и шрифтов Google. Шрифты Google можно хранить локально на сервере сайта или загружать с серверов Google.
  • Возможность настройки анимации появления позиций шаблона (модулей в них).
  • Наличие 5-ти типов анимации загрузки страницы.
  • Возможность создания многоколоночного мега-меню. Есть настройки, позволяющие менять количество колонок и другие параметры.
  • Множество настроек разных элементов шаблона: шрифтов, цветов, логотипа, кнопки вверх, кнопок соц. сетей и так далее. Есть специальная опция, адаптирующая шаблон для создания Landing. Можно скрыть область контента для главной страницы.
  • Есть возможность переопределять CSS классы различных элементов шаблона.
  • Наличие виджетов соц. сетей.
  • Возможность создания закреплённого горизонтального меню и добавление в меню строки поиска и кнопки для открытия модуля входа на сайт.
  • Упрощение интеграции с Google Analytics и Google Tag Manager.
  • Интеграция с бесплатным компонентом конструктора контента RSPageBuilder. Это позволяет упростить процесс красивого оформления предоставляемой на страницах информации путём создания многоколоночной сетки в контентной части страницы и простым добавлением настраиваемых анимированных объектов: вкладок, аккордеона, каруселей, галерей, кнопок и т.д.
  • Наличие демонстрационных материалов (QuickStart или быстрый старт).
  • Хорошая документация и техническая поддержка (на английском языке).

Помимо этого, данный шаблон Joomla полностью совместим со всеми расширениями RSJoomla:

  • RSBlog. Компонент для создания блогов.
  • RScomments. Компонент комментариев.
  • RSContact. Бесплатный модуль обратной связи.
  • RSDirectory. Компонент для создания доски объявлений или каталога.
  • RSEvents Pro. Компонент для создания сайтов событий и календарей.
  • RSFeedback. Компонент отзывов и предложений.
  • RSFiles. Компонент файловых архивов.
  • RSFinder. Бесплатный компонент умного поиска.
  • RSForm Pro. Компонент форм.
  • RSMail. Компонент e-mail рассылок.
  • RSMediaGallery. Компонент галереи и слайд-шоу.
  • RSMembership. Компонент для создания платного доступа к контенту на сайте.
  • RSSearch. Бесплатный компонент поиска по сайту.
  • RSShowcase. Бесплатный модуль слайд-шоу.
  • RSSocial. Бесплатный модуль кнопок социальных сетей.
  • RSTickets Pro. Компонент тикет-системы – технической поддержки пользователей.

Настройка шаблона

В предыдущих статьях «Обзор RSEvento. Шаблон сайта для Joomla 3 и 2.5» и «Обзор RSBrixton. Шаблон лендинга Joomla» мы уже рассматривали некоторые настройки, присущие шаблонам от RSJoomla, не будем на них останавливаться, а затронем только новые и изменившиеся. Все настройки разделены на девять вкладок.

  1. Подробно.
  2. Настройка темы.
  3. Дополнительные параметры. Про большинство опций этой вкладки можно прочесть в предыдущей статье. В RSBaraka есть возможность вставки кода Google Tag Manager.
  4. Опции шапки.
  5. Настройки ссылок социальных сетей. Об аналогичных опциях этой вкладки можно прочесть в предыдущей статье.
  6. Виджеты.
  7. Позиции шаблона.
  8. Демонстрационные данные. На данной вкладке Вы сможете установить демонстрационные данные, ещё их называют «QuickStart» («быстрый старт»). Рекомендую делать это на отдельном сайте, а не на Вашем рабочем проекте, чтобы эти данные не «навредили» Вашему сайту. Подробнее об этом можно прочесть в статье «Ответы на вопросы по шаблонам для Джумла. Внесение изменений».
  9. Привязка к меню. Эта вкладка содержит стандартные для Joomla опции, позволяющие назначить текущий стиль (шаблон) определённым пунктам меню Джумал.

Вкладка Подробно (рисунок ниже). На данной вкладке собраны опции, которые уже рассматривались ранее. Но есть и несколько новых.

  • Режим разработки. Когда эта опция включена, то «.less» файлы будут компилироваться каждый раз при перезагрузке страницы во фронтальной части сайта. Это может пагубно сказаться на скорости загрузки сайта. Когда Вам больше не нужна эта опция обязательно её отключите.
  • Одностраничный сайт. Активация данной опции загрузит все необходимые скрипты для создания одностраничного сайта (переходы по странице при нажатии на пункты меню). Навигацию нужно будет создавать при помощи якорей на одной и той же странице. Это можно сделать при помощи пункта меню тип Системные ссылки – Внешний URL.
Подробно
Подробно

Вкладка Настройка темы (рисунок ниже). На данной вкладке собраны опции, позволяющие изменить цветовое и шрифтовое оформление шаблона Joomla 3.

Настройка темы
Настройка темы

Если Вы выберете Создать свою собственную! Цветовую\шрифтовую тему, то во фронтальной части сайта появится специальный Настройщик (рисунок ниже). Так Вы сможете сразу видеть изменения прямо на сайте.

Настройщик
Настройщик

Вкладка Опции шапки (рисунок ниже). На данной вкладке содержатся опции, которые позволят Вам изменить разные настройки шапки и верхнего горизонтального меню.

  • Элемент поиска в меню. Активация данной опции добавит анимированное поле поиска в Ваше главное меню.
  • Элемент входа в меню. Активация данной опции добавит анимированную форму входа в Ваше главное меню.
Опции шапки
Опции шапки

На рисунке ниже показан фрагмент середины страницы с дополнительными кнопками поиска и входа, расположенных в закреплённом верхнем меню.

Пример меню
Пример меню

Вкладка Виджеты (рисунок ниже). На данной вкладке можете настроить один из 3-х виджетов: «Twitter» (отображает новости из ленты Twitter аккаунта), «Социальный список» (выводит список иконок соц. сетей), «Авторское право» (отображает ссылку на автора). Виджеты – это что-то типа модулей. Их можно выводить в позиции шаблона (об этом ниже).

Виджеты
Виджеты

Позиции шаблона

На данной вкладке (рисунок ниже) сможете настроить позиции шаблона Joomla 3. Это некий «построитель макета» страницы. По умолчанию доступно 62 позиции. Сетка макета подчиняется «законам» Bootstrap. Немного подробнее об этой сетке и принципах её построения можно прочесть в этой статье.

Позиции шаблона
Позиции шаблона

Рассмотрим построитель макета шаблона RSBaraka и его особенности. Вы сможете перетаскивать строки макета мышью, чтобы изменить их порядок следования. Также можно перетащить нужную Вам строку в область Удалённые поля, чтобы убрать эту строку из макета. Кнопка Вернуть по умолчанию отменяет все изменения в макете (удаление и перемещение строк, изменение ширины столбцов) в значения по умолчанию. Рассмотрим инструменты и другие элементы области построителя макета (рисунок ниже).

Инструменты настройки позиций шаблона
Инструменты настройки позиций шаблона

№1 «Четырёх направленная стрелка». Взявшись за неё указателем мыши, Вы сможете перемещать строки макета (по вертикали).

№2 «Две шестерёнки» (Настройки строки). Открывает окно редактирования настроек строки макета (рисунок ниже).

Редактирование строки макета
Редактирование строки макета

№3 «Знак минуса в круге» (Удалить столбец). Удаляет столбец в строке. Если в строке можно добавлять ещё столбцы, то рядом со знаком минуса в круге появится иконка знака плюс в круге.

№4 «Волшебная палочка» (Восстановить столбцы). Равномерно распределяет по ширине все столбцы внутри строки.

№5 «Знак плюс в кружке внутри области позиции» (Добавить новый модуль в позицию ХХХ). Позволяет создать новый модуль и разместить его в выбранной позиции.

№6 «Четырёх направленная стрелка внутри области позиции». Взявшись за неё указателем мыши, Вы сможете перемещать столбцы макета (по горизонтали) в пределах строки.

№7 «Шестирёнка» (Настройки столбца). Открывает всплывающее окно (рисунок ниже) с настройками столбца, где можно задать его анимацию и поместить туда один из виджетов с одноимённой вкладки настроек шаблона Joomla Landing.

Настройки позиции
Настройки позиции

№8 «Надпись внутри области модуля». Название позиции шаблона. Они видны в настройках модулей менеджере модулей в спадающем списке Позиция.

№9 «Серая полосатая вертикальная линия». Взявшись за неё указателем мыши, Вы сможете изменять ширину столбцов (позиций).

№10 «Зелёный цвет». Если какая-то из позиций шаблона залита зелёным цветом, это значит, что в ней размещён какой-то модуль.

№11 «Приоткрытая дверь со стрелкой» (Добавить новый модуль в позицию ХХХ). Отображает перечень модулей, размещённых в этой позиции с возможностью перейти в их настройки.

Мега-меню

Данный шаблон Joomla 3 позволяет создавать мега-меню. Для этого в настройках каждого пункта меню есть специальная вкладка Дополнительные параметры меню (рисунок ниже). Тут Вы можете задать иконку пункта меню, активировать использование мега-меню и отключить мега-меню для планшетов и телефонов.

Дополнительные параметры меню
Дополнительные параметры меню

В построителе мега-меню вы сможете добавить любой модуль, который у Вас есть в менеджере модулей Joomla. Добавление происходит при помощи указания позиций. Причём, позиции могут совпадать с теми, что реально есть в шаблоне Joomla, так и не совпадать (просто введите их название в спадающем списке Позиция при создании модуля). Второй вариант предпочтительней. В построителе макета доступно шесть макетов:

  1. Одноколоночный макет.
  2. Двуколоночный макет.
  3. Макет в 2 столбца, вариант 1.
  4. Макет в 2 столбца, вариант 2.
  5. Трёхколоночный макет.
  6. Четырёхколоночный макет.

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

У мега-меню есть две особенности.

  1. Мега-меню доступно только для пунктов меню верхнего уровня (не для вложенных).
  2. Если опция Включить мега-меню? включена, то подпункты данного пункта меню не отображаются.

Пример отображения 2-х модулей в мега-меню показан на рисунке ниже

Мега-меню
Мега-меню

Как видите, RSBaraka является вполне хорошим шаблоном как для сайта визиток Joomla так и для Landing. Его настройка достаточно простая, а русский язык интерфейса делает её ещё проще. Надеюсь, что данная статья поможет Вам не только принять решение касательно выбора в пользу этого шаблона, но и будет полезной при его настройке.

 

Полезные ссылки: