ВозможностиВОЗМОЖНОСТИ

image

Нужная информация

Здесь вы найдете только полезную информацию без воды.
 
image

Бесплатно

Все уроки, рекомендации и советы абсолютно бесплатны.

Выбор хостинга

46 уроков

SEO блог

Создание сайта на Joomla 3.x

Урок 8: что такое расширения и как создать меню и его модуль?

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

Модули обычно используются для отображения какой-либо информации в определенных позициях шаблона сайта (например, меню, опрос, блоки рекламы, список последних статей и т.п.). Компоненты обычно представляют собой мини-приложения, они значительно важнее и сложнее модулей (например, галереи, системы комментариев, форумы и т.п.). А вот с помощью плагинов можно управлять выводом данных перед их отображением в браузере пользователя. Многие расширения могут состоять только из модуля, компонента или плагина, а могут содержать в себе все одновременно.

В принципе, глубоко погружаться в осмысление разницы между видами расширений не стоит, вам просто надо будет скачать в Интернете расширение, выполняющее необходимые вам функции. А будет то модуль или компонент – не так важно, ведь все они устанавливаются на сайт Joomla одинаково.

Стандартные модули Joomla

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

Например, на нашем сайте изначально уже было «Главное меню» (Main Menu), и мы даже с ним уже работали, добавляя в него дополнительные пункты. Теперь же мы научимся создавать новое меню и отображать его в любой из позиций шаблона нашего сайта. Каждое меню, отображаемое на сайте, обязательно имеет связь со своим модулем. Другими словами невозможно отобразить созданное меню без создания для него модуля (или использования модуля другого меню).

Модуль меню

Давайте в админпанеле в верхнем меню найдем вкладку «Расширения» и выберем «Менеджер модулей». Здесь мы как раз можем видеть модуль «Main Menu», отвечающий за отображение нашего главного меню на сайте. Попробуйте в колонке «Состояние» нажать на зеленую галочку, чтобы выключить этот модуль. Теперь перейдите на сайт «sitetest» и обновите страницу – что изменилось? Верно! Главное меню просто исчезло. Теперь в менеджере модулей включите модуль главного меню, нажав на красный кружок в колонке «Состояние» – наше главное меню снова отображается на сайте.

Теперь рассмотрим настройки модуля меню на примере уже существующего модуля главного меню. В менеджере модулей нажимаем на «Main Menu». Здесь идет поле «Заголовок», возможность скрытия заголовка в поле Показывать заголовок, включить/выключить модуль в поле Состояние. Далее идет очень важная функция – выбор позиции шаблона, на которой будет отображаться данное расширение. При разработке шаблона авторы вписывают в него четкие позиции, где можно отображать то или иное расширение. Причем у разных шаблонов эти позиции могут отличаться.

Как посмотреть, какие позиции существуют в шаблоне? Для этого необходимо в адресной строке нашего сайта дописать после непосредственно адреса комбинацию «/?tp=1», т.е. строка адреса должна выглядеть в нашем случае так: «http://sitetest/?tp=1». Однако, прежде нужно перейти по такому пути: Расширения => Менеджер шаблонов, а там справа вверху нажимаем на кнопку Настройки. Откроется такая страница, где нужно будет включить поле Просмотр позиций модулей:

Нажмите Сохранить и закрыть. Теперь обновите страницу сайта: мы видим, где и какие позиции в нашем шаблоне (именно в стандартном шаблоне они просто названы Position-1, Position-2 и т.д.), но обычно в шаблонах, с которыми вы будете работать, они называются так: sidebar, top, content-top, content-bottom, breadcrumb, footer, debug и т.д. В настройках модуля главного меню у нас стоит позиция Position-7, а, значит, меню там и отображается.

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

Более подробно назначение меню мы рассмотрим при создании нового меню. В параметрах модуля можно выбрать, какое именно меню будет привязано к данному модулю и стиль меню (как именно оно должно отображаться – списком, вертикально, горизонтально или плоским списком).

На вкладке Дополнительные параметры стоит обратить внимание на «Суффикс CSS-класса модуля», который позволяет задать для конкретного модуля определенный стиль отображения. С помощью этого суффикса, зная HTML и CSS, можно написать конкретный стиль для определенного модуля. Если б этого суффикса не было, то все модули выглядели б одинаково.

Как создать новое меню?

Теперь давайте попробуем создать новое меню на нашем сайте. Для этого нажимаем «Сохранить и закрыть» и переходим на вкладку «Меню» и выбираем «Менеджер меню». Нажимаем создать, после чего мы видим форму добавления нового меню. Прежде всего, следует указать «Тип меню», он должен быть написан строчными латинскими буквами без пробелов, например, «newmenu». Заголовок меню – это то, что будет отображаться в «Менеджере меню», у нас это пусть будет «Новое меню». Поле «Описание» заполнять не обязательно. Нажимаем Сохранить и закрыть.

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

Выберем, к примеру, второй и третий пункты (поставим напротив них галочки) и нажмем вверху «Пакетная обработка». Здесь в поле как на скриншоте ниже выбираем наше «Новое меню», ставим чек-бокс напротив «Копировать» и нажимаем Выполнить. 

Теперь если зайти на вкладку «Меню» и выбрать «Менеджер меню», то можно увидеть, что напротив нашего «Нового меню» уже есть 2 опубликованных пункта (зеленый овал с двойкой внутри напротив названия меню). Однако сейчас на нашем сайте наше новое меню все еще не отображается, потому как мы пока еще не включили модуль, отвечающий за его отображение.

Для создания модуля можно либо пойти на вкладку «Расширения» в «Менеджер модулей» и нажать «Создать», либо прямо в менеджере меню напротив Нового меню нажать кнопку Добавить модуль для этого меню:

Перед нами откроется уже знакомая форма настройки модуля меню. В заголовке напишем «Новое меню», позиция поставим Position-7. Если вы перешли по второму варианту к созданию модуля, то у вас уже будет предзаполнено поле Выбор меню (Новое меню). Нажимаем Сохранить.

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

Теперь, что касается отображения меню на различных страницах сайта. Чтобы наше новое меню отображалось, например, только на главной, необходимо в настройках его модуля в форме «Привязка к пунктам меню» нужно выбрать Только на указанных страницах и в списке поставить чек-бокс только напротив «Главная». Нажимаем Сохранить и смотрим , что изменилось на сайте. На главной странице отображаются оба меню, а вот на всех остальных страницах сайта – лишь главное меню, а нового нет. Таким образом можно привязать меню к определенным страницам.

Давайте сделаем обратно, чтобы новое меню отображалось на всех страницах сайта: в форме «Привязка к пунктам меню» выберем «На всех страницах». Но при этом изменим позицию отображения меню с Position-7 на Top. Нажимаем Сохранить и закрыть и обновляем страницу нашего сайта. В конце этого урока ваш сайт должен выглядеть вот так:

На этом заканчиваем урок 8. Вы можете перейти к следующему уроку или вернуть на предыдущий.

Рекомендуется

  • Хостинг - домен бесплатно
  • Купить статьи для сайта
  • Купить-продать ссылки
  • Купить-продать вечные ссылки

Яндекс.Метрика