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

 

 

JM Sport – русскоязычный, стильный адаптивный шаблон Joomla для спортивных сайтов на Bootstrap со множеством настроек. Шаблон универсальный, то есть подходит для создания любых сайтов на Джумла с любыми сторонними расширениями. Но его отличительной особенностью является наличие специальных стилей и темы для бесплатного русскоязычного спортивного компонента DJ-League. В стоимость шаблона входят дополнительные расширения (об этом чуть ниже) и два быстрых старта (QuickStart). Вот демонстрационные сайты этого шаблона: футбольный сайт и сайт лёгкой атлетики. Эти же демонстрационные сайты доступны в QuickStart.

Как и другие шаблоны от Joomla-monster.com, JM Sport основывается на фреймворке EF4 и 12-ти колоночной сетке Bootstrap. При создании шаблона учитывались такие «веб-стандарты»: HTML5, LESS, CSS3, jQuery, Source maps, семантическая вёрстка. Шаблон хорошо отображается в большинстве современных браузеров, таких как: Edge, Firefox, Chrome, Safari, Opera, Internet Explorer 11, Яндекс.Браузер. Плюс, поддерживаются мобильные браузеры, например, iOS Safari, Android Browser, Chrome для Android и другие.

Обзор проводится в последней, на момент написания статьи (08.11.2017), русскоязычной версии JM Sport 1.0.4 в Joomla 3.8.2 с DJ-League 1.0.0 beta 6. Кроме самого шаблона Вы получите лицензию на такие расширения (версии указаны на момент написания статьи):

  • DJ-MediaTools 2.10.1. Компонент галереи изображений и видео для Joomla с поддержкой VirtueMart 3. Это позволит создавать слайдер VirtueMart, галереи с товарами и пр.
  • DJ-MegaMenu 3.5.4 Pro. Расширение (модуль, плагин) меню, мега-меню и мобильного меню со множеством настроек и поддержкой вставки модулей в меню.
  • DJ-Tabs 1.3.4. Компонент и модуль для создания вкладок и аккордеонов.

Кроме этого шаблон содержит стили для DJ-League и DJ-EasyContact.

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

Особенности JM Sport

Так как JM Sport – спортивный шаблон Joomla и интегрируется со специальным компонентом DJ-League, то у него есть тематические «фишки» спортивного характера. Например, модули предстоящей игры, прошедшей и таблицы счёта (рисунок ниже).

Модули спортивного сайта Joomla
Модули спортивного сайта Joomla

Или страница с расписанием игр и счётом (рисунок ниже).

Спортивный шаблон Joomla
Спортивный шаблон Joomla

Или просто страница с таблицей счёта (рисунок ниже).

Спортивный шаблон Joomla 3
Спортивный шаблон Joomla 3

Плюс, главная страница шаблона весьма тематична (рисунок ниже).

JM Sport
JM Sport

На рисунке ниже показан пример главной страницы демонстрационного сайта лёгкой атлетики.

JM Sport 1.0.4
JM Sport 1.0.4

Плюс, данному шаблону присущи все особенности шаблонов от Joomla-Monster.com на фреймворке EF4, касающихся: типографике, оформлению модулей и работе с макетом\позициями шаблона.

К тому же, возможностей по настройке и оптимизации скорости загрузки сайта, в шаблоне, стало немного больше за счёт обновления фреймворка EF4. А также были сделаны некоторые изменения интерфейса касательно удобства настройки шаблона. Например, в разделе Цветовые модификации (рисунок ниже), как и в других разделах, настройки были разнесены на вкладки.

EF4 framework
EF4 framework

Новые возможности EF4.8 framework

В предыдущей статье мы рассматривали новинки фреймворка EF4.7.3. С тех пор он несколько раз обновился. Так как на нём базируются большинство из шаблонов от Joomla-Monster.com, то все эти новинки отражаются и на них.

Новые возможности.

  • Добавлен немецкий язык интерфейса пользователя.
  • Добавлены более расширенные описания для опций шаблона в админке.
  • Переработан внешний вид построителя макета шаблона. Теперь настройки разделены на вкладки (рисунок ниже).
Bootstrap шаблоны Joomla 3
Bootstrap шаблоны Joomla 3

В разделе Расширенные возможности – Оптимизация появились новые опции по оптимизации скорости загрузки сайта (рисунок ниже):

  • Ленивая загрузка. Включает на Вашем сайте ленивую загрузку изображений и ifram (отложенная загрузка). Эта опция может сократить время загрузки страницы и сохранить много бесполезно передаваемого трафика. Особенно эффективно в плане экономии денег, если Вы платите по-мегабайтно за CDN. Плюс, пользователи сайта, которые платят за кол-во мегабайт трафика, например, с мобильного, сэкономят на оплате за свой интернет. Принцип работы данной опции таков, когда загружается страница, то изображения и ifram ниже её видимой области не начинают загружаться в браузер пользователю до тех пор, пока пользователь не прокрутит к ним страницу. Например, на хостинге, который использую я, это можно реализовать на уровне сервера. А в EF4 это реализуется на уровне плагина Joomla.
  • Исключить из ленивой загрузки. Вы должны знать, что ленивая загрузка может конфликтовать со сторонними расширениями или с другими скриптами ленивой загрузки. По этому, Вы можете исключить из ленивой загрузки определённые изображения и ifram при помощи списка ниже. Используй часть пути изображения, URL ifram, CSS класс или любой атрибут IMG, чтобы исключить изображения, которые в нём содержаться. Пишите каждый из них с новой строки.
  • Минимальная ширина. Минимальная высота. Укажите минимальную ширину и высоту изображения для ленивой загрузки. Изображения, у которых ширина и высота меньше указанных, будут исключены из ленивой загрузки.
Ленивая загрузка
Ленивая загрузка

Если Вам интересна тема увеличения скорости загрузки сайта, его оптимизации под рекомендации Google Page Speed Insights, а также снижение нагрузки на хостинг, то рекомендую ознакомиться с этими статьями.

Улучшения.

  • Повышена совместимость с Joomla 7.
  • Библиотека для сжатия CSS (css.min.php) обновлена до последней версии. Добавлена поддержка PHP
  • Множество изменений, связанных с настройщиком темы (рисунок ниже). Он предназначен для внесения изменений в шаблон (цвета, шрифты и т.д.) из фронтальной части сайта.
  • Сжаты CSS файлы, связанные с настройщиком тем.
  • Шрифты Awesome обновлены до версии 4.7.0.
  • Удалён ненужный файл «.jshintrc».
  • Изменения в CSS стилях для админки шаблона в связи с изменениями под Joomla 7.
  • Изменения в построителе макета.
Настройщик тем
Настройщик тем

Исправления.

  • Исправлена ошибка, связанная с использованием редакторов TinyMCE и CodeMirror во фронтальной части сайта в случаях, когда включено сжатие JS в шаблоне.
  • Исправлена ошибка связанная с элементом меню EF4 в админке Joomla.

Уроки по Joomla

Страница результатов поиска

В предыдущих статьях «Обзор Joomla поиск» и «Обзор Умный поиск Joomla 2.5 - 3.0» мы рассмотрели штатные компоненты поиска Джумла. Часто возникает ситуация, когда нужно настроить отображение различных модулей на странице с результатами поиска. Для этого достаточно штатных средств Joomla без необходимости прибегать к Advanced Module Manager.

Шаг 1. В менеджере меню Joomla создайте пункт меню тип Поиск – Форма поиска и список результатов поиска, если Вы используете обычный поиск и Умный поиск – Поиск, если Вы используете умный поиск. Причём, этот пункт меню можно скрыть или создать в том меню, которое Вы не отображаете на сайте. Скрыть пункт меню можно в его настройках на вкладке Параметры ссылки опция Показать в меню.

Шаг 2. Перейдите в менеджер модулей и зайдите в настройки модуля поиска. И на вкладке Модуль в спадающем списке Itemid выберите созданный на первом шаге пункт меню.

Страница результатов поиска
Страница результатов поиска

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

Перенаправление URL

Могут возникать ситуации, когда нужно сменить URL адрес страницы. Или со временем на сайте могут удаляться какие-то страницы, а с других сайтов или других страниц Вашего сайта могут вести ссылки на уже не существующую страницу.

Для поиска битых ссылок у себя на сайте я использую WebSite Auditor. Есть множество других программ и сервисов. Например, в Google Search Console в разделе Сканирование – Ошибки сканирования можно увидеть такие URL, которых нет у Вас на сайте, но ссылки на них есть (рисунок ниже).

Google Search Console
Google Search Console

Чтобы создать перенаправление URL в Joomla есть много способов. Например, при помощи штатного компонента Перенаправление. Достаточно создать перенаправление (рисунок ниже). В поле Исходный URL нужно ввести старый адрес, с которого Вы хотите перенаправлять, а в поле URL назначения нужно ввести новый адрес, на который Вы хотите перенаправлять (рисунок ниже).

Перенаправление URL
Перенаправление URL

Но лично я предпочитаю или находить «битые ссылки» у себя на сайте, и исправлять их, или писать перенаправления в файл «.htaccess» (с точкой в начале имени). К этому файлу можно получить доступ при помощи панели управления хостингом или по FTP. Он находиться в корне сайта. Само правило перенаправления выглядит весьма просто.

redirect 301 /staryj-adres https://aleksius.com/novyj-adres

То есть, если кто-то (или что-то) перейдёт на Ваш сайт по адресу «домен.сайта/staryj-adres», то его автоматически перенаправят на «домен.сайта/ novyj-adres».

Меню с картинками

В Joomla есть возможность создания меню с картинками вместо надписей или картинкой и надписью (рисунок ниже).

Меню с картинками
Меню с картинками

Для этого достаточно в менеджере меню перейти в нужное меню, открыть или создать пункт меню и на вкладке Параметры ссылки указать картинку для меню в опции Изображение ссылки. Если нужно отключить заголовок меню (текстовую надпись), то выберите Нет для опции Создать заголовок (рисунок ниже).

Добавление картинки в меню
Добавление картинки в меню

Разрыв страниц

В случае, если у Вас очень длинный материал или Вы просто хотите как-то «необычно» представить информацию на странице, можно воспользоваться штатным плагином Joomla – «Контент - Разрыв страницы» (рисунок ниже). Как альтернативу, для отображения нескольких материалов или модулей, предлагаю ознакомиться с расширением DJ-Tabs.

Плагин «Контент - Разрыв страницы»
Плагин «Контент - Разрыв страницы»

У штатного плагина есть несколько опций. Все они оснащены русскоязычными подсказками. Наиболее интересная, на мой взгляд, опция Стиль отображения. Есть три варианта: Страницы, Слайдер, Закладки. Она, фактически, задаёт внешний вид и функционирование разрыва страницы. Хотя, на самом деле, внешний вид закладывается в CSS шаблона.

Разрыв страницы – это разделение страницы на части. Для его создания перейдите в менеджер материалов, откройте материал и поставьте курсор в нужной части текста, где хотите сделать разрыв (с новой строки). Затем нажмите кнопку Разрыв страницы и укажите заголовок и название страницы в содержании (рисунок ниже).

Вставка разрыва страницы
Вставка разрыва страницы

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

  1. Страницы.
  2. Слайдер.
  3. Закладки.

На рисунке ниже показаны примеры типов в порядке их следования в списке выше.

Примеры разрывов страниц Joomla
Примеры разрывов страниц Joomla

Как добавить больше инструментов в редактор материалов TinyMCE

По умолчанию в визуальном редакторе материалов Joomla TinyMCE включены не все инструменты. Чтобы изменить это перейдите в Расширения – Плагины и найдите плагин «Редактор - TinyMCE». Чтобы включить все инструменты выберите Использовать расширенные предустановки (рисунок ниже). Также вы можете убрать какие-то отдельные инструменты или создать разные наборы инструментов для разных групп пользователей.

Как добавить больше инструментов в редактор материалов TinyMCE
Как добавить больше инструментов в редактор материалов TinyMCE

Ошибка: «У вас нет прав на доступ к данной странице по прямой ссылке»

Иногда, при работе над сайтом двух и более человек, могут возникать ситуации, когда один из администраторов не может получить доступ к редактированию материала, модуля, пункта меню и так далее. При этом могут появляться следующие сообщения (рисунок ниже):

Ошибка

установка блокировки прервана с ошибкой: Пользователь, пытающийся установить блокировку, не тот, который уже установил её ранее.

У вас нет прав на доступ к данной странице по прямой ссылке (#158).

Ошибка: «У вас нет прав на доступ к данной странице по прямой ссылке»
Ошибка: «У вас нет прав на доступ к данной странице по прямой ссылке»

Это значит, что кто-то другой или редактирует данный элемент в текущий момент или просто забыл/не смог сохранить и закрыть его после редактирования.

Чтобы разблокировать такой элемент достаточно нажать на иконку замочка рядом с заголовком (рисунок выше). Или перейти в Система – Снять блокировки, выберите заблокированный элемент и нажмите кнопку Разблокировать (рисунок ниже).

Сброс блокировок
Сброс блокировок

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

Не отображаются модули

Если у Вас на сайте не отображаться модули Joomla, то попробуйте следующие варианты решения данной проблемы:

  1. Проверьте состояние модуля. Он должен быть опубликован (рисунок ниже).
  2. Проверьте, что Вы опубликовали его в существующей позиции шаблона.
  3. Проверьте, что дата/время начала и завершения публикации отвечают текущему дате/времени.
  4. Проверьте уровень доступа.
  5. Проверьте язык.
  6. Проверьте привязку к нужному пункту меню (рисунок ниже).
  7. Как вариант, проверьте, чтобы в модуле было содержимое. Например, если Вы выводите меню, а для него нет пунктов меню, то модуль может быть пустым.
  8. Иногда сталкивался с ситуацией, когда модуль скрывался под другим модулем или его не было видно из-за каких-то стилей. В этом, и предыдущем, случае можно включить показ заголовка и поискать текст заголовка модуля в HTML коде страниц. Например, в Mozilla Firefox нужно нажать сочетание клавиш «Crtl+U» и в появившееся вкладки при помощи поиска по странице (нажать сочетание клавиш «Crtl+F») поискать заголовок модуля.
  9. Если Вы используете sh404SEF, то попробуйте этот вариант решения проблемы.
Не отображаются модули Joomla
Не отображаются модули Joomla

Кнопки «Назад», «Вперёд»

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

Видео обзор

В данном видео показаны некоторые моменты, описанные в статье выше.

  • Особенности JM Sport – с 00:00.
  • Страница результатов поиска – с 19:13.
  • Перенаправление URL – с 21:40.
  • Меню с картинками – с 24:07.
  • Разрыв страниц – с 25:12.
  • Как добавить больше инструментов в редактор материалов TinyMCE – с 28:33.
  • Ошибка: «У вас нет прав на доступ к данной странице по прямой ссылке» – с 30:01.
  • Не отображаются модули – с 31:28.
  • Кнопки «Назад», «Вперёд» – с 34:15.

 

 

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

Как видите, данный спортивный шаблон Joomla весьма гибок в плане настроек. И от части это благодаря тому, что он базируется на EF4 framework. Причём, даже если у Вас уже закончилась лицензия на сам шаблон, Вы сможете скачать фоеймворк и получить некоторые из новых возможностей.

 

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