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

 

 

RSEvento – универсальный шаблон Joomla 2.5 – 3 на русском языке с демо данными от известных разработчиков расширений для Джумла – «RSJoomla» (авторы таких расширений как: RSForm Pro, RSEvents Pro, RSTickets Pro, RSFirewallRSseo и так далее).

Вы можете посмотреть на шаблон RSEvento на демонстрационном сайте разработчика.

Шаблон сайта для Joomla 3
Шаблон сайта для Joomla 3

Данный шаблон (рисунок выше) совместим не только с расширениями «RSJoomla», но и с расширениями от других разработчиков. Но максимальную отдачу от этого шаблона можно получить в сочетании с компонентом RSEvents Pro для создания сайтов событий с календарём, продажей билетов, картой Google и тому подобного. Это могут быть и городские порталы, и сайты «Куда сходить?» (где продаются и\или рекламируются различные события: концерты, соревнования; места: кафе, бары, клубы и подобное).

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

В обзоре будет учувствовать последняя на момент написания статьи (07.09.2015) версия RSEvento 1.0.28, Joomla 3.4.3, RSMediaGallery 1.9.13 (с установленным модулем «RSMediaGallery! Responsive Slideshow Module»), RSEvents Pro 1.8.25 (с установленными модулями и плагинами). Все расширения на русском языке. Демонстрационные данные (меню, материалы, содержимое модулей и так далее) из шаблона – на английском языке. Шаблон поддерживает работу с контентом на любом языке, с которым работает Joomla (включая украинский, русский, немецкий, английский и др).

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

Рассмотрим основные особенности этого универсального шаблона Joomla.

  • Адаптивный дизайн.
  • Поддержка планшетов с высоким разрешением экрана.
  • Наличие 12 встроенных цветовых схем.
  • Встроенный Bootstrap.
  • Поддержка современных браузеров.
  • Поддержка шрифтов Google.
  • Поддержка Joomla 2.5 – 3.x.
  • Множество позиций модулей (более 40).
  • Множество настроек на русском языке со всплывающими подсказками.
  • Интеграция с Gravatar.
  • Интеграция с Google Analytics.
  • Наличие демо данных (на англ. языке).
  • «Модуль» кнопок социальных сетей.
  • Адаптация под компонент мероприятий (событий) RSEvents Pro.
  • Лицензия на расширение галереи RSMediaGallery (со слайд-шоу модулями).

Также стоит отметить наличие документации, форума и отличной поддержки от разработчика (на английском языке).

Настройка

Подробно

Все настройки данного универсального шаблона Joomla находятся в Расширения – Менеджер шаблонов – RSEvento. Они разделены на пять вкладок:

  1. Подробно.
  2. Дополнительные параметры.
  3. Настройки логотипа.
  4. Настройки социальных ссылок.
  5. Демонстрационные данные. В этой статье не будем касаться данного вопроса, а в следующей статье, на примере RSEvento, мы детально рассмотрим, как устанавливать шаблоны Joomla 3 с демо данными.
  6. Привязка к меню. Назначение данной вкладки аналогично для всех шаблонов сайта Joomla и рассмотрено в предыдущей статье.

Начнём с первой вкладки Подробно (рисунок ниже). Как уже упоминалось, RSEvento – это шаблон Joomla на русском языке. Он не только поддерживает контент сайта на русском, но и его настройки. Всплывающие подсказки тоже переведены (если установлен русификатор).

Шаблон Joomla на русском языке
Шаблон Joomla на русском языке

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

Рассмотрим доступные настройки данной вкладки. На счёт опции По умолчанию – её назначение аналогично для всех шаблонов сайта Joomla и рассмотрено в предыдущей статье.

Цветовая схема. В шаблоне доступно двенадцать цветовых схем:

  • Оранжевая.
  • Бежевая.
  • Голубая.
  • Голубое море.
  • Голубое небо.
  • Бронзовая.
  • Коричневая.
  • Светло-зелёная.
  • Розовая.
  • Серо-зелёная.
  • Красная.
  • Рубиново-красная.

Цветовые схемы задают общую палитру сайта. На рисунках ниже показаны примеры схем «Серо-зелёная», «Красная» и «Бронзовая», соответственно.

Универсальный шаблон Joomla на русском языке
Универсальный шаблон Joomla на русском языке
Шаблон Joomla с демо данными
Шаблон Joomla с демо данными
Бронзовая
Бронзовая

Гораздо нагляднее это всё видно на демонстрационном сайте. Там можно переключать цвета.

Контент в боксе. Помещает весь контент в «бокс», как-бы обрамляет его визуально. Если опция выключена, границы между «областью сайта» и его фоном не видно. Данная опция работает только для экранов настольных компьютеров (не для мобильных устройств). На рисунке ниже показан пример, когда опция выключена.

Контент не в боксе
Контент не в боксе

На рисунке ниже показан пример, когда опция Контент в боксе включена.

Контент в боксе
Контент в боксе

Помещать карту событий в бокс. Помещать позицию слайд-шоу в бокс. Данные опции аналогичны опции Контент в боксе, но относятся к карте событий (модуль «mod_rseventspro_map» в позиции шаблона «evento-map») и слайд-шоу (модуль «RSMediaGallery! Responsive Slideshow Module» в позиции шаблона «slideshow»).

Центрировать меню. Если опция включена, то верхнее меню будет выровнено по центру, если выключена – по левому краю.

Анимировать "Главное меню". Включает\отключает эффекты для Вашего верхнего меню. Если выбрано Нет, то дочерние подменю будут появляться мгновенно без плавных эффектов.

Закреплённое меню. Если опция включена, то при прокрутке страницы, верхнее меню будет автоматически зафиксировано в верхней части окна. Это позволит Вашим пользователям быстро получить доступ к меню. Это работает только для настольных компьютеров.

Использовать Gravatar. Если задано Да, то рядом с автором материала (статьи) будет показываться изображение Gravatar, если у автора материала он есть. Работает только с материалами Joomla (com_ content).

Спрятать содержимое домашней страницы. Если опция включена, контент и модули в позициях «column-left» и «colum-right» не будут отображаться на главной странице сайта независимо от других настроек.

Выровнять вертикальные верхние позиции. Опция позволяет выровнять верхние-a/b/c (top-a/b/c) позиции по вертикали (по средине).

Совместимость меню для планшетов. Включает\отключает улучшенную совместимость спадающего меню и планшетов с высоким разрешением экранов (таких как iPad), когда они находятся в ландшафтном режиме. Это позволит Вашим посетителям нажимать на подменю.

Высота миниатюр модуля приближающихся событий. Задаёт высоту миниатюр, отображаемых в модуле «mod_rseventspro_upcoming». Работает только в позициях «after-content» и «evento-map»

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

На данной вкладке (рисунок ниже), собраны опции для более тонкой настройки шаблон сайта для Joomla 3 RSEvento.

  • Загружать Bootstrap. Если другое расширение уже загружает Bootstrap, то Вы можете выбрать Нет. В противном случае, Bootstrap всегда должен загружаться с этим шаблоном. Иначе он будет отображаться некорректно.
  • Загружать фреймворк jQuery. Если выбрано Да, то будет загружаться jQuery или из фреймворка Joomla (в Joomla 3.x), или из самого шаблона (в Joomla 2.5).
  • Шрифты Google. Если опция активна, то будут загружаться шрифты Google, которые заменят текущие шрифты шаблона. Это позволит использовать один из множества десятков красивых шрифтов.
  • Подмножество шрифтов Google. Вы можете указать, какие шрифты нужно использовать. Например, для русскоязычных и украиноязычных сайтов лучше подойдёт кириллица (Cyrrilic) или кириллица расширенная (Cyrrilic extended)
  • Дополнительные CSS селекторы для шрифтов Google. Введите дополнительные CSS-классы для тех фрагментов, где Вы хотите использовать шрифты Google. Разделяйте классы запятыми. Например: «.my-class, #my-id, .my-second-class» (без кавычек).
  • ID Google Analytics. Для упрощения интеграции сайта с сервисом сбора статистики Google Analytics, Вам достаточно ввести свой ID Google Analytics в это поле (примерно, он выглядит так: «UA-ХХХХХХХХ-Х» (без кавычек)). Весь код вставлять не нужно.
  • Настраиваемые <head> теги. В данное поле можете ввести произвольный код (HTML-теги), который будет добавлен в исходный код шаблона, в секцию «head». Пожалуйста, обратите внимание, что теги, которые добавляете, должны быть корректными, иначе сайт может плохо отображаться или работать.
Дополнительные параметры
Дополнительные параметры

Настройки логотипа

На этой вкладке (рисунок ниже) можете сконфигурировать отображение логотипа в шаблоне сайта для Joomla 3.

  • Позиция. Выберите позицию, где хотите разместить логотип. Пожалуйста, учтите, что можно использовать только верхние позиции («Top-a», «Top-b», «Top-c»)
  • Растянуть логотип. Активация данной опции позволит позиции заполнять всё доступное пространство. Например, если используете только «top-a», позиция будет простираться и по «top-b», и по «top-c»; если используете две позиции, «top-a» и «top-b», тогда пространство будет распределено поровну.
  • Внешний вид. Задаёт внешний вид логотипа (текст или изображение).
  • Ссылка. Укажите ссылку, по которой перейдёт пользователь, нажав на логотип. Как правило, это ссылка на главную страницу сайта.
  • CSS классы. Вы можете добавить настраиваемый CSS-класс для контейнера логотипа. Тем самым задавая ему другое оформление.
  • Текст. Введите нужный текст – он появится в позиции логотипа.
  • Выравнивание текста. Выравнивание текста: Влево, Центр, Вправо.
  • Размер заголовка. Тег (H1, H2, H3), который будет применён к тесту логотипа, если выбран текст. По логике, в исходном коде сперва должен идти заголовок первого уровня H1, а потом H2 и так далее. Но заголовки страниц и разделов Joomla тоже оформлены заголовком первого уровня H1. Это приводит к нарушению рекомендации: «Один заголовок первого уровня H1 на странице». В таком случае рекомендую для текста логотипа выбрать H2 или H3.
  • Цвет. Выберите, какой цвет хотите использовать для Вашего текста. Первичный и Вторичный берутся из цветовой схемы шаблона. Также доступен Чёрный.
  • Изображение. Выберите изображение, которое будет использоваться в качестве логотипа. Сперва его необходимо загрузить на сервер.
  • Выравнивание изображения. Опция, аналогична опции Выравнивание текста, но относится к изображению логотипа.
Настройки логотипа
Настройки логотипа

Настройки социальных ссылок

Универсальный шаблон Joomla позволяет разместить ссылки на различные социальные сервисы, в основом, социальные сети, в шапке сайта. Для этого служит вкладка Настройки социальных ссылок. Если нужны более функциональные кнопки социальных сетей и другие подобные инструменты, с поддержкой статистики, рекомендую ознакомиться со статьёй «Обзор AddThis Joomla. Статистика социальных сетей». Также у разработчиков RSEvento есть свой бесплатный модуль кнопок социальных сетей Joomla 2.5 - 3.х с гибкими настройками внешнего вида и положения RSSocial.

  • Позиция. Укажите позицию, где хотите отображать Ваши социальные ссылки. Учитывайте, что можно использовать только верхние позиции («Top-a», «Top-b», «Top-c»).
  • Выравнивание внутри позиции. Выберите, как иконки социальных сетей должны отображаться в позиции, которую выбрали. Доступное выравнивание – Влево, Центр, Вправо.
  • Текст. Можно задать текст, который появится рядом с иконками социальных сетей.
  • Открывать в новом окне. Если выбрано Да, то по нажатию на кнопки социальных сетей будет открываться ссылка в новом окне\вкладке. Если выбрано Нет – в том же.
  • Twitter. LinkedIn. Google+. YouTube. Vimeo. Flickr. Pinterest. Тут можно указать ссылки на Ваши профили (страницы) в социальных сетях.
  • Skype. Yahoo!. Тут можно указать адрес (имя) своего аккаунта. При нажатии на эти иконки у пользователя будет открываться соответствующая программа. Например, Skype для связи с Вами. Учтите, что у пользователя на компьютере должна быть установлена нужная программа.
Настройки социальных ссылок
Настройки социальных ссылок

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

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

Демонстрационный сайт шаблонов RSJoomla

Помимо демо-данных, разработчики RSJoomla предлагают посмотреть шаблон «живьём». Обратите внимание, что над шаблоном есть чёрная полоса (на рисунке ниже обведено синим). Этой полосы, и её содержимого, у Вас на сайте не будет. Можно её скрыть и на демо-сайте, нажав на крестик справа (на рисунке ниже обведено белым). Нажав на иконку шестерёнки (на рисунке ниже обведено зелёным), можно открыть панель с дополнительными опциями шаблона, которые, например, позволяют посмотреть, как шаблон выглядит в другой цветовой схеме. Нажимая на иконки телефона, планшета и компьютера (на рисунке ниже обведено жёлтым), можно посмотреть, как, примерно, шаблон будет отображаться на экранах различных устройств. Нажав на стрелку, указывающую вниз (на рисунке ниже обведено красным), можно выбрать для просмотра демо-сайт с другим шаблоном от этого разработчика.

Нажав на кнопку «BUY NOW», можно перейти к покупке шаблона.

Демонстрационный сайт
Демонстрационный сайт

Преимущества профессиональных готовых шаблонов

Назовем ряд положительных и отрицательных сторон готовых универсальных шаблонов Joomla в сравнении с:

  1. Уникальными, сделанными командой профессионалов, специально под конкретный проект.
  2. Шаблонами, сделанными 1-2 фрилансерами.
  3. Шаблонами, сделанными в ArtisteerTemplateToaster и других подобных программах\сервисах (самостоятельно).

Это только моё мнение, не претендующее на истину в последней инстанции. Примем во внимание, что случаи могут быть разные. Нижеперечисленное основывается исключительно на собственном опыте. Плюс, есть различные варианты сочетаний: купить готовый шаблон и доработать его, сделать шаблон в Artisteer или TemplateToaster и доработать и другие.

Достоинства готовых универсальных шаблонов по сравнению с уникальными:

  • Низкая стоимость самого шаблона, технической поддержки и получения обновлений.
  • «Моментальное» получение готового шаблона сразу после оплаты.
  • Универсальность. В дальнейшем, при развитии проекта, обновлении CMS и её компонентов, помощь со стороны разработчика не нужна. Например, в результате установки компонента комментариев (в шаблоне, сделанном на заказ под конкретные цели, может быть не предусмотрена позиция под комментарии).
  • Можно сразу увидеть, как выглядит шаблон на демо-сайте.
  • Наличие настроек, которые позволяют менять параметры шаблона без правки исходного кода.
  • В состав (в стоимость лицензии) могут входить полезные, функциональные и красивые расширения (модули меню, галереи и так далее).

Недостатки готовых универсальных шаблонов по сравнению с уникальными:

  • Не подчёркивает особую индивидуальность и уникальность Вашего сайта.
  • В исходном коде шаблона может быть много лишнего.
  • Может потребоваться вмешательство в исходный код шаблона для его адаптации под конкретные потребности именно Вашего сайта.
  • Техническая поддержка может быть на иностранном языке.
  • Обновления выходят не конкретно по Вашим требованиям.

 

Достоинства готовых универсальных шаблонов по сравнению со сделанными фрилансерами:

  • За меньшие или те же деньги Вы получаете более качественный результат (валидность кода, лучшая адаптивность, более продуманный внешний вид различных мелочей: системных сообщений, иконок и так далее). Плюс, техническую поддержку и обновления в дальнейшем.
  • Универсальность.
  • Можно сразу увидеть, как выглядит шаблон.
  • «Моментальное» получение готового шаблона сразу после оплаты.
  • Наличие настроек, которые позволяют менять параметры шаблона без правки исходного кода.
  • В состав могут входить полезные, функциональные и красивые расширения.

Недостатки готовых универсальных шаблонов по сравнению со сделанными фрилансерами те же, как и в случае с полностью уникальными, только с поправкой на то, что «уникальность фрилансерских» шаблонов гораздо меньше, чем у дорогостоящих (сделанные профессиональными фирмами по индивидуальному заказу). Это относится и к внешнему виду, и к функциональности.

 

Достоинства готовых универсальных шаблонов по сравнению со сделанными в Artisteer или TemplateToaster (самостоятельно):

  • Более приятный внешний вид (если Вы не отличный дизайнер).
  • Более продуманная адаптивность.
  • Можно сразу увидеть, как выглядит шаблон.
  • В состав могут входить полезные, функциональные и красивые расширения.
  • Наличие настроек, которые позволяют менять параметры шаблона без необходимости его повторного изменения в программе и установке на сайт. Но таких настроек в десятки и даже сотни раз меньше, чем в случае с Artisteer или TemplateToaster.

Недостатки готовых универсальных шаблонов по сравнению со сделанными в Artisteer или TemplateToaster (самостоятельно):

  • Точно такой дизайн может быть на другом сайте.
  • Гораздо меньше настроек шаблона (при условии повторного изменения шаблона в программе и установке его на сайт).
  • Менее универсальные.

 

На мой взгляд, уникальный шаблон – для проектов с большим бюджетом, готовый шаблон – для проектов со средним и маленьким бюджетом (где нет отдельных дизайнеров и верстальщиков), а шаблоны Artisteer или TemplateToaster - для проектов со средним и маленьким бюджетом (где есть отдельные дизайнеры и верстальщики).

Примерная стоимость готового профессионального шаблона, в среднем, колеблется от 35$ до 150$ (есть и лицензионно-бесплатные).

Шаблоны Artisteer или TemplateToaster от бесплатных до 4$ (не учитывая стоимость самих программ). Стоимость программ от 49$ до 200$. Правда, при помощи программ можно сделать неограниченное количество разных шаблонов под разные CMS, причём самостоятельно. Вот их «красота» полностью зависит от Ваших дизайнерских способностей.

Стоимость уникальных шаблонов, сделанными командой профессионалов, специально под конкретный проект, может исчисляться сотнями долларов.

 

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