Обзор: Новые возможности системы Joomla версии 3.0
Тестовый релиз системы Joomla версии 3.0 Alpha-2 вышел совсем недавно. Он ознакомит пользователей с нововведениями системы Joomla. Чтобы лучше разобраться в новых возможностях, мы решили представить вам их предварительный обзор. Напомним, что официальный выход версии 3.0 системы Joomla назначен на 26 сентября, поэтому не следует использовать релиз Alpha-2 на рабочих веб-ресурсах.
Нововведения в Joomla 3.0
Установка пакета.
Разработчики новой версии полностью пересмотрели процесс установки. Теперь установка укладывается в три действия. Пользователь имеет возможность отправить пароль и конфигурацию по e-mail с целью обеспечения безопасности.
Шаблон административной части.
Новый шаблон административной панели получил название в честь имени египетского бога – Isis, подобно известным Khepri и Hathor. Он установлен на современную платформу Bootstrap. Шаблон обладает лучшими возможностями разметки фреймворка и безупречным отображением на разных устройствах. Шаблон применяет функции селект-боксов Chosen для инспут-полей, иконок шрифтов Icomoon для своих иконок, а для drag'n'drop использует функции jQuery UI.
Стандартный макет сайта.
Новая версия системы включает в себя усовершенствованную версию макета Beez, однако пользователь имеет возможность использовать совершенно новый шаблон под названием Protostar, который дополнил серию шаблонов с космическими названиями. Аналогично макету Isis, данный шаблон установлен на платформу Bootstrap. Таким образом, если вы желаете протестировать свое расширение в стилях этой платформы, то используйте Protostar.
Библиотека Joomla User Interface (JUI).
Разработчики включили в систему новую библиотеку, предназначенную для использования нововведений платформы. Все нужные инструменты перемещены в ядро и постоянно обновляются. Новая библиотека содержит: Bootstrap и расширенный Bootstrap для системы Joomla, а также jQuery и jQuery UI, шрифтовые иконки Icomoon и Chosen js.
Drag'n'drop, Select и Sort.
Сектор администрирования применяет для drag'n'drop возможности jQuery UI. Чтобы просмотреть, необходимо убедиться в том, что в поле сортировки установлена «Сортировка». При желании внести сортировку drag'n'drop или другие возможности в свой компонент, следует обратиться к дополнительной документации. Разработчики JoomlaShine включили drag'n'drop, а Michael Babker добавил Order и Sort селект-боксы.
Переход на jQuery.
Новая версия системы Joomla включает в себя Mootools и jQuery, функционирующую в режиме noConflict. В связи с тем, что Bootstrap сформирован под jQuery, ее библиотека выбрана для JUI. Кроме того, jQuery UI применяется в drag'n'drop и т.д. Разработчики хотели сделать обязательной библиотекой новой версии системы именно jQuery, но сохранить поддержку Mootools для использования сторонних расширений и обратной совместимости.
Ядро с Bootstrap JHtml.
Новая версия системы обладает подсказками, аккордеонами и вкладками. Пользователь имеет возможность использовать разметку Bootstrap или применить другие расширенные возможности JHtml. В этом легко разобраться, если был опыт работы с JPane. Dave Horsfall представил дополнительные документы и разработал библиотеку Bootstrap JHtml. В следующих релизах планируется улучшить возможности Bootstrap.
В состав JUI были внесены 145 векторных иконок, которые можно использовать в административной и фронтальной части веб-ресурса. Главной особенностью иконок шрифтов является возможность их масштабирования посредством изменения размера шрифта. Разработчики новой версии создали Icomoon-иконки для использования
Расширенные настройки позволяют вносить следующие изменения:
• Теги модуля, чтобы изменить div на section;
• Тег заголовка для SEO, чтобы изменить h3 на h1 и h2;
• Класс заголовка, чтобы добавить page-header;
• Bootstrap Size, чтобы изменить Bootstrap span grid-класс;
• И, наконец, стиль модуля, чтобы изменить модуль Joomla на любом установленном макете.
Сетка разметки Bootstrap.
В числе положительных сторон выбора в качестве фреймворка Bootstrap находится дизайн, который обладает поддержкой ширины всех браузеров. Разработчики настаивают на обновлении шаблонов, чтобы они автоматически адаптировались к использованию этих стилей. Разметка фронтальной части обладает множеством вариантов, однако макеты административной части нуждаются в проработке с учетом стандартной разметки:
• Панель управления боковыми панелями – span2/span6/span4;
• Списки и таблицы с меню и левой боковой панелью – span2/span10;
• Режимы редактирования и правая боковая панель – span10/span2;
• Полная ширина – span12.
Новый селект-бокс для выбора модульной позиции.
Его разработчиком стал Anderson Grüdtner Martins, включивший в него Chosen js, обеспечивающий поиск в реальном времени и добавление новой или своей позиции, если поиск окажется безрезультатным.
LESS CSS шаблонов.
Наиболее значимым изменением новой версии является применение возможностей LESS. Макеты административной части и всего сайта будут обладать директорией /less и файлом template.less для импорта JUI less-и Bootstrap файлов с /media/jui/less. Пользователь получит возможность выбора необходимого LESS-файла для импорта в JUI и включения в свой макет. Например, чтобы изменить цвета шаблона следует воспользоваться variables.less, а для изменения иконок – icomoon.less. Для ознакомления с этой функцией следует зайти в /administrator/templates/isis/less и /templates/protostar/less.
Преимущество нового подхода заключается в нахождении всех CSS-файлов и компонентов в файле template.css, что исключает дублирование и перераспределение CSS. Однако если пользователь захочет, он может применить CSS и переместить JUI/Bootstrap CSS из /media/jui/css.
Кнопки полей радио-переключателей в Bootstrap.
Тестовая версия системы обладает сгруппированными радио-переключателями. Создатели расширений могут в параметры
Скоро пользователям станет доступна подробная документация, связанная с работой новой версии Joomla, которая будет опубликована на официальном сайте системы, ну а пока мы затаим дыхание в ожидании полноценного релиза Joomla версии 3.0.
Тестовый релиз системы Joomla версии 3.0 Alpha-2 вышел совсем недавно. Он ознакомит пользователей с нововведениями системы Joomla. Чтобы лучше разобраться в новых возможностях, мы решили представить вам их предварительный обзор. Напомним, что официальный выход версии 3.0 системы Joomla назначен на 26 сентября, поэтому не следует использовать релиз Alpha-2 на рабочих веб-ресурсах.
Нововведения в Joomla 3.0
Установка пакета.
Разработчики новой версии полностью пересмотрели процесс установки. Теперь установка укладывается в три действия. Пользователь имеет возможность отправить пароль и конфигурацию по e-mail с целью обеспечения безопасности.
Шаблон административной части.
Новый шаблон административной панели получил название в честь имени египетского бога – Isis, подобно известным Khepri и Hathor. Он установлен на современную платформу Bootstrap. Шаблон обладает лучшими возможностями разметки фреймворка и безупречным отображением на разных устройствах. Шаблон применяет функции селект-боксов Chosen для инспут-полей, иконок шрифтов Icomoon для своих иконок, а для drag'n'drop использует функции jQuery UI.
Стандартный макет сайта.
Новая версия системы включает в себя усовершенствованную версию макета Beez, однако пользователь имеет возможность использовать совершенно новый шаблон под названием Protostar, который дополнил серию шаблонов с космическими названиями. Аналогично макету Isis, данный шаблон установлен на платформу Bootstrap. Таким образом, если вы желаете протестировать свое расширение в стилях этой платформы, то используйте Protostar.
Библиотека Joomla User Interface (JUI).
Разработчики включили в систему новую библиотеку, предназначенную для использования нововведений платформы. Все нужные инструменты перемещены в ядро и постоянно обновляются. Новая библиотека содержит: Bootstrap и расширенный Bootstrap для системы Joomla, а также jQuery и jQuery UI, шрифтовые иконки Icomoon и Chosen js.
Drag'n'drop, Select и Sort.
Сектор администрирования применяет для drag'n'drop возможности jQuery UI. Чтобы просмотреть, необходимо убедиться в том, что в поле сортировки установлена «Сортировка». При желании внести сортировку drag'n'drop или другие возможности в свой компонент, следует обратиться к дополнительной документации. Разработчики JoomlaShine включили drag'n'drop, а Michael Babker добавил Order и Sort селект-боксы.
Переход на jQuery.
Новая версия системы Joomla включает в себя Mootools и jQuery, функционирующую в режиме noConflict. В связи с тем, что Bootstrap сформирован под jQuery, ее библиотека выбрана для JUI. Кроме того, jQuery UI применяется в drag'n'drop и т.д. Разработчики хотели сделать обязательной библиотекой новой версии системы именно jQuery, но сохранить поддержку Mootools для использования сторонних расширений и обратной совместимости.
Ядро с Bootstrap JHtml.
Новая версия системы обладает подсказками, аккордеонами и вкладками. Пользователь имеет возможность использовать разметку Bootstrap или применить другие расширенные возможности JHtml. В этом легко разобраться, если был опыт работы с JPane. Dave Horsfall представил дополнительные документы и разработал библиотеку Bootstrap JHtml. В следующих релизах планируется улучшить возможности Bootstrap.
В состав JUI были внесены 145 векторных иконок, которые можно использовать в административной и фронтальной части веб-ресурса. Главной особенностью иконок шрифтов является возможность их масштабирования посредством изменения размера шрифта. Разработчики новой версии создали Icomoon-иконки для использования
<i class="icon-home"></i>
аналогично иконкам Bootstrap. Теперь необязательно применять класс Bootstrap icon-white, поскольку сейчас данные иконки автоматически приобретают цвет шрифта. Расширенные настройки позволяют вносить следующие изменения:
• Теги модуля, чтобы изменить div на section;
• Тег заголовка для SEO, чтобы изменить h3 на h1 и h2;
• Класс заголовка, чтобы добавить page-header;
• Bootstrap Size, чтобы изменить Bootstrap span grid-класс;
• И, наконец, стиль модуля, чтобы изменить модуль Joomla на любом установленном макете.
Сетка разметки Bootstrap.
В числе положительных сторон выбора в качестве фреймворка Bootstrap находится дизайн, который обладает поддержкой ширины всех браузеров. Разработчики настаивают на обновлении шаблонов, чтобы они автоматически адаптировались к использованию этих стилей. Разметка фронтальной части обладает множеством вариантов, однако макеты административной части нуждаются в проработке с учетом стандартной разметки:
• Панель управления боковыми панелями – span2/span6/span4;
• Списки и таблицы с меню и левой боковой панелью – span2/span10;
• Режимы редактирования и правая боковая панель – span10/span2;
• Полная ширина – span12.
Новый селект-бокс для выбора модульной позиции.
Его разработчиком стал Anderson Grüdtner Martins, включивший в него Chosen js, обеспечивающий поиск в реальном времени и добавление новой или своей позиции, если поиск окажется безрезультатным.
LESS CSS шаблонов.
Наиболее значимым изменением новой версии является применение возможностей LESS. Макеты административной части и всего сайта будут обладать директорией /less и файлом template.less для импорта JUI less-и Bootstrap файлов с /media/jui/less. Пользователь получит возможность выбора необходимого LESS-файла для импорта в JUI и включения в свой макет. Например, чтобы изменить цвета шаблона следует воспользоваться variables.less, а для изменения иконок – icomoon.less. Для ознакомления с этой функцией следует зайти в /administrator/templates/isis/less и /templates/protostar/less.
Преимущество нового подхода заключается в нахождении всех CSS-файлов и компонентов в файле template.css, что исключает дублирование и перераспределение CSS. Однако если пользователь захочет, он может применить CSS и переместить JUI/Bootstrap CSS из /media/jui/css.
Кнопки полей радио-переключателей в Bootstrap.
Тестовая версия системы обладает сгруппированными радио-переключателями. Создатели расширений могут в параметры
<field> добавить class="btn-group"
, используя xml-файл формы компонента, что превратит радио-переключатели в кнопки административной части сайта.Скоро пользователям станет доступна подробная документация, связанная с работой новой версии Joomla, которая будет опубликована на официальном сайте системы, ну а пока мы затаим дыхание в ожидании полноценного релиза Joomla версии 3.0.