Четверг, Март 19, 2015

Gantry Framework

Экскурсия по Алериону

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

Изучая Alerion и открывая для себя его возможности, я частенько восклицала: ну почему - при таких-то шаблонах!!! - основная масса сайтов имеет унылый и даже удручающий вид? Взять хотя бы Алерион: на форуме по нему вебмастера к задаваемым вопросам прицепляют ссылку на проблемную страницу своего сайта, и я не пропустила ни одной, - ведь интересно посмотреть, что там коллеги-вебмастера наваяли! Так вот, глядя порой на какое-то почти варварское "творчество" по переделке шаблона, я до слёз жалела разработчика великолепнейшего продукта...

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

Если бы можно было озватить взглядом всю эту страницу целиком, то оказалось бы, что она состоит как бы из параллельных горизонтальных полос. Каждая полоска - это ПОЗИЦИЯ (position, иногда section). В каждом шаблоне свой набор позиций. Более того, можно создавать дополнительно собственные "полосочки". Хотя вроде бы куда уж больше -в  нашем шаблоне Alerion, например, их 19. Для наглядности я подписала некоторые из них в соответствии с тем, как они названы в Менеджере шаблона. Полную графическую схему вы пожете посмотреть на странице "Схема позиций модулей".

А теперь представьте, что мы стоим на верхней площадке лестницы и по ступенькам спускаемся вниз. Смотрим влево на модуль быстрой навигации по странице. Он является одной из изюминок нашего шаблона, и суть его заключается в том, чтобы, с одной стороны, показывать, в какой части страницы мы сейчас находимся, и, с другой стороны, помогать мгновенно переключиться в нужную секцию. Сейчас вы читаете мои вирши, а модуль показывает, что статья расположена в позиции (секции) MAIN, или mainbody, в которой на любом сайте выставляются статьи. Я обозначила эту позицию иконкой с флагом. Как только статья закончится и мы шагнем на следующую ступеньку, на модуле подсветится гаечный ключ, как указатель позиции Extension. Если мы захотим вернуться к началу статьи, то просто нажмём на флажок. И так вот быстренько можно попасть в любую секцию. Правда, здорово? Страница длинная, информации много, сиди, читай, слушай музыку, гуляй по секциям-позициям...

Теперь переходим к модулям, для которых эти позиции и созданы.

Если в Менеджере шаблона открыть вкладку Layout (раскладка), то можно увидеть, что каждая позиция разделена на несколько частей. С помощью бегунка можно увеличивать одну часть, уменьшая другие. Например, я разделила секцию Header  на три части в пропорции 2:8:2; в первой части висит лого, во второй - меню сайта, в третьей расположился модуль поиска по сайту.

Ещё пример: для этой страницы я мало того, что поменяла местами позиции mainbody и sidebar (статья теперь занимает место в правой части, в отличие от Главной страницы), но ещё и увеличила место для статьи, уменьшив левостороннюю позицию для модулей.

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

Если в какую-то позицию вы не поставили ни одного модуля, то она не будет открыта и не отразится в модуле быстрой навигации.

Из числа немаловажного я бы хотела обратить ваше внимание на то, что у каждой позиции может быть своё цветовое оформление и свой собственный бэграунд, к которому, в свою очередь, можно применить различные эффекты: закрыть полуматовой вуалью, или залить полупрозрачным градиентом, или наложить едва заметный узор. Ну, или применить все эффекты одновременно. Сравните: на главной странице футер имеет одну картинку, на этой странице - другую. Но обе они прикрыты полуматовой завесой. А вот бэграунд позиции Utility на этой странице (где расположен проигрыватель) прикрыт только легким градиентом.

Далее можно увеличить варианты оформления с помощью копирования шаблона. Это типа "каждому разделу - свой шаблон!". Шаблон-то, конечно, останется тем же, но стиль у каждой копии будет отличным от базового  благодаря вашим дизайнерским фантазиям.

На этом я заканчиваю  нашу экскурсию по позициям шаблона на gantry framework, а вас приглашаю к более пристальному его изучению, начинающемуся с урока "Как установить Joomla 3.3 + gantry".

{loadnavigation} 

Комментировать материал через:

  • Joomlalessons.ru
  • Вконтакте

Поделиться:

Наш шаблон Alerion от Rockettheme
При переезде на новую версию Joomla я выбрала и новый шаблон для сайта. "Чайнику" справиться с Алерионом будет вряд ли по силам, но, если сначала поработать с более простым (также работающем на Gantry Framework) Afterburner2, и понять смысл Алериона, то потом всё пойдёт как по маслу.
Вот некоторые особенности Алериона:

 

 

image

Быстрая навигация

image

Вариантность стилей

image

Выпадающее меню

image

Менеджер шаблона

image

Совместимость с компонентом K2

 
Для того, чтобы воочию убедиться, какие изменения претерпел шаблон Alerion в результате моего безудержного творчества, надо непременно взглянуть на его оригинальную версию:

Посмотреть демо-версию Алериона на сайте разработчика
 

 {loadnavigation}

Комментировать материал через:

  • Joomlalessons.ru
  • Вконтакте

Поделиться:

Что такое Gantry Framework

Что означает слово gantry

В переводе на русский язык существительное gantry имеет несколько значений:
1. полка, подставка для бочек (в подвале, погребе)
2. портал подъёмного крана    
3. сигнальный мостик над железнодорожными путями     
4. радиолокационная антенна

Перевод из «Англо-русского научно-технического словаря» ABBYY Lingvo:  
gantry = 1) подставка; стойка  2) балка мостового крана   3) портальный робот

Если применить лингвистические  познания к строительству сайта и попытаться доходчиво донести до читателя смысл использования шаблона на Gantry, то получится следующее:

как только ты начинаешь учиться делать сайт, ты используешь стандартный пакет Joomla, в котором предустановлены простенькие шаблончики. Со временем ты понимаешь, что от стандарта в оформлении надо бы отойти, - и тогда ты находишь и устанавливаешь понравившийся тебе шаблон. Если ты натура творческая, то обязательно начнёшь копаться в файлах, пытаясь подогнать шаблон под свои представления о прекрасном сайте. Копаться в файлах - дело муторное, а для новичков ещё и опасное.

И вот тут на помощь может прийти gantry framework, как некий кран, как своеобразная подставка, позволяющая вебмастеру прямо из Менеджера шаблонов корректировать шаблон буквально одним щелчком мышки. Изменил настройку, ткнул в кнопку "Сохранить" - и картинка в лицевой панели меняется на глазах.

Мы будем учиться нажимать на нужные кнопки в разделе "Joomla 3 + gantry framework". Я намеренно не стала писать уроки просто про версию 3.0, потому что мне это уже не интересно. Что поделать! - чем больше старею, тем больше стремлюсь угнаться за новшествами...

А теперь посмотрим кое-что научное:

Что такое Joomla фреймворк?

Это основной скелет для создания шаблона Joomla - чистый, пустой HTML/CSS скелет без каких-либо цветов, градиентов, границ, - одни размеры, поля, меню и т.д. На основе всевозможных элементов этого конструктора вебмастер может создать сайт, отражающий его познания и дизайнерский талант.

Сам фреймворк - это библиотека, расширяющая собой стандартный функционал макета Joomla (располагается в libraries/gantry). Она не заменяет собой стандартные библиотеки, а накладывается слоем поверх существующих настроек и обособлена только теми шаблонами, в которых используется. Если ваш шаблон был обычным, т.е. изначально не предусматривался быть работающим на фрэймворке, то он так и останется обычным, даже если вы позднее и установили на сайт фрэймворк.

Обычные шаблоны Joomla удовлетворяют запросы многих начинающих вебмастеров, они доступны (можно найти огромное количество бесплатных шаблонов), и установив подходящий шаблон, можно быстро и легко создать одеяние для своего сайта.
Разработчики же шаблонов предпочитают работать с фреймворками (framework), т.к. любят сами настраивать все параметры, получая в результате уникальные сайты.

Gantry Framework от компании RocketTheme

Структур фреймворков, поставляемых разными компаниями для шаблонов в Joomla,  есть несколько. Среди них - Gantry framework от компании Rockettheme.
Все свои последние шаблоны студия делает на Gantry Framework, и эти шаблоны поражают воображение своим потрясающим дизайном и удобством работы с ними в административной панели.

Лично у меня дополнительное восхищение вызывает  поддержка всех продуктов, выпускаемых Rockettheme, - это относится как к шаблонам, так и к расширениям. Пожалуй, ни у кого нет столь хорошо работающего и столь же хорошо посещаемого форума, как у RocketTheme. Не успеешь задать вопрос - как тут же получишь ответ.

Разумеется, надо иметь клубное членство, чтобы не только использовать продукты, но и получать по ним поддержку.  Если поддержка не нужна, то достаточно многие расширения можно скачать бесплатно. Одно из популярных расширений - плагины Rokbox - мы с вами уже изучили в одном из уроков.

Как установить RocketLauncher

Для подробного и более эффективного знакомства с тем, как работает какой-либо конкретный шаблон на GD, разработчик советует установить сначала так называемый RocketLauncher . Я рекомендую скачать бесплатный пакет Joomla 3.3 RocketLauncher - в нём есть всё необходимое для понимания принципа GF.

RocketLauncher  устанавливается так, как будто вы делаете новую установку Joomla.

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

Посмотрите также  Шаблон Alerion от Rockettheme о некоторых особенностях шаблона.

{loadnavigation}

Комментировать материал через:

  • Joomlalessons.ru
  • Вконтакте

Поделиться:

Rocket Launcher

Launcher  - это практически готовый сайт, потому что устанавливается архив, в котором есть Joomla! + шаблон, который вы выбрали + gantry framework + демо-контент, включая модули. Устанавливаете Launcher так, как будто бы устанавливаете Joomla!

Иными словами::
если устанавливаете Launcher, то чистую Джумлу ставить вообще НЕ надо!!!