Печать
Категория: Как с помощью шаблона определять местоположение того или иного модуля, ну например, меню?
Просмотров: 999

Тут у нас возникла отдельная история. Дело в том, что кроме Заголовка сайта, Описания сайта, Логотипа сайта, Материала сайта, Фона, на котором всё это расположено, немаловажным элементом дизайна сайта являются так называемые модули – отдельные области, или блоки, в которых может быть размещена, например, реклама или меню сайта.

 

 

 С одной стороны за эти самые модули отвечает Менеджер модулей (Module Manager). Но с другой стороны, поскольку модули являются частью дизайна, то они оказываются небезразличны и нашему дорогому Менеджеру шаблонов (Template Manager). Ведь именно он «должен решать», в каком месте сайта будет расположен тот или иной модуль. В связи с этим возникает необходимость ответить на три вопроса:

1. Где и как узнать о том, какие у нас вообще есть модули, и какие из них активны, то есть реально в данный момент отображаются на сайте?

2. Как можно подвинуть какой-нибудь модуль с одного места на другое?

3. Как можно узнать обо всех возможных местах на сайте, где можно разместить тот или иной модуль?

 

 

Попробуем ответить на эти вопросы.

 

Если мы посмотрим на наш сайт серьёзно и внимательно, то, наверное, сможем сказать, что наш сайт состоит из нескольких частей: наверху логотип с прыгающим в воду мальчиком; потом ниже идёт баннер с рекламой; ещё ниже заголовок; а под ним то, ради чего страница создавалась – материал; сбоку меню, которое у нас называется Рубрики; под ним ещё один баннер с рекламой. Так вот интересно, что некоторые из этих частей, но не все, являются чем-то таким невиданным, что называется модулями. В нашем случае квадраты, в которые помещены оба баннера с рекламой и меню Рубрики, являются модулями.

 

 

Так вот оказывается, что модули – это небольшие разделы с каким-то содержимым, и они размещаются вокруг основного содержания сайта: сверху, сбоку, или снизу. Главным на странице должен быть материал сайта. Он должен идти по центру. А вот по бокам могут располагаться различные области с каким-то другим содержимым, например, с рекламой или с меню сайта. Эти области и есть модули. И, оказывается, что может быть много всяких разных модулей. Например, могут быть модули, которые показывают ссылки на самые читаемые материалы; или на материалы, которые в данный момент находятся в архиве. Есть модули, которые отображают баннеры, или ленты новостей. Есть модули, которые отображают панель поиска, или статистические данные о нашем сайте. И, конечно же, есть модули, на которых вводят логин и пароль зарегистрированные пользователи, и модули, отвечающие за меню.

Так вот когда мы занимаемся дизайном сайта, мы кроме всего прочего сталкиваемся и с вопросом: где, в каком месте, разместить тот или иной модуль? За размещение модулей по странице отвечают всё те же шаблоны. Шаблоны привязывают модуль к определённой позиции на сайте. Позиция – это и есть местоположение конкретного модуля на странице. Но как определяется позиция? Может быть длиной, шириной, квадратным сантиметрами, координатами x и y? Оказывается, нет. В Joomla! каждая позиция имеет своё название. Например, позиция вверху сбоку имеет название «position-7». У нас как раз в этом месте расположился модуль с меню сайта, он у нас называется Рубрики.

Чтобы проверить, правда это, или нет, надо найти модуль меню, и проверить какая позиция ему назначена. Модули относятся к разделу Расширения. Поэтому нам нужно на Панели управления (Control Panel) в верхнем меню выбрать пункт Расширения (Extensions).

 

 

Откроется Менеджер модулей (Module Manager).

 

 

Здесь будут перечислены все модули, какие только есть. И те, что отображены в данный момент на сайте – напротив таких в колонке Состояние (Status) стоит значок . И те, что в принципе доступны, но сейчас неактивны, и на сайте не отображаются – напротив таких стоит значок  . Вот, например модуль Рубрики, который у нас отвечает за меню сайта, в данный момент активен. В колонке Состояние (Status) стоит значок . На сайте он отображается в позиции, которая имеет имя position-7 (это указано в колонке Позиция (Position). А ещё мы знаем, что тип этого модуля Меню (колонка Тип (Type)) и что модуль отображается на всех страницах сайта (колонка Страницы (Page)).

Так вот модуль Рубрики располагается на седьмой позиции (position-7). И мы знаем, что это за позиция, поскольку много раз видели наше меню на нашем сайте и знаем, что позиция position-7 - это угол справа вверху. А вот если мы хотим разместить наше меню где-то в другом месте? Ну что же давайте попробуем отредактировать модуль Рубрики. Для этого щёлкнем на нём мышкой. Или, по-другому: можно поставить напротив модуля галочку, а в верхнем меню нажать на клавишу Изменить (Edit)  . Откроется страница Менеджер модулей: Модуль «Меню» (Module Manager: Module «Menu»).

 

 

На вкладке Модуль (Module), справа, можно отыскать параметр Позиция (Position). Этот параметр и принимает уже знакомое нам значение position-7. Именно этому значению и соответствует расположение меню нашего сайта (раздел Рубрики) вверху справа.

 

 

Мы можем поменять позицию модуля. Ну, например, заменить position-7 на position-3.

 

 

И всё наше меню, все наши Рубрики, окажутся наверху страницы, прямо под логотипом и заголовком сайта.

 

 

Это, конечно, замечательно, что Joomla!, встроенные в неё Менеджер модулей (Module Manager) и Менеджер шаблонов (Template Manager) позволяют менять местоположение модулей и размещать модули там, где хочется веб-мастеру. Но вот только не ясно, как вебмастер узнает о том, как называется та позиция, куда он хочет поставить свой модуль? Безусловно, у него есть такой вариант, как менять значение параметра Позиция (Position) в Менеджере модулей (Module Manager) на вкладке Модуль (Module), и смотреть, что получится: куда «уедет» модуль на этот раз. Если мне память не изменяет, такой метод называется «методом тыка». И, наверное, это замечательный метод, но всё-таки хотелось бы спросить, а можно ли к этому вопросу подойти как-то более рационально? Ну, например, получить какую-то справку о том, какая позиция какому месту на сайте соответствует? Оказывается можно. За это-то как раз и отвечает Менеджер шаблонов (Template Manager).

Если в Менеджере шаблонов (Template Manager) на панели Стили (Styles) мы внимательно посмотрим на список стилей, среди которых будет и стиль protostar-Default(2), являющийся сейчас стилем по умолчанию  , то есть тот, в котором сейчас отображается весь сайт… В общем, если мы внимательно посмотрим на всё это, то рядом с каждым стилем обнаружим очень странный коричневый значок. Что это?

 

За что отвечает этот странный знак легко узнать. Просто наведём курсор мышки на него, и тут же получим комментарий во всплывающем окне: «Предварительный просмотр не доступен. Вы можете включить предварительный просмотр в настройках». То есть непонятный коричневый знак означает, что мы не сможем посмотреть наш сайт в таком виде, чтобы были бы отмечены те места, которым присвоена та или иная позиция, другими словами: те места, на которые можно расставлять модули. Ну, хорошо, просмотр не доступен, но всё-таки, что означает коричневый знак. Что это такое?

 

Присмотритесь, это же зачёркнутый глаз. Для того чтобы показать нам, что предварительный просмотр сайта не возможен, разработчики Joomla! нарисовали глаз и зачеркнули его. Видимо, они старались быть доходчивыми. Причём стремление к доходчивости не знает границ, и во всплывающем окне разработчики Joomli! подсказывают нам: хотите включить предварительный просмотр, зайдите в Настройки (Options). Имеется в виду, что в Менеджере шаблонов (Template Manager) на панели Стили (Styles) в верхнем правом углу нужно найти и щёлкнуть клавишу Настройки (Options)  .

Мы тут же окажемся на панели Настройки менеджера шаблонов (Configure the template Manager). И первой вкладкой, которая нас встретит, будет вкладка Шаблоны (Templates). Здесь имеется такой замечательный параметр, как Просмотр позиций модулей (Template Preview). И всё, что нужно сделать, так это включить его.

 

 

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

Нажали и что? Где позиции модулей? Ну где, где, ведь теперь в Менеджере шаблонов (Template Manager) на панели Стили (Styles) напротив всех стилей стоят пиктограммы не с коричневыми, а с синими глазами. И что примечательно, они ещё и не перечёркнуты.

 

И если мы наведём курсор на этот глаз, замечательный тем, что он не перечёркнут, то тут же увидим подсказку во всплывшем сером окне: «Предварительный просмотр стиля такого-то». У нас, как мы помним, в данный конкретный момент активным является стиль protostar-Default(2). Ну, если нам подсказывает серая подсказка про предварительный просмотр, то надо и посмотреть, то есть нажать на синий глаз напротив стиля protostar-Default(2). Ой и что мы увидим, вы не поверите, мы увидим наш сайт, на котором будут отмечены все те места, куда можно поставить модуль. И каждое место будет подписано.

Вот, что будет вверху страницы:

 

 

А вот, что будет внизу страницы:

 

 

Теперь, когда в Менеджерe модулей (Module Manager) мы будем определять место на странице сайта для какого-нибудь модуля, ну, например, для меню сайта, мы сможем выбирая позицию, посмотреть, к какому месту сайта эта позиция относится. Вот только надо как-то запомнить для себя, что делается это не в самом Менеджере модулей (Module Manager), а в Менеджере шаблонов (Template Manager) на панели Стили (Styles), да и то, если в  настройках на вкладке Шаблоны (Templates) параметр Просмотр позиций модулей (Template Preview) имеет значение: Включено.

 

Получается, что ни какой-нибудь там Менеджер, а именно Менеджер шаблонов отвечает за то, как наш сайт будет выглядеть, в каком стиле он будет сделан, какой у него будет дизайн. Но тут обнаруживается вот такая странная история. С одной стороны, дизайн – это и Заголовок сайта, и Описание сайта, и Логотип, и, собственно говоря, сам Материл, то бишь текст, и Фон, на котором всё это отображено. Но, с другой стороны, - это ещё и модули – отдельные области, блоки на сайте: Ссылки на самые читаемые материалы, Ссылки на материалы, которые находятся в архиве, Баннеры (в том числе рекламные), Ленты новостей, Панель поиска, Статистические данные о сайте (прежде всего, о посещаемости), Модуль для ввода логина и пароля зарегистрированными пользователями, ну и, наконец, Меню.

 

 

Так вот, эти самые модули и оказались яблоком раздора. Вроде бы как модули – это часть дизайна. А за дизайн у нас отвечает Менеджер шаблонов (Template Manager). И если Менеджер шаблонов (Template Manager) отвечает за дизайн, значит он отвечает и за модули. Но у модулей-то есть свой собственный Менеджер модулей (Module Manager). И вот вам батенька и сетевое управление, и двойное подчинение, да и вообще всё, что хотите. Работает себе веб-мастер с модулями через Менеджер модулей (Module Manager) и работает. Ан оказывается, что за положение модуля на странице отвечает вовсе не Менеджер модулей (Module Manager), а Менеджер шаблонов (Template Manager). Вот тебе и на…

В связи со сложившимися обстоятельствами полезно было бы знать три вещи:

1. Где, как узнать, какие у нас вообще есть модули, и какие из них активны, то есть реально в данный момент отображаются на сайте?

2. Как можно подвинуть какой-нибудь модуль с одного места на другое?

3. Как можно узнать о всех возможных местах на сайте, где можно разместить модуль?

Вот эти задачи и решаются разными методами и способами. Первая задача решается через Менеджер модулей (Module Manager). На Панели управления (Control Panel) в верхнем меню нужно выбрать пункт Расширения (Extensions). Откроется Менеджер модулей (Module Manager), и в нём можно посмотреть, какие есть модули, каких они типов, на каких они страницах сайта отображаются (на всех или не на всех). Это первая задача. А впрочем, вторая задача, как и первая, тоже решается через Менеджер модулей (Module Manager). Мы можем зайти в него и поменять значение параметра Позиция. В результате этого модуль поменяет своё местоположение на сайте. А вот третья задача решается уже в Менеджере шаблонов (Template Manager). И это целая история.

Если мы хотим определить, какие вообще позиции есть на нашем сайте, то нам нужно проделать целый набор операций. Ну, сначала нам нужно зайти на панель Менеджер шаблонов (Template Manager), на вкладку Стили (Styles). Здесь посмотреть: какой значок стоит рядом со стилями. Если стоит синий неперечёркнутый глаз, то режим просмотра позиций модулей включён, и всё, что называется, хорошо. Если глаз не синий, а коричневый, да и ещё и перечёркнут, то режим просмотра позиций стиля выключен, и его надо включить. А вот для того, чтобы его включить нужно: Во-первых: зайти на панель Настройки менеджера шаблонов (Configure the template Manager). Во-вторых: параметру Просмотр позиций модулей присвоить значение Включено. В-третьих: нажать на клавишу Сохранить и Закрыть. В-четвёртых: вернуться на панель Менеджер шаблонов (Template Manager), на вкладку Стили (Styles). Это не всё, загибайте пальцы дальше. В-пятых: выбрать из перечня нужный стиль, и нажать на синий глаз рядом с ним. Вот тогда и откроется наша родная страница сайта, но на ней будут выделены те места, где можно поставить какой-нибудь модуль. Вот так-то. А вы говорите, модули…

 

Смотрите следующий шаг С.6.2. Что делать, если модуль слушком большой и занимает слишком много места, или просто его нужно как-то выделить на фоне сайта?