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

 

 

 

RSBrixton – это универсальный, отзывчивый и современный шаблон Joomla с множеством красивых HTML5 элементов. Во всей красе его можно увидеть на демонстрационном сайте разработчика. Под универсальностью понимается то, что у него нет ярко выраженной тематической направленности: медицинский, строительный, автомобильный и т.д. сайты. Он, в принципе, подойдёт для любых направлений.

Но не стоит забывать, что универсальность стиля\дизайна не подразумевает универсальную совместимость абсолютно со всеми сторонними расширениями. Например, может оказаться так, что для сайта интернет-магазина, сделанного на VirtueMart, придётся дополнять таблицу стилей RSBrixton. В предыдущей статье «Обзор RSEvento. Шаблон сайта для Joomla 3 и 2.5» уже рассматривался шаблон от RSJoomla. В чём-то они с RSBrixton похожи (в плане функциональности), но есть и отличия.

Обзор будет проходить в последней, на момент написания статьи (06.04.2016), русскоязычной версии шаблона RSBrixton 1.0.15 в Joomla 3.5.1 (на сайте установлен «быстрый старт» с контентом на английском языке). Дополнительные расширения:

  • RSMediaGallery (1.9.23) – галерея, слайд-шоу и слайдер.
  • RSContact (1.1.5) – форма обратной связи.

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

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

Перечислю основные особенности почти всех шаблонов от разработчика RSJoomla.

  • Адаптивный дизайн.
  • HTML
  • Поддержка планшетов с высоким разрешением экрана.
  • Наличие встроенных цветовых схем.
  • Настройка шаблона из административной части сайта.
  • Возможность добавления своих CSS-стилей без правки исходных таблиц стилей.
  • Встроенный Bootstrap.
  • Хорошая типографика (рисунок ниже).
Готовый шаблон Joomla
Готовый шаблон Joomla
  • Поддержка современных браузеров.
  • Поддержка шрифтов Google.
  • Множество позиций модулей (более 40).
  • Интеграция с Gravatar.
  • Интеграция с Google Analytics.
  • «Модуль» кнопок социальных сетей.
  • Лицензия на расширение галереи RSMediaGallery (со слайд-шоу модулями).
  • Качественная и оперативная техническая поддержка (на англ.).
  • Документация (на англ.).
  • Наличие «быстрого старта» (на англ.).

А теперь перечислю особенности RSBrixton (некоторые из них могут быть и в других шаблонах этого производителя).

  • Наличие коротких кодов (Shortcodes) для создания красивых элементов типа: вкладок, аккордеона, таблицы цен (рисунок ниже) (аналог Droptables), мини-галерей, слайд-шоу, счётчиков и так далее. Если Вас интересует создание модулей и аккордеонов не только внутри контента, рекомендую познакомиться со статьёй «Обзор DJ-Tabs. Табы для Joomla 3».
  • Полностью переведён на русский язык.
  • Возможность менять порядок следования позиций шаблона (строки позиций перемещаются по вертикали) – редактор макета.
  • 22 цветовые схемы оформления.
  • Множество эффектов анимации на базе HTML и CSS (без Flash). Включая эффект предварительной загрузки страниц (что-то типа эффектов смены слайдов Power Point), «проявление» контента, параллакс, и так далее.
  • Кнопка «Вверх».
  • Скрытие контентной области сайта на главной странице.
  • Использование jQuery.
RSBrixton
RSBrixton

Приведу несколько примеров страниц. Например, главная страница шаблона выполнена в виде лендинга (рисунок ниже). Это совсем не значит, что у Вас она тоже обязательно должна быть таковой. Если Вы не совсем чётко понимаете, что такое шаблон Joomla, то ознакомьтесь с этой статьёй.

Шаблон лендинга Joomla
Шаблон лендинга Joomla

На рисунке ниже показан пример страницы материала.

Страница материала
Страница материала

На рисунке ниже показан пример страницы контактов.

Страница контактов
Страница контактов

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

Несмотря на то, что RSBrixton – готовый шаблон Joomla, в нём есть различные настройки. Они разделены на семь вкладок:

  1. Подробно.
  2. Дополнительные параметры.
  3. Настройки логотипа. Все присутствующие тут опции аналогичны тем, что уже рассмотрены для шаблона RSEvento.
  4. Настройки социальных ссылок. Все присутствующие тут опции аналогичны тем, что уже рассмотрены для шаблона RSEvento.
  5. Позиции шаблона. В RSBrixton есть много позиций шаблонов (рисунок ниже). На данной вкладке Вы не только сможете просмотреть их «карту», но и поменять местами строки позиций по вертикали. Например, «MIDDLE» перенести под «MIDDLE-FULL-WIDTH». Или можно сбросить в настройки положения позиций в значение по умолчанию, если передумали.
  6. Демонстрационные данные. Или ещё называют «QuickStart». Что это такое и как с ним работать рассмотрено в статье «Ответы на вопросы по шаблонам для Джумла. Внесение изменений».
  7. Привязка к меню. Это стандартная для всех шаблонов Джумла вкладка. На ней Вы сможете назначить применение этого шаблона на тех или иных страницах сайта.
Позиции готового шаблона Joomla
Позиции готового шаблона Joomla

Подробно

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

  • Выбрать фон. Выберите фоновый узор, который Вы хотите применить к этому стилю шаблона. Доступно 15 изображений.
  • Фиксированное фоновое изображение. Позволяет задать своё собственное фоновое изображение. Оно будет фиксированным (не прокручиваться при прокрутке страницы вниз).
  • Позиция меню. Выравнивание пунктов верхнего меню слева, справа или по центру.
  • Анимировать «Главное меню». Включить эффекты для Вашего главного меню – если выбрано Нет, то дочерние подменю будут появляться мгновенно без плавных эффектов.
  • Индикатор загрузки. Включить индикатор загрузки только для главной страницы или для всех страниц. Индикатор – небольшая анимированная иконка. Появляется до загрузки страницы и служит в качестве «информатора» о том, что страница загружается. Это больше декоративный элемент. Но если Ваш шаблон лендинга Joomla грузится медленно, то индикатор может повысить юзабилити сайта (удобство использования). А может даже сократит показатель отказов. Пользователь будет видеть, что что-то происходит и может «согласиться» подождать загрузки немного дольше, чем обычно. Если Вас интересует вопрос ускорения сайта, ознакомьтесь со статьёй «Обзор JCH Optimize Pro. Увеличение скорости загрузки Joomla».
Шаблон Джумла 3 на русском
Шаблон Джумла 3 на русском
  • Иконка индикатора. Иконка индикатора загрузки. Доступно 20 анимированных изображений.
  • Эффект загрузки. Аналог анимации при смене слайдов в PowerPoint. Доступно 12 эффекктов.
  • Эффект выцветания контента. Включает эффект выцветания контента для всех позиций шаблона. Все модули сайта будут загружаться с эффектом по мере их появления на странице.
  • Расстояние между позициями. Укажите, хотите ли Вы отображать расстояние между позициями или нет. На рисунках ниже показаны примеры с активированной и деактивированной опцией.
С расстоянием между позициями
С расстоянием между позициями
Без расстояния между позициями
Без расстояния между позициями

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

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

  • Шрифты Google для заголовков. Если опция включена, то шрифты Google будут загружаться и заменять текущие шрифты шаблона для заголовков.
  • Шрифты Google для контента. Если опция включена, то шрифты Google будут загружаться и заменять текущие шрифты шаблона для контента.
  • Дополнительные CSS селекторы для использования шрифтов Google в заголовках. Введите дополнительные CSS-классы для тех заголовков, где Вы хотите использовать шрифты, разделяя их запятыми. Например, «.my-title-class, #my-title-id, .my-random-title» (без кавычек).
  • Дополнительные CSS селекторы для использования шрифтов Google в контенте. Введите дополнительные CSS-классы для того контента, где Вы хотите использовать шрифты, разделяя их запятыми. <br/> например, «.my-content-class, #my-content-id, .my-random-class» (без кавычек).
Дополнительные параметры
Дополнительные параметры

Короткие коды (Shortcodes)

Короткие коды (от англ. shortcodes) – это готовые HTML-коды с назначенными для них CSS-классами. CSS-классы хранятся в таблице стилей и созданы специально под разные «типы» коротких кодов. Эти коды предназначены для быстрой вставки на сайт различных элементов: изображений, параллакс-изображений, таблиц цен, отзывов, анимированных счётчиков, красиво оформленных тестовых блоков с изображениями и так далее. Каждому из этих элементов задаётся свой CSS-класс и этот элемент будет оформлен и\или анимирован согласно соответствующим правилам в таблице стилей. Короткие коды есть не только в шаблонах RSJoomla, но и в шаблонах других производителей. Их наличие и набор может отличаться, но смысл и способ добавления на сайт схожи.

Вставить короткий код можно при помощи соответствующей кнопки «Короткие коды RSTemplate!» в редакторе материалов (рисунок ниже).

Кнопка в редакторе
Кнопка в редакторе

По нажатию на кнопку откроется окно «мастера» вставки коротких кодов (рисунок ниже).

Вставка короткого кода
Вставка короткого кода

В спадающем списке Типы Вы можете выбрать один из двадцати одного варианта коротких годов. У некоторых из них есть возможность выбора светлого или тёмного цветового оформления и некоторых других настроек.

  1. Вертикальное изображение.
  2. Горизонтальное изображение во всю ширину.
  3. Вертикальное изображение во всю ширину.
  4. Параллакс.
  5. Горизонтальная иконка.
  6. Вертикальная иконка.
  7. Горизонтальная иконка во всю ширину.
  8. Сотрудник.
  9. Цена.
  10. Отзыв. Если Вам нужно создать более функциональный раздел отзывов, то советую обратить внимание на такие расширения как: Freestyle Testimonials LiteRSFeedback и Phoca Guestbook.
  11. Миниатюра.
  12. Во всю ширину.
  13. Возрастающий счётчик.
  14. Yotube фон.
  15. Заголовок по центру.
  16. Заголовок слева.
  17. Заголовок справа.
  18. Вкладки.
  19. Аккордеон.
  20. Карусель.
  21. Карусель во всю ширину.

Большинство из этих коротких кодов Вы можете видеть на главной странице демонстрационного сайта.

Нажимая на кнопку Посмотреть HTML, Вы сможете изменить заголовок, описание, ссылки, изображения и другие элементы короткого кода готового шаблона Joomla. Например, в некоторых коротких кодах задан класс картинки: «span class="icon-book"». Меняя «icon-book» на что-то другое можно менять картинку. На что именно можно менять (имя класса) и как будет выглядеть картинка, Вы сможете увидеть на демонстрационном сайте в меню Pages – Elements – Icons List (всего 1046 изображений). Если шаблон уже куплен и в нём установлены демонстрационные данные, то картинки Вы сможете увидеть у себя на сайте. Обратите внимание, что демонстрационные данные лучше устанавливать на копии сайта, а не на основном. И их рекомендуется установить сразу (если надо), а не после внесения изменений на сайт.

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

Код в редакторе
Код в редакторе

А так (рисунок ниже) он выглядит на сайте. Помимо применения стилей короткого кода, применяются ещё стили самого шаблона лендинга Joomla.

Код на сайте
Код на сайте

Аналогичная схема работы будет для любого типа короткого кода.

Русификатор RSBrixton

Скачать русификатор RSBrixton.

 Надеюсь, что на основании увиденного и прочитанного у Вас сложилось впечатление про RSBrixton и его возможности. Что, в свою очередь, поможет Вам принять взвешенное решение касательно выбора шаблона. О «критериях» выбора читайте в данной статье.

 

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