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

image

АДМИНША

Наталья Мельниченко

Приветствую всех посетителей, пожелавших изучать строительство сайта на Joomla!
Я - админша, а ещё - добровольный инструктор для новичков: делюсь с ними тем, чему научилась сама.

Напутствие для новичков

Огромное спасибо

Вебмастер. Карикатура Сергею Архипову,

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

!!! Новости: наш сайт обновился
 
 
 
 
Джумла для чайников
Воспоминания о прошлом:
такой была главная страничка старого сайта
 

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

Новый  шаблон стал светлым, современным и, как мне кажется, немножко улыбающимся. Я стремилась довести его до идеального состояния и только потом показать миру, но поняла, что процесс этот может затянуться. Поэтому, вооружившись лозунгом: "Лучше сделать на "4", чем НЕ сделать на "5", выпускаю в свет то, что есть на сегодняшний день. Подчищать неувязочки придётся на ходу, но я уверена, что коллеги воспримут это с большим пониманием и не забросают меня камнями.  Добро пожаловать на новый сайт!

Карта сайта в картиночках

image image 1 3 4
2 5

Условные обозначения

1  - Школа для "чайников"
2  - Мастерская для продвинутых
3  - Курилка для всех
4  - Ура!!! Перемена!!!
5  - Это Админша Наталья (почитать её БЛОГ можно туточки)

Полная карта сайта

 

Joomla! для "чайников" коротко об основных разделах сайта

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

В переводе на русский язык существительное 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
  • Вконтакте

Поделиться:

Знайте: у каждого джумловода свой путь!

image

Gantry БЛОГ последние записи

  • Блог - что это вообще?

    Блог (англ. blog, от «web log», «сетевой журнал или дневник событий») - веб-сайт, основное содержимое которого

    Читать далее...
  • Как я переезжала с Joomla 1.5 на Joomla 3

    Переехать на новую версию Joomla я решила ровно год назад. Можно сказать, что сама жизнь

    Читать далее...
  • Выбрось хлам за борт, старина!

    …Сколько людей, плывущих по этой реке, рискует затопить свои ладьи, перегружая их всяким нелепым скарбом,

    Читать далее...
  • 1
  • 2
  • 3
Про техническое Изучаем и используем Gantry Framework
Please update your Flash Player to view content.

Подсказки:

Внешний вид сайта зависит
от выбранного шаблона

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

Однако ничто не придаёт изменениям такую реактивную скорость, как использование Gantry Framework. Разумеется, его смысл и возможности надо изучить, что потребует какого-то времени. Зато потери во времени с лихвой окупятся радостью творчества.

Подробнее...

Сайту на Joomla!
индивидульность придают
и удачно подобранные
Расширения

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

Перейти в раздел расширений...