Четверг, Сентябрь 17, 2015


В разделе "Joomla 3 + gantry framework"  в качестве базы для изучения  взят шаблон AfterBurner от Rockettheme

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

Вкладка Layouts (макеты)

Если ваш шаблон на Gantry, то из Менеджера шаблона вы легко можете менять размеры колонок в любой секции шаблона. Для этого надо 1) открыть меню Расширения >> Менеджер шаблонов >>шаблон  и 2) открыть его параметры, в них 3) открыть вкладку Layouts , которая в общем выглядит так:

image


Не надо стремиться настраивать сразу все позиции. Возьмите для начала одну из них, бегунком меняйте её размер, сохраняйте каждое изменение через кнопку "Save (Сохранить)", затем смотрите в лицевой панели результат. В видео-ролике внизу хорошо показан весь процесс настройки.

Чтобы всё стало ещё более понятным, в качестве примера я взяла знакомую всем нам позицию Mainbody. Это самая главная позиция шаблона, потому что именно в ней располагаются статьи. Она делится на две основных части: место для статей и место для модулей. Позиция для модулей называется Sidebar, которая может делиться еще на три части: Sidebar-A, Sidebar-B и Sidebar-C . В зависимости от вашего пожелания, позицию Sidebar можно вообще не делить, и тогда Mainbody будет состоять из широкой колонки со статьями и узкой - с модулями.

Подсказка: Если в позицию Sidebar не ставить модули, то статьи будут показаны во всю ширину экрана, вне зависимости от настроек во вкладке Layouts. Именно так построена данная страница.

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

На иллюстрациях ниже даются примеры деления позиции Mainbody.

Пример 1. Позиция разделена на четыре части: mb для статей, sidebar-a, sidebar-b и sidebar-c. С помощью бегунка вся длина разделена в пропорции 6 : 2 : 2 : 2, т.е. на статью отведена половина, другую половину делят поровну три колонки для модулей, расположенных справа от "тела":


Пример 2.
Здесь общая ширина поделена на три части, в пропорции 8 : 2 : 2, т.е место для статей расширилось за счет удаления одной колонки для модулей. Но модули всё ещё находятся справа:


Пример 3. Здесь общая ширина поделена на три части, но место для статей сужено за счет того, что увеличилась ширина для обеих колонок под модули. Кроме того, колонки теперь ставятся слева и справа от "тела" :

В лицевой панели результат третьего примера будет выглядеть примерно так::

 


Посмотреть видео - иллюстрацию:

 
Пример 4. Вот ещё варианты работы бегунка:

image
image

 
Графическая схема вариантов взаиморасположения "главного тела" и позиции sidebar:

Sidebar
A
Mainbody
Sidebar
B C
 
Sidebar
A B
Mainbody
Sidebar
C
 
 
Sidebar
A B C
Mainbody
 
Mainbody
Sidebar
A
 
 
Mainbody
Sidebar
A B
 
Mainbody
Sidebar
A B C
 
 
Sidebar
A
Mainbody
 
Sidebar
A B
Mainbody

 Вот, пожалуй, и всё, что касается вкладки Layouts.

 

{loadnavigation}

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

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

Поделиться:

Что нужно знать новичку

Как самому сделать сайт?

Какими знаниями и умениями неплохо было бы обладать для того, чтобы сделать свой сайт, а также облегчить и ускорить учебный процесс?
Проверить