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

 

 

RSTrone – адаптивный бесплатные шаблон Joomla на русском языке с множеством настроек шрифтов, цветов и макета страниц в админке шаблона. Базируется на фрейворке Bootstrap и ориентирован на широкий круг типов сайтов.

Совместим с Joomla 3.7 и более новыми версиями. В шаблоне заложены стили для большинства штатных расширений Джумла а также для K2, RSPageBuilder, RSMediaGallery, а также всех других расширений от разработчика RSJoomla таких как: RSForm, RSEvents Pro, RSTickets Pro и других.

В шаблоне есть QuickStart, мега-меню, «Off canvas» меню, анимация, кнопка вверх и многое другое. Шаблон базируется на HTML5, оснащён 12-ю цветовыми схемами, поддерживает шрифты Google и шрифты Awesome. В макете шаблона предусмотрено 40 позиций для модулей с возможностью изменения положения и размера позиций.

«Живой» пример шаблона можно посмотреть на демонстрационном сайте. Там же есть возможность просмотра разных цветовых схем шаблона.

Скачать шаблон можно с сайта разработчика.

В обзоре будет участвовать последняя, на момент написания статьи (27.12.2018), русскоязычная версия RSTrone 1.0.5 в Joomla 3.9.1. На сайте установлены англоязычные демонстрационные данные. Из дополнительных расширений используются следующие:

  • RSMediaGallery с модулями. Адаптивная галерея.
  • RSShowcase. Бесплатный модуль мини-галереи. Может использоваться самостоятельно или в связке с RSMediaGallery.
  • RSContact. Бесплатная простая форма обратной связи.
  • RSPageBuilder с модулями. Бесплатный конструктор страниц
  • K2 с модулями. Бесплатный конструктор контента.

Видео обзор

  • Обзор шаблона – с 00:01:04.
  • Одностраничный сайт (landing) – с 00:06:03.
  • Ошибка загрузки/установки шаблона – с 00:08:54.
  • Стили для пунктов меню тип «Заголовок» – с 00:011:37.

 

 

Видео лучше просматривать с качеством 720 HD. Этот и другие видео уроки Вы можете найти на каналах сайта Aleksius.com в YouTube, Rutube и Mail.ru.

Основные возможности и особенности

В основном, RSTrone аналогичен шаблону RSBaraka, так как у них один и тот же разработчик – RSJoomla. Несмотря на схожесть, у RSTrone есть и отличия.

  • 40 позиций модулей (рисунок ниже) с возможностью их настройки.
  • Интеграция с поиском по сайту Joomla, модулем поиска RSPageBuilder и поиском K2 (для страницы с результатами поиска через поле поиска в горизонтальном меню сайта).
  • Интеграция с K2.
  • Наличие 9-ти типов анимации загрузки страницы.
  • Наличие «Off canvas» меню.
  • Наличие кнопки «Вверх».
  • Поддержка Gravatar.
  • Поддержка API шрифтов Google для их загрузки с серверов Google.
  • Виджет «Авторское право» с автоматической сменой года.
Бесплатный шаблон Joomla на русском языке
Бесплатный шаблон Joomla на русском языке

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

RSTrone
RSTrone
Бесплатный шаблон Joomla
Бесплатный шаблон Joomla
Бесплатный шаблон для Джумлы
Бесплатный шаблон для Джумлы

Работа с шаблонами RSJoomla

В предыдущих статьях уже были рассмотрены разные вопросы в плане настройки и работы шаблонов от RSJoomla.

Одностраничный сайт (landing)

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

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

Приступим к непосредственной настройке меню для лэндинга.

Шаг 1. Перейдите в Расширения – Шаблоны – Стили – «RSTrone! - По умолчанию». На вкладке Подробно активируйте опцию Одностраничный сайт.

Шаг 2. Перейдите в Компоненты – RSPageBuilder и зайдите в настройки Вашей страницы. Выберите строку, к которой нужно будет прокручивать страницу по нажатию на пункт меню, нажмите на иконку настроек этой строки (рисунок ниже).

Бесплатный landing-шаблон для Joomla
Бесплатный landing-шаблон для Joomla

В появившемся окне на вкладке Основы в поле ID CSS строки введите «якорь» для пункта меню (рисунок ниже). Якорь должен содержать только английские буквы, цифры и не содержать пробелы. Вместо пробелов можно использовать знаки тире «-» и нижнего подчёркивания «_». На одной странице нужно использовать только уникальные якоря (без повторов). Если где-то на странице Вы используете другие якоря, все они должны отличаться друг от друга.

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

Создание якоря
Создание якоря

Шаг 3 (не обязательно). Повторите действия шага №2 для всех строк, для которых хотите создать пункты меню. Якорь у каждой строки должен быть уникальный. Если где-то на странице Вы используете другие якоря, все они должны отличаться друг от друга.

Шаг 4. Перейдите в Меню – «Название Вашего меню» и создайте пункт меню тип Системные ссылки – Внешний URL. В поле Ссылка укажите имя вашего якоря после знака решётки (рисунок ниже), а в поле Заголовок меню укажите заголовок пункта меню, который будет виден пользователям на сайте.

Настройка пункта меню
Настройка пункта меню

Шаг 5 (не обязательно). Повторите действия шага №4 для всех пунктов меню, которые Вам нужны, меняя заголовок и ссылку/название якоря.

Ошибка загрузки/установки шаблона

Этот бесплатный шаблон для Джумлы устанавливается точно так же, как и любые другие расширения. В статье «Обзор RSEdimo. Образовательный шаблон Joomla» описан данный процесс. Он актуален и для Joomla 3.9.

Шаблоны от RSJoomla, относительно, большие (в мегабайтах). Например, RSTrone 1.0.5 занимает около 15,2 Мб. Это связано с тем, что в него добавлены демонстрационные данные. Если у Вас возникает ошибка при установке шаблона, например: «There was an error uploading this file to the server», попробуйте нижеописанные варианты её решения.

Вариант №1. Попробуйте установить шаблон из каталога.

Вариант №2.  Перейдите в Система – Информация о системе – Информация о PHP и найдите данные по директивам «upload_max_filesize» и «post_max_size». Их значения должны быть больше, чем размер архива шаблона (в моём примере более 20 Мб).

Если это не так, напишите в службу технической поддержки Вашего хостинг- провайдера и поинтересуйтесь, как возможно увеличить директиву PHP «upload_max_filesize», как минимум, до 20 Мб. Также проверьте, чтобы директива «post_max_size» была более 20 Мб (больше значения директивы «upload_max_filesize»).

После этого повторите попытку установки шаблона.

Вариант №3. Создайте в корне Вашего сайта файл с именем и расширением «php.ini» (без кавычек). В нём разместите следующие строки:

upload_max_filesize = 20M
post_max_size = 30M

Значения в мегабайтах должны быть не менее размера архива шаблона. Размер «post_max_size» должен быть больше размера «upload_max_filesize».

Обратите внимание, что этот вариант может не сработать, если Ваш хостинг- провайдер запрещает применение файлов «php.ini».

Стили для пунктов меню тип «Заголовок»

В некоторых шаблонах от RSJoomla могут встречаться проблемы с отображением такого типа пункта меню как Заголовок (Системные ссылки). Данный пункт меню может служить для отображения некликабельного элемента пункта меню. Например, надписи или пункта меню верхнего уровня для подменю. Рассмотрим на примере RSTrone, как можно привести пункт меню тип Заголовок к схожему внешнему виду с другими пунктами меню.

Для этого нужно добавить нижеуказанный код в специальный файл «custom.css». О том, как его создать, можно прочесть тут.

/*Стиль пункта меню тип Заголовок*/
.nav-header {
color: #fff !important; /*Цвет шрифта*/
font-size: 18px; /*Размер шрифта*/
font-weight: 600;
margin: 0;
padding: 15px; /*Отступы*/
position: relative;
text-transform: uppercase;
text-shadow: none;
}

.nav-header:hover {
color: #4b4b4b !important; /*Цвет шрифта при наведении курсора мыши на пункт меню*/
cursor: pointer;
}

/*Стиль пункта меню тип Заголовок для не мобильного меню*/
@media (min-width: 980px) {
.nav-header::after {
color: #fff; /*Цвет иконки треугольника для спадающего меню*/
font-family: 'FontAwesome';
content: '\f0d7'; /*Иконка треугольника для спадающего меню*/
margin-left: 2px;
position: absolute;
}

.nav-header {
padding: 34px 15px; /*Отступы*/
}
}

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

Также может понадобиться изменить отступы.

Стили для пунктов меню тип «Заголовок»
Стили для пунктов меню тип «Заголовок»

Аналогичные стили, к сожалению, без анимации подчёркивания, для другого бесплатного шаблона Joomla – RSVario (рисунок ниже). О нём мы говорили в цикле бесплатных видео уроков по созданию сайта на Joomla.

/*Стиль пункта меню тип Заголовок*/
.nav-header {
display: block !important;
text-transform: uppercase;
font-weight: 700;
text-shadow: none;
position: relative;
color: #919c5d; /*Цвет шрифта*/
font-size: 14px !important; /*Размер шрифта*/
padding: 4px !important; /*Отступы*/
}

.nav-header:hover {
color: #f33a3a !important; /*Цвет шрифта при наведении курсора мыши на пункт меню*/
cursor: pointer;
}

.nav-header::after {
font-family: 'FontAwesome';
content: '\f0d7'; /*Иконка треугольника для спадающего меню*/
margin-left: 10px;
position: absolute;
}

/*Стиль пункта меню тип Заголовок для мобильного меню*/
@media (max-width: 980px) {
.nav-header {
padding: 15px !important; /*Отступы*/
text-align: left !important;
}

.nav-header::after {
display: none;
}
}
Стили для пунктов меню тип «Заголовок» шаблона RSVario
Стили для пунктов меню тип «Заголовок» шаблона RSVario

Данный бесплатный шаблон для Джумлы является весьма достойным конкурентом многим платным шаблонам. В сочетании с RSPageBuilder и RSMediaGallery он позволит достаточно быстро и с относительно небольшими усилиями создать довольно приличный сайт компании, лэндинг, визитку и так далее. Для этого может понадобиться купить RSMediaGallery, но можно подыскать бесплатные аналоги. А учитывая интеграцию с K2, Вы сможете создать функциональный информационный сайт.

 

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