Gavern framework

Gavern – Введение

Joomla
Добавление в избранное
Сохранить

Gavern – Введение

Во время создания Gavern Framework, мы (тут и далее повествование от лица GavickPro) использовали наш опыт, наработанный при создании шаблонов базирующийся на JA T3 Framework и на проблемах, с которыми сталкиваются наши клиенты. Gavern Framework является сочетание наших лучших решений, идеях и путях решения многих проблем. Но также стоит упомянуть, что мы уделяем особое внимание возможностям, которые казалось, ушли на второй план в последнее время, необходимых при создании современных веб-сайтов.

Основные особенности:

  • Социальное API
  • Варианты отображения макета
  • Мини Framework для мобильны устройство (включая Android)
  • Плагины непосредственно связанные с шаблоном (как например Mega Menu в JA T3)
  • Просто редактирование языковых файлов шаблона
  • Новый установщик шаблонов
  • Масштабирование модульных позиций (например User 1-6)
  • Селекторы для шрифтов
  • Отдельный шаблон для Facebook
  • Выбор позиции для системных сообщений
  • Улучшенная версия для печати
  • Возможность загрузки логотипа
  • Внедрение Google Analytics
  • Указание суффиксов для конкретных страниц/компонентов
  • Переопределение(chrome) для конкретного модуля!
  • Типографика, разбита на разделы
  • Реконструированный скрипт меню
  • Поддержка Selecti
  • Добавлен параметр для выбора варианта "сброса" CSS
  • Новый путь документирования шаблонов
  • Чистый XTML код
  • Полная поддержка CSS3
  • Хорошее структурирование CSS кода

Все новости и изменения будут изложены в серии статей о Gavern Framework в следующих статьях. Сейчас же мы хотели бы описать наиболее важных изменения, из перечисленных.

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

Расположение файлов и сама система очень похожа на наши прошлые шаблоны;

Благодаря этому все кто раньше работал с нашими шаблонами, не будут иметь проблем и с новыми.

Разметка страницы

Макет сайта, работающих в наших существующих шаблонах, который использует «7 столбцов», успешно работает и по-прежнему может быть полезным в области создания некоторых интересных макетов, поэтому мы решили оставить его. Одной из новых и наиболее важных функций является, возможно, присвоения определенных макетам, определенным страницам/компонентам. Подробное об этом мы поговорим в следующих статьях.

Интеграция в социальные сервисы

gavern-social

Удивительно, как социальные сети интегрировались в сообщество Joomla! Большинство сайтов не может жить без кнопки «Like!», потому что это прекрасная возможность продвижения статьи среди друзей пользователя. Установка обновлений для всех этих плагинов всегда было непростой задачей, и они не всегда работали как надо. Вот почему мы решили включить поддержку Facebook и некоторые другие услуги социальной сети, как: Twitter, Google Buzz, Digg, Delicious и Instapaper. Конечно этот список не полон и в будущем там будут добавлены дополнительные соц. сети.

Большое внимание было уделено Facebook; за исключением кнопки "Like!" и блока Facepil, мы решили добавить в Gavern возможность авторизации, известную как "Log in with Facebook”. Это шикарно, так как пользователю больше не нужно помнить логин и пароль; Если его/ее странице аккаунта указан тот же адрес электронной почты, что и на Facebook, вы просто дважды щелкаете на страницу, на кнопку «вход» и осуществляете логин на сайт. И вот что интересно, те, кто не имеет учетную запись на вашем сайте, может быстро создать учетную запись таким же образом без заполнения формы регистрации, просто все данные сами загрузятся из Facebook.

Кроме того мы добавили возможность указывать свои собственные шаблоны, которые используется, когда пользователи публикуют ссылки на ваш сайт в Facebook. Благодаря этому, вы можете, например, убрать со страницы лишние модули, оставив только текст и картинки например.

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

Шаблоны для мобильных устройств

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

Также мобильная версия страницы будет гораздо «легче»; вместо MooTools или jQuery (которые занимают 40-60 КБ), мы решили использовать Zepto.js framework, который весит несколько КБ и после сжатия gzip он станет еще меньше. Так что наши новые мобильные версии шаблонов будет чрезвычайно полезным для тех, кто использует мобильный интернет с низкой пропускной способностью.

Плагины связанные с шаблоном

Много раз случалось, что мы хотели добавить новые функции в шаблон, но это было невозможно сделать, поскольку необходимо было написать целый плагин для Joomla! Поэтому мы решили включить в Gavern собственную систему плагинов. Это работает довольно просто, плагин изменяет, какой то фрагмент года в шаблоне/странице. Вот именно для этого мы и создали класс GKParser, который позволяет легко создавать плагины, изменяя код (например, в материале добавить новую строку кода). Именно так и была создана интеграция в социальные сети.

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

Новый установщик

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

Изменения в версии для печати

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

Google Analytics в один клик

Встраивание кода Google Analytics в шаблон является очень важным вопросом для наших пользователей, поэтому мы решили интегрироваться этот код в Gavern Framework. Пользователь, возможно, захочет вставить код более одного раз, что случается очень часто, когда рекламодатели хотели бы иметь сведения о трафике на определенной странице. Таким образом, наш плагин существенно сократит рутинные действия.

Новая типографика

Изменится так же типография в шаблонах, главным образом будут проработаны стили для заголовков, добавленная поддержка таблиц, CSS подсказки и замечательные эффекты по новейшими стандартами CSS3. Помимо этого будет больше иконок в тексте. Наборы иконок были разработаны с учетом того, что бы их можно было выключить там, где это не нужно и, как следствие, это приведет к сокращению трафика. Если есть необходимость, можно отключить весь набор типографики, т.к. не имеет смысла загружать файлы, если они не используются.

Больше возможности для шрифтов

Gavern – Введение

Мы отказались от использования Cufon в пользу боле динамичного и развивающегося Google Fonts и Font Squirrel. Кроме того был упрощён механизм управления шрифтом, теперь параметры шрифтов указываются прямо в настройках шаблона а не в коде. Добавить новую группу шрифтов так же просто, для этого нужно отредактировать XML файл в шаблоне.

Меньше изменений в коде шаблона

Часто случается, что нам нужно изменить стиль для одной модульной позиции – теперь, нам не нужно делать это вручную. Достаточно задать соответствующее значение для позиции (например, «xtml» или «raw»), этот стиль перезапишет стиль по умолчанию, присвоенный для модульной позиции.

Новый подход к написанию документации

Документация будет разделена на две части. Первая – общая для всех шаблонов, а вторая уникальная для каждого шаблона. Первая будет доступна в виде PDF файла и будет жестко связанная с параметрами всех шаблонов. Вторая часть будет находится в демо шаблона – там будут описаны конкретные суффиксы, позиции модулей и основные настройки. Это позволит избежать скопления избыточных PDF-файлов от различных шаблонов.

Оригинальная статья: Gavick Pro
Stepan Tyurin
Привет меня зовут Степан, 6 лет занимаюсь версткой, 5 лет работаю c Joomla. Вместе с Евгением "Sulpher" создал сайт joomlablog.ru, который нашел новых авторов и переродился в портал cmscafe.ru :)

Подпишитесь на рассылку новостей CMScafe