Шаблоны Joomla устраивают большинство начинающих пользователей из-за дизайна, помогающего быстро создавать сайты. Однако многие разработчики предпочитают фреймворки шаблонов Joomla. Им нравится возможность подстройки для получения в результате их собственного дизайна для сайтов. Существует всего несколько фреймворков шаблонов на рынке. В этой статье мы расскажем о самых популярных из них.
Что такое фреймворк шаблона Joomla?
Это основной каркас шаблона для написания с его помощью других шаблонов Joomla, то есть по сути чистая модель HTML/CSS без цветов, градиентов, границ. Есть только размеры, отступы, возможность настройки системы меню и т.д. Доступны все возможности для того, чтобы воплотить все свои таланты в дизайне и кодинге.
Критерии
Вот основной список критериев для выбора фреймворка по мнению автора статьи:
- Стабильность: работа без багов.
- Удобное и гибкое расположение: позиции модуля легко меняются, легко настроить ширину, так что можно увидеть его полностью и легко приспособить.
- Легко использовать: есть достаточно удобный пользовательский интерфейс, дополненный инструкциями, а код аккуратно структурирован.
- Хорошая скорость загрузки: можно быстро задавать и сохранять параметры. Перенастроенный сайт загружается очень быстро.
- Много полезных функций: есть много инструментов для создания современных шаблонов: вставка кода Mobile ready, Google Analytics, интеграция с социальными сетями и т.д.
- Расширенные возможности: совместим с другими расширениями.
- Легко обновлять: обновляется быстро, не затрагивая настроек и базу данных.
- Подробная документация: список возможностей, инструкция по настройке, и т.д.
Общий обзор
| Фреймворк | Автономный каркас шаблона (*) | Поддерживаемая версия Joomla | За | Против | Свободная версия/Коммерческая версия (**) |
| Фреймворк JA T3 | Нет | 1.5, 2.5 | - Хороший дизайн - Понятные функции |
- Сложный код - Сложная установка с различными элементами, если вы хотите использовать все возможности - Необходимо изменять код для настройки расположения |
Свободная + коммерческая |
| Фреймворк Gantry | Нет | 1.5, 2.5 | - Легко использовать и настраивать - Очень подробная документация |
- Нет интеграции с социальными сетями | Свободная + коммерческая |
| Фреймворк Warp | Нет | 1.5, 2.5 | - Хорошая скорость загрузки | - Нет интеграции с социальными сетями | Коммерческая |
| Фреймворк Gavern | Нет | 2.5 | - Интеграция с социальными сетями - Хорошая скорость загрузки |
- Ограниченны доступные шаблоны | Коммерческая |
| Фреймворк Zen Grid | Нет | 1.5, 2.5 | - Хороший дизайн - Легко использовать - Богатые возможности |
- Нет поддержки для мобильных устройств | Коммерческая |
| Фреймворк Helix | Нет | 1.5, 2.5 | - Легко использовать - Хорошая скорость загрузки |
- Нет поддержки для мобильных устройств - Не гибкое расположение |
Свободная + коммерческая |
| Фреймворк Construct | Нет | 2.5 | - Легко использовать | - Нет дополнительных функций и возможностей | Свободная + коммерческая |
| Template Development | Нет | 2.5 | - Хорошая скорость загрузки | - Нет дополнительных функций и возможностей | Свободная + коммерческая |
| Фреймворк Morph | Нет | 1.5 | - Добавлены ярлыки для клавиатуры - Сложные функции |
- Сложно использовать - Медленная скорость загрузки |
Свободная + коммерческая |
| Фреймворк JV | Да и нет. Есть две версии: - одна требует шаблоны - другая не требует |
1.5, 2.5 | - Функция перетаскивания - Встроенный редактор тем |
- Ограниченные возможности для мобильных устройств | Свободная + коммерческая |
(*) Автономный каркас шаблона: фреймворк используется с шаблоном. Некоторые фреймворки автономны, так что нужно устанавливать их вместе с шаблонами для того, чтобы использовать. У некоторых фрейморков есть встроенный пакет шаблонов, так что его нужно установить всего один раз.
(**) Свободная версия/Коммерческая версия:
- Свободная: можно скачать, не заплатив. С регистрацией или без.
- Коммерческая: нужно заплатить за нее.
- Свободная + коммерческая: эти фреймворки можно скачать свободно. В них встроены два типа шаблонов: свободные и коммерческие. У свободных шаблонов ограничены некоторые возможности, тогда так у коммерческих есть такие возможности, как поддержка мобильных устройств, предустановленные цвета, вариации модулей и т.д.
Подробный обзор
Фреймворк JA T3 - Joomlart
Фреймворк JA T3 – это один из самых популярных фрейморков для шаблонов Joomla. Joomlart уже 5 лет участвуют в разработке шаблонов и богатые возможности могут приятно удивить. В версии 2.0 есть специальные возможности для администратора, такие как: простое использование типографии, управление профилями в панели администратора на Ajax, Mega Menu, система составной разметки, Mobile Ready и поддержка Native RTL. Документация T3.
Но есть и сложности для новичков. Во-первых, если вы хотите использовать все возможности, нужно установить много элементов: основной компонент, плагины шаблонов и другие плагины для поддержки типографии, вкладок, слайдшоу и т.д. Во-вторых, для настройки разметки JA T3 нужно редактировать ядро. Это потребует времени.
Нужно определиться, подходит ли вам этот шаблон. Кроме того, есть шаблоны сделанные на основе JA T3. Шаблоны от Joomlart вместе с JA Portfolio, JA Social, JA Droid, JA Anion, JA T3 Blank и других разработчиков, таких как JM business template.
Фреймворк Gantry – Rockettheme
Фреймворк Gantry еще один фреймворк от ведущего продавца – Rockettheme. В нем используются все те же возможности, что и в предыдущем.
Те, кому довелось ранее пользоваться шаблонами Joomla от Rockettheme, знают о плюсах, которые я упомяну. У этого фреймворка потрясающий дизайн, как во фронтэнде, так и в панели администратора. Разметка очень гибкая, включает в себя 65 положений модуля на основе системы 960 Grid; 12 встроенных возможностей, таких, как логотипы; стили CSS; цвет для фона и так далее. Многие встроенные возможности отображаются с помощью картинок или тумблеров. Инструкции о сайте и документация просты и понятны, помечены уровнем сложности: основной, средний и продвинутый, так что самому можно выбрать и настроить их без проблем.
Несмотря на то, что в него включено много возможностей, можете не беспокоиться о скорости загрузки. Встроенный Gantry RokGZipper сжимает CSS и JS, которые используется в Gantry для того, чтобы обеспечить наилучшую работоспособность. Можно также установить плагин Gantry Cache для того, чтобы увеличить скорость загрузки сайта. Заметьте, что одной из самых мощных возможностей фреймворка Gantry является возможность настройки разметки для отдельных страниц прямо в панели администратора. Правда это работает только в версии для Joomla 1.5.
Документация Gantry 4 | Документация Gantry 5
Фреймворк Warp – Yootheme
Фреймворк Warp разработан талантливыми разработчиками из Германии - Yootheme. Это набор инструменов, позволяющий создавать шаблоны Yootheme. На данный момент существует более 50-ти шаблонов на ваш выбор, созданных на основе Warp 5.5 и Warp 6.
Больше всего меня поразила скорость загрузки. Все благодаря сжатию Gzip и CSS Sprites. Файлы CSS и JavaScript можно загрузить в один файл, а размер его уменьшается из-за того, что работает сжатие Gzip. Параметры компрессии включают четыре значения, которые подходят для нескольких конфигурация сервера.
В Warp не много параметров для шаблонов, но они хорошо организованны и использовать их приятно. Параметры сгруппированы в три панели: General panel – для стандартного профиля, налаживания кода и т.д., Profile panel ориентирована на такие параметры, как стиль, контент, разметка и Module panel – панель для оптимизации разметки.
Все можно настраивать по своему усмотрению. Все инструкции есть в документации Warp 6.
Фреймворк Gavern – Gavick
Фреймворк Gavern от команды Gavick и JA T3 от Joomlart имеют схожие возможности, т.к. разработчики Gavick создавали шаблоны на основе JA T3 ранее и использовали этот опыт для своего фреймворка Gavern.
Попробуйте его, даже если использовали его с другими крупными фреймворками. В нем есть возможности, которые проигнорировали другие провайдеры. Такие возможности включают Social API - сервис для подключения к Facebook, отображения кнопки “Like it” в статье или добавление кнопки Tweet. Кроме этого, можно выбирать между разметкой для Facebook, iPhone, Android или КПК. У Gavern мало удобных возможностей, но это не значит, что его основные возможности не достаточно хороши. Настройка разметки в Gavern проста – можно выставлять ширину колонок шаблона и блоков модуля шаблона, выбирать желаемый стиль шрифта и т.д.
В настоящее время, Gavick предоставляет 8 шаблонов на основе фреймворка Gavern. Документация Gavern.
Фреймворк Zen Grid – Joomlabamboo
Фреймворк Zen Grid сделан на основе Zen Grid Template, который был описан Брайаном Тиманом, как лучший шаблон для Joomla. Сейчас – это автономный пакет, который используется вместе с другими совместимыми шаблонами. Для использования нужно установить стандартный фреймворк Zen Grid, а так же шаблон, совместимый с ним.
Zen Grid привлекает отсутствием таблиц в разметке, так как за основу взята 960 Grid System. Это еще не все. Пользователю также будет удобно использовать его благодаря хорошему интерфейсу для администратора. Можно использовать панели, суб-панели для работы с разметкой и дизайном шаблона.
Не имея знаний о шаблонах Joomla или кодировании, можно изменять все возможные параметры внешнего вида или разметки на сайте, таких как: стиль, логотип или шрифты. Имея некоторые знания о CSS, можно заместить стандартный CSS шаблона прямо в панели администратора. Там же можно найти подробную документацию.
Zen Grid – это хороший выбор, если вы хотите делать хорошие сайты.
Фреймворк Helix – Joomlashaper
Фреймворк Helix подойдет, если нужно сделать простой, элегантный дизайн. Он достаточно гибкий и работает довольно быстро благодаря встроенной компрессии CSS и Javascript.
Пользоваться Helix легко. В панели администратора есть шесть вкладок с параметрами. Почти все параметры основные и не нужно долго изучать их. Например, логотип, меню, вставка кода Google Analytics и так далее. В Helix есть более сорока положений модуля, так что не придется мучиться с собственной разметкой. Разметка понятна, т.к. Helix позволяет настраивать ширину блоков колонок, таких как левая колонка с модулями слева и правая колонка с модулями справа. Нельзя задать ширину для каждого отдельного модуля. Это подойдет для тех, кто хочет ограничить настройку, и, наоборот, не подходит для пользователей, желающих иметь расширенные возможности для настройки.
Если не хотите долгой установки, можно выбрать пакет QuickStart для того, чтобы установить сразу Joomla, плагин фреймворка Helix и шаблон Helix.
Фреймворк Construct Template Development – Joomla Engineering
Фреймворк Construct Template Development не для вас, если требуется полный набор возможностей. В нем есть только некоторые базовые параметры и простой пользовательский интерфейс для панели администратора. Однако если нужно начать с чего-то в разработке стандартных шаблонов он вам подойдет.
В фреймворке есть шаблон без таблиц, более сорока позиций для модуля, включая один для режима оффлайн, 5 колонок контента, а также шрифт Google Web. Кроме того, можно задавать ширину сайта, общую ширину или ширину сноски CSS Sticky. Этот пустой шаблон помогает разработчику легко представить свой сайт. Если для этого сайта нужна сложная настройка, нужно копаться в коде, так как в панели администратора нет соответствующих возможностей.
Фреймворк Morph – JoomlaJunkie
Я верю в то, что фреймворк Morph создан для того, чтобы осуществить все мечты об идеальном фреймворке для шаблонов Joomla. Разработчики Joomlajunkie вложили в него душу. Прежде чем использовать Morph, прочитайте документацию для того, чтобы убедиться в правильности выбора. К счастью, документация очень подробная.
Он отличается от остальных фрейморков. Morph состоит из трех частей: компонента (Configurator component), шаблона (Morph template) и темы (A themelet). У каждой части свое предназначение и одна не может работать без другой. Имея Configurator component и фреймворк Morph, можно установить много тимлетов для нужного визуального эффекта Morph. Также можно создать собственный тимлет.
В Morph есть более 250-ти параметров настройки. Можно настроить все компоненты разметки, импортировать и экспортировать всю базу данных, сбросить конфигурацию или редактировать код в панели администратора. Должен сказать, что стандартная разметка в Morph не такая гибкая. Можно настраивать только фиксированные параметры.
В пакете быстрой установки есть 15 предустановленных расширений, таких как NoNumber Extension Managers, Akeeba Backup, JCE Editor и так далее.
Один из недостатков Morph – он работает медленно. Даже имея под рукой CSS packing, JS packing, GZip и т.д. ничего не меняется. При попытке сохранить настройки или загрузить сайт, нужно ждать намного дольше в сравнении с другими фреймворками.
Фреймворк JV – Joomlavi
Возможно, вы не слышали о фреймворке JV раньше, т.к. он не очень популярен. Если же требуется быстрый фреймворк с необходимыми возможностями, которые легко настроить, а также простой интерфейс, то это подходящий вариант.
Во Фреймворке JV есть уникальная возможность – перетаскивание модуля. Все заголовки для контента, которые задаются во фронтэнде, отображаются в своем положении в панели администратора. Можно свободно настроить их положение с помощью перетаскивания. Это очень упрощает процесс.
Есть еще одна удобная деталь. Возможность SEO позволяет вставлять ключевые слова во встроенный блок. Настройки быстродействия позволяют увеличивать скорость загрузки страниц с помощью GZIP-компрессии кэша разметки, CSS, JS. Lazy loading позволяет посетителям сайта загружать и просматривать текущую часть страницы, а не загружать ее полностью. Также можно редактировать CSS, JS и корневые файлы в панели администратора с помощью редактора тем (themes editor).
Разметка для мобильных устройств ограничена и нет возможности управлять модулями. Ссылки на документацию не работают, так что это пока вся информация.