SimplexLite Free. Шаблон с гибкой настройкой для Joomla 3. Isis шаблон административной панели для joomla 3
Эффективная админ-панель Joomla для клиентов за 4 шага
Панель администратора Joomla подстроенная специально для клиента, обладает множеством преимуществ для разработчиков и клиентов.
- вам не придется исправлять ошибки клиента
- вы сэкономите время на растолковании функций, которые клиент не будет использовать
- клиент оставит рекомендации по отношению к вам остальным заказчикам, благодаря чему они будут ощущать себя легко и комфортно при работе с вами.
Таким образом, адаптированная панель администратора специально под клиента даст вам возможность повысить качество своей работы. Существует два небольших правила по работе с клиентами: "простой вариант лучше всего" и "представление информации глазами вашего клиента". Для того, чтобы адаптировать админ-панель Joomla для клиента, вы должны выполнить следующее:
- определиться, к каким функциям должен иметь доступ ваш клиент
- осуществить настройку шаблона админки
- выполнить установку самых нужных и полезных расширений для Joomla для простоты использования
- создать группу пользователей и настроить доступы
Итак, рассмотрим подробнее приведенные выше этапы.
1. Далеко не все клиенты "технари". Если сохранить меню Joomla по умолчанию, Вашему клиенту может быть не понятно, как пользоваться CMS, что он должен делать, а что нет. Помимо этого, существуют некоторые разделы, например, глобальная конфигурация, менеджер модулей, к которым лучше не давать доступов.
2. Для стандартной настройки панели инструментов Joomla можно использовать шаблон Isis. Он позволяет выполнить элементарные настройки, такие как, например, изменение логотипа, цвета панели навигации, заголовка, боковой панели и пр. Также для клиента можно настроить админ-панель с помощью и других шаблонов панели управления Joomla для клиента. Это может быть Client (совершенно "чистый" шаблон для админки Joomla) и др.
3. Joomla очень сложна и трудна для многих пользователей, так как сама по себе является серьезной и многофункциональной CMS. Клиентам бывает проблематично отыскать подходящие элементы для редактирования контента.
К примеру, клиенту нужно всего лишь обновить URL-адрес компании. Но и это действие ему может быть трудно совершить. Здесь может быть несколько вариантов выхода из этой ситуации. Самым оптимальным из них является установка JSN PowerAdmin, который станет вам в помощь и позволит клиенту самим легко работать с сайтом.
4. После усовершенствования админ-панели, все теперь выглядит проще, в ней клиенты могут оперативно ориентироваться. Только сейчас вы можете приступать к тому, чтобы выбрать функции, к которым у клиента будет доступ; что они могут видеть, а что редактировать. Удобно будет просто создать новую группу "Клиент" и выбрать нужные параметры.
joomla.ua
Предварительный обзор новых возможностей Joomla 3.0 - Joomla Master
Недавно вышел релиз Joomla 3.0 Alpha-2, который предназначен исключительно для тестирования и ознакомления с новыми возможностями системы. Мы хотели бы ознакомить вас с его новинками, которые будут внедрены в новую версию CMS. Напомним, что выход стабильной версии Joomla 3.0 запланирован на 26 сентября 2012 года. Но прежде всего напоминаем еще раз - не используйте данный альфа-релиз на готовых и рабочих сайтах.
Новые возможности Joomla 3.0
Новый установщик пакета
Процесс установки был полностью пересмотрен. Сам процесс теперь занимает всего три шага. Вы можете также отправить конфигурацию и пароль по электронной почте (по соображениям безопасности).
Isis - новый шаблон административной части
Isis - это имя нового шаблона административной части сайта, который берет свое название из имен египетских божеств, на подобии уже знакомых Hathor и Khepri. Построен на фреймворке нового поколения Bootstrap, Isis берет все лучшее из разметки Bootstrap и поддерживает отображение на различных устройствах. Шаблон также использует функции jQuery UI для drag'n'drop, Icomoon иконки шрифтов для всех своих иконок и Chosen селект-боксы для всех инпут-полей.
Protostar - новый стандартный шаблон сайта
Релиз Joomla 3.0 поставляется вместе с обновленной версией шаблона Beez, но вы можете включить и новый шаблон Protostar. Protostar продолжает серию космических названий шаблонов Солнечной системы и Млечного пути (Protostar - это звезда, которая находиться в постоянном потоке движения и изменяет свой размер). Как и Isis, Protostar полностью построен на платформе Bootstrap. Если вы разработчик и хотите протестировать свое расширение на Bootstrap стилях, то смело тестируйте на Protostar.
JUI - библиотека Joomla User Interface
Появилась новая библиотека JUI, которая используется для новых возможностей. Все необходимые инструменты теперь находятся в ядре, и будут постоянно обновляться.
JUI включает:
- Bootstrap
- Расширенный Bootstrap для Joomla
- jQuery
- jQuery UI
- Icomoon, шрифтовые иконки
- Chosen js для селект-боксов
Миграция на jQuery
Релиз Joomla 3.0 поставляться с одновременно включенными jQuery (в режиме noConflict) и Mootools. Библиотека jQuery выбрана для JUI, поскольку Bootstrap спроектирован под jQuery, а еще jQuery UI используется для drag'n'drop и разных других вещей. Цель - оставить в новой Joomla 3.0 только jQuery в качестве обязательной библиотеки, а Mootools поддерживать ради разработчиков расширений и обратной совместимости.
Drag'n'drop, Select и Sort
Административная часть сайта теперь использует jQuery UI для drag'n'drop. Для просмотра, убедитесь, что вы изменили сортировку на «Сортировка». Если вы разработчик и хотите добавить drag'n'drop сортировку и другие новые возможности в ваш компонент, тогда необходимо изучить дополнительную документацию. Команда JoomlaShine добавила drag'n'drop, Michael Babker - Sort и Order селект-боксы.
Bootstrap JHtml в ядре
Релиз содержит новые Bootstrap подсказки, вкладки и аккордеоны. Разработчики могут выбрать родную Bootstrap разметку или воспользоваться расширенными возможностями JHtml. Если вы ранее использовали JPane, то это не покажется вам незнакомым. Подробную документацию и разработку Bootstrap JHtml библиотеки для новой Joomla 3.0 предоставил Dave Horsfall с HWD. Ожидается еще больше Bootstrap возможностей в будущих релизах.
Шрифтовые иконки Icomoon
145 векторных иконок были включены в JUI как стандарт для использования во фронтальной и административной частях сайта. Изюминкой шрифтовых иконок является то, что они бесконечно масштабируются (достаточно измените размер шрифта). Разработчики внедрили иконки Icomoon в точности как Bootstrap иконки, подразумевая то, что вы можете использовать <i></i> также, как вы сделали бы это в Bootstrap. Это даже лучше, так как теперь нет необходимости использовать Bootstrap класс icon-white, поскольку эти иконки автоматически подстраиваются под цвет шрифта! Здесь вы можете посмотреть все иконки для Joomla 3.0.
Новые расширенные опции модуля
В расширенных настройках модуля теперь можно изменять:
- Теги модуля для изменения div на section
- Bootstrap Size для изменения Bootstrap span grid-класса
- Тег заголовка h4 на h2 , h3 и т.д. для SEO
- Класс заголовка для добавления такого класса Bootstrap как page-header
- Стиль модуля для изменения Joomla модуля на любом из установленных шаблонов.
Bootstrap сетка разметки
Одним из главных преимуществ перехода на платформу Bootstrap является веб-дизайн, который поддерживает ширину всех браузеров. Разработчики настоятельно рекомендуют всем разработчикам расширений обновить шаблоны для использования этих стилей, для того чтобы они автоматически подхватили адаптивную поддержку. Разметка фронтальной части может иметь много вариантов, но шаблоны административной части рекомендуется разрабатывать, следуя стандартной разметки:
- span2/span6/span4 - для панели управления боковыми панелями
- span2/span10 - для списков / таблиц с левой боковой панелью и меню (подробности здесь)
- span10/span2 - для режимов редактирования с правой боковой панелью
- span12 - для полной ширины.
Новый селектор выбора позиции модуля
Anderson Grüdtner Martins разработал более простой селект-бокс для выбора позиции модуля вместо модального окна. Селект-бокс использует Chosen js для поиска в реальном времени, и Anderson переделал его так, что он позволяет добавить новую или свою позицию, в случае если поиск не дал никакого результата
LESS CSS шаблонов Joomla 3.0
Одним из крупнейших изменений в разработке шаблонов для новой Joomla 3.0 будет использование всех возможностей LESS. Шаблоны сайта и административной части теперь будут включать директорию /less и файл template.less, который будет импортировать все Bootstrap и JUI less-файлы с /media/jui/less. Разработчики шаблонов теперь с легкостью смогут выбрать какой из LESS файлов импортировать в JUI и какой из них они предпочитают включить для своего шаблона. Например, для простого изменения всех цветов темы, пользуйтесь variables.less вместо стандартного Bootstrap. Таким же образом вы можете изменить иконки в icomoon.less. Для примеров загляните в /templates/protostar/less и /administrator/templates/isis/less .
Изюминка данного подхода в том, что все CSS-файлы вашего сайта и всех компонентов будут находиться в одном скомпилированном template.css файле! Все без перераспределения и дублирования СSS как это было раньше в Joomla. Конечно, если вы хотите, то вы можете использовать CSS в вашем шаблоне и импортировать JUI/Bootstrap CSS с /media/jui/css.
Bootstrap группы кнопок для полей радио-переключателей
Обратите внимание, что radio-переключатели в релизе Joomla 3.0 Alpha-2 теперь сгруппированы. Разработчики расширений могут просто добавить в <field> параметры xml-файл формы их компонента, и radio-переключатели превратятся в группы кнопок в административной части.
Уже совсем скоро на официальном сайте CMS Joomla появится подробная документация по работе с новой версией, ну а сейчас нам остается только ждать официального релиза Joomla 3.0.
Related news items:
Еще статьи:
joomla-master.org
20 отличий Joomla 3.0 от Joomla 2.5 - Joomla Master
27-го сентября Joomla выпустила релиз Joomla 3.0.0, уже 9-го октября была выпущена обновленная версия с исправлениями безопасности. Ниже дано описание 20-ти главных отличий новой версии от старой. Если вы до сих пор не познакомились с Joomla 3, то этот пост для вас!
1.Обычный интерфейс vs. адаптивный интерфейс
Ура, Joomla теперь официально, во многом благодаря Bootstrap, стала адаптивной CMS. Фронт-энд и бэк-энд можно теперь легко открывать на всевозможных мобильных устройствах.
Фронт-энд Joomla 2.5:
Адаптивный фронт-энд Joomla 3.0:
Бэк-энд Joomla 2.5:
Адаптивный бэк-энд Joomla 3.0:
2.Без Bootstrapvs. с Bootstrap
Это значительный шаг вперед для Joomla. Вместе с базовыми css-свойствами, интегрированными в Joomla 3.0.0, Bootstrap значительно упрощает взаимодействие конечного пользователя с вашим сайтом.
3.Не LESS CSS vs. LESS CSS
LESS – это динамические таблицы стилей, разработанные Алексом Селиером и интегрированные в Joomla 3.0. С применением LESS существенно изменилась разработка шаблона сайта: теперь все шаблоны сайта и админки включают в себя директорию /less и файлы template.less. Это нужно для того, чтобы импортировать файлы Bootstrap и LESS. Разработчики сами выбирают те файлы, которые будут применены к их шаблонам и которые надо имортировать в LESS JUI (JoomlaUserInterface). Такие файлы были в выглядела Joomla 2.5:
В Joomla 3.0:
4.Без JUI vs. с JUI (для разработчиков расширений)
JUI (JoomlaUserInterface) библиотека – это набор средств разработки, который позволяет разработчиками компонентов использовать общий набор элементов интерфейса. JUI не только упрощает разработку, но и дает возможность создавать свою собственную библиотеку интерфейсов. Для пользователей, которые переходят с одного сайта Joomla 3.0 на другой, существенно сократилось время загрузки, т.к. общие javascript- и css-файлы, загруженные с первого сайта, могут быть применены ко второму.
5.Mambo-интерфейс vs. новый удобный интерфейс
Интерфейс стал удобнее, красивее, современнее.. да что там, сами смотрите.
Главное меню админки в Joomla 2.5:
Главное меню админки в Joomla 3.0:
Панель управления. Что было:
И что стало:)
Подменю «Сайт» теперь находится в левой панели. Так было в Joomla 2.5:
Так стало в Joomla 3.0:
Так изменилось меню с ссылками на просмотр сайта и его посетителей. Теперь оно находится внизу административной панели.
В панели управления теперь есть и правая панель со ссылками на наиболее используемые функции Joomla:
6. 7 шагов vs. 3 быстрых шага установки
Да вы только посмотрите, насколько установка Joomla стала проще: делается она всего в 3 шага. Установка Joomla 2.5 в 7 этапов:
Установка Joomla 3.0 в 3 этапа:
Программа установки сама определит язык установки из настроек вашего браузера. Также теперь выбор «да»/«нет» подсвечивается («нет» подсвечивается красным, «да» – зеленым).
Старый дизайн:
В новой версии Joomla поддерживает 5 образцов наборов данных вместо 3-х в Joomla 2.5.
в Joomla 3.0:
Вообще весь процесс установки теперь занимает меньше минуты, что, безусловно, можно считать большим достижением. Более того, можно сохранить настройки установки, выслав их себе на почту.
7.Дизайн менеджера статей: скучный vs. безупречный
Менеджер статей стал удобнее, система фильтров стала нагляднее, в нее добавилось несколько новых опций. Вот «старый» дизайн:
А вот новый:
Экран добавления/редактирования статьи тоже изменился. Вкладки «Параметры публикации», «Параметры отображения материала» и «Метаданные» переместились с правой панели наверх. Текст статьи теперь находится по центру страницы.
Теперь менеджер статей выглядит так:
8.Группа пользователей «Гость»: создание вручную vs. создание автоматически
Теперь в группах пользователей предусмотрена группа «Гость», которая создается по умолчанию при установке Joomla. Первая картинка показывает то, какие группы по умолчанию создаются в Joomla 2.5. Вторая показывает автоматическое создание груммы "Гость" Joomla 3.0.
9. Неадаптивный vs. адаптивный шаблон для фронт-энда
Protostar – новый адаптивный универсальный шаблон, разработанный Bootstrap. Цвета шаблона легко настраиваются с помощью встроенной цветовой палитры.Для настройки заголовков шаблона доступно более 500 шрифтов из GoogleFonts (этот параметр может быть отключен). Также в Protostar есть встроенный CSS-фреймворк основанный на Bootstrap, это новое слово в стандартах шаблонов Joomla.
Protostar предлагает пользователям различные настройки:
10. Устаревший vs. новый отличный шаблон административной панели
Назван новый шаблон по имени одного из египетских богов – Isis. Благодаря тому, что Isis построен на Bootstrap, админка теперь тоже имеет адаптивный интерфейс.
11.Обновленный Beez 3
Для любителей традиционного шаблона фронт-энда Beez 3 разработчики Joomla обновили его.
12. Joomla-платформа: 11.х vs. 12.х
Новая платформа не поддерживает устаревшие классы и методы версии платформы 11.4. Тем не менее, компонентам потребуются небольшие изменения с переходом на Joomla 3.0.
13.Mootools vs. JQuery
Теперь в Joomla 3.0 вместо Mootools используется JQuery. Mootools все еще доступен в бэк-энде для поддержки старых расширений, но Mootools больше не является основной java-скрипт библиотекой.
14. Сортировка вручную vs. функция «Drag & Drop»
С переходом на JQuery появилась функция «Drag & Drop» в сортировке материалов. Раньше порядок нужно было проставлять:
А вот так выглядит сортировка в Joomla 3.0:
15. Старые vs. новые версии PHP/MySQL
Чтобы запустить Joomla 3.0, вам необходимы PHP 5.3.1 и MySQL 5.1. В то время как для Joomla 2.5 нужны были PHP 5.2.4 и MySQL 5.0.1.
16. Настройки модуля: обычные vs. дополненные
Теперь дополнительные настройки модуля позволяют изменять:
-
тег модуля: для изменения div-а в секции;
-
тег заголовка: для лучшего SEO;
-
класс заголовка: добавляет Bootstrap-класс в заголовок страницы;
-
стиль модуля: наследовать установленный Joomla-шаблон для стиля модуля.
Настройки модуля в Joomla 2.5:
Настройки модуля в Joomla 3.0:
17.Simple Pie vs. JFeed
Вместо SimplePie (php-класса для импорта RSS) разработчики предлагают JFeed. SimplePie – довольно «старый», недостаточно гибкий для текущей версии, давно уже не обновляется. Поэтому было решено заменить его на JFeed – простой, расширяемый класс, призванный сделать Feed-генератор эффективнее и сильнее, чем это позволяет SimplePie.
18. Без поддержки PostgreSQLvs. с PostgreSQL
Joomla можно запустить на базе данных PostgreSQL – драйвер PostgreSQL включен в Joomla.
19. Сохранение статей с заполнением всех полей vs. сохранение пустых статей
Как это ни удивительно, но теперь Joomla позволяет пользователям с правами администратора создавать и сохранять пустые статьи. Такая функция нужна для того, чтобы можно было, если потребуется, создать статью только с фотографиями, без текста.
Запрет на сохранение пустой статьи в Joomla 2.5:
Возможность сохранения пустой статьи в Joomla 3.0:
20. Обновление юнит-тестирования
Юнит-тестирование предназначено для проверки небольших кусков кода на самом примитивном уровне, обычно исключая какие-либо другие классы и методы. Т.к. обновленной Joomla требуется PHP версии 5.3.1, то и для PHPUnit тоже необходимо обновление. В новой версии предполагается решить некоторые проблемы безопасности, а также автоматизировать процесс тестирования с дальнейшим 100%-м архивированием юнит-теста для классов библиотеки CMS.
ИСТОЧНИК Wedal.ru
joomla-master.org
SimplexLite Free. Шаблон с гибкой настройкой для Joomla 3.
SimplexLite Free - функциональный и привлекательный шаблон для Joomla 3.
Разработчики называют шаблон SimplexLite Free самым гибким и настраиваемым на сегодняшний день, и этому вполне можно поверить если посмоотреть на количество вкладок в административной панели управления: Details, Upgrade to Full Version, Global Template Styling, Hornav Menu Select and Styling, Logo Select and Styling, Social Media Icons, Header Block Styling, Slideshow Block Styling, Top Module Block Styling, Main Content / Side Columns Block Styling, Base Module Block Styling, Copyright / Footer Block Styling, Layout Options, Module Widths, Custom Css, Custom Code, Responsive Design Controls, Menus assignment. И в каждой вкладке несколько параеметров настроек с подробным пояснением от разработчиков. Таким образом достигается полный контроль за внешним видом каждого элемента шаблона, включая цвет и шрифт текста (на выбор предоставляется (100 Google-шрифтов / 10 стандартных веб-шрифтов), ссылок, фон контейнера или его цвет, цвет обводки, размеры отступов, прозрачность контейнера и т.д. Возможны варианты оформления представлены ниже.
С помощью этого шаблона можно создать потрясающий личный блог или сайт компании, причем тематика абсолютно не ограничена: все зависит от выбираемых цветов и фона. Встроенные расширения Gallery Module, Forum Support, Image Slideshow Module значительно расширяют и без того мощный функционал шаблона. Шаблон SimplexLite Free, как и все шаблоны Joomla 3, кроссбраузерный, поэтому без труда будет работать во всех современных браузерах - IE7+, Firefox, Opera, Chrome, Safari, мобильных браузерах.
Расположение модулей в шаблоне SimplexLite Free выглядит так:
Настройки шаблона в панели управления:
Адаптивный интерфейс:
Варианты оформления:
Страница шаблона целиком:
СКАЧАТЬ ШАБЛОН
joomla3x.ru
Joomla 3.x Документация v3-1
Полная установка используется в том случае, если нужно установить веб-сайт Joomla. Предусматривается предварительное выполнение всех подготовительных шагов и наличие необходимых программ.
Установка Joomla CMS
Проверьте выполнение всех подготовительных шагов и наличие требуемых программ.
Откройте браузер и пропишите путь к директории Joomla в адресной строке браузера (например http://your_domain_name/joomla). Должен появиться экран установки Joomla CMS:
Шаг 1 Configuration (Конфигурация сайта)
В выпадающем меню "Select Language (Выбрать язык)" выберите язык установки Joomla.
Внимание: выпадающее меню "Select Language (Выбрать язык)" позволяет выбрать лишь язык процесса установки Joomla. Данная опция не влияет на язык веб-сайта.
Нужно заполнить все поля формы в разделе "Main Configuration (Основные настройки)". Обязательные поля отмечены звездочкой *.
Заполните поля "Admin Email (Email администратора)", "Admin Username (Имя администратора)" и "Admin Password (Пароль администратора)" в правой колонке, чтобы создать пользователя нового веб-сайта Joomla с административными правами.
"Admin Email (Email администратора)", "Admin Username (Имя администратора)" и "Admin Password (Пароль администратора)" требуются для доступа в админ-панель веб-сайта Joomla Web. Храните их в надежном месте.
Рис 2. Установка. Joomla CMS. Шаг 1. Конфигурация сайта
Когда все данные введены, нажмите кнопку Next (Далее) в верхнем правом углу.
Шаг 2 Database (Конфигурация БД)
На втором этапе установки Joomla CMS необходимо ввести детали базы данных. Если они неизвестны, обратитесь к хостинг-провайдеру.
Поскольку Joomla устанавливается с нуля, нужно всего лишь ввести "Host Name (Название хостинга)", "Username (Имя пользователя)", "Database Name (Навзание базы данных)" и "Password (Пароль)". Остальные опции следует оставить по умолчанию, хотя возможны различия в зависимости от хостинг-провайдера.
Рис 3. Установка Joomla CMS. Шаг 2. Конфигурация БД
Когда введете детали, щелкните кнопку Install (Установить) в верхнем правом углу.
Шаг 3 (Overview) Обзор
Установка Joomla CMS почти завершена. На этапе Overview нужно определиться с установкой демо-данных Joomla.
Внимание: Демо данные необходимы, если требуется, чтобы веб-сайт Joomla выглядел полностью как на демо со всеми изображениями, текстом и настройками модулей. Для этого выберите демо-данные под названием "sample_theme###", где ### - это номер темы.
Выберите демо-данные для установки или нажмите "None (Нет)", если необходим пустой веб-сайт Joomla без содержания..
Рис 4-1. Установка Joomla CMS. Шаг 3. Overview (Обзор). Импорт демо-данных
Ниже можно проверить, являются ли детали конфигурации базы данных и доступа в админ-панель действительными, и отправить их на email.
Рис 4-1. Установка Joomla CMS. Этап 3. Обзор. Конфигурация
Можно проверить настройки установки и проверить соответствие хостинг сервера требованиям Joomla. Если присутствуют красные предупреждения в "Recommended settings (Рекомендуемые настройки)", обратитесь к хостинг-провайдеру за дальнейшей поддержкой.
Рис 4.Установка Joomla CMS. Шаг 3. Настройки сервера
По окончанию нажмите кнопку Install (Установить) в верхнем правом углу.
Шаг 4 Установка Завершена
Поздравляем! Вы установили Joomla
Рис 5. Установка Joomla CMS. Шаг 4. Установка завершена
С целью повышения безопасности удалите папку "Installation" из корневой директории Joomla .
Подсказка: Вы можете воспользоваться детальным видео туториалом Как установить движок Joomla 3
Внимание: если вы выполнили "Complete Installation (Полную установку)", можно пропустить разделы "Template Installation (Установка шаблона)", "Sample data installation (Установка демо-данных)" и "Extensions Installation (Установка расширений)", поскольку все эти элементы уже полностью установлены.
Теперь можно приступить к настройке веб-сайта Joomla CMS. Нажмите кнопку "Site (Сайт)" , чтобы открыть веб-сайт или "Administrator (Администратор)", чтобы перейти в админ-панель Joomla.
www.templatemonster.com
