Суббота, Июль 11, 2015

     Как создать свой сайт на Joomla

 
Базовый курс для "чайников"

Напоминание: наш Базовый курс создания сайта основан на изучении Joomla 1.5

Стандартные модули Joomla!Самый лучший способ понять, как работают модули на Joomla-сайте, - это внимательно изучить устройство тех из них, которые были автоматически установлены вместе с Joomla! Для управления модулями предусмотрено меню Расширения>>Менеджер модулей :



Рис.1

Обратите внимание, что есть  два Менеджера модулей:  Сайта и Административной панели. С первым мы познакомимся в этом уроке, а со вторым  легко разберётесь самостоятельно.

Менеджер модулей достаточно прост для понимания у новичков, за исключением  разве что фильтров. На них для начала и остановимся. 

Как использовать фильтры

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


Рис.2

    • Фильтр "Выберите шаблон" :

      Рис.3

      Если вы используете для всех страниц сайта один и тот же шаблон, то этот фильтр вам не нужен. Но иногда он очень даже необходим. Пример: на моём старом сайте о Павловске для каждого большого раздела был установлен свой шаблон, - всего их было восемь. В каждом разделе были  установлены модули часов, причём типы модулей разные. Позиция модулей у всех была одна - right. Состояние у всех - "опубликовано". В этом случае  фильтр "Выберите шаблон" является для меня единственным помощником в быстром поиске.

    • Фильтр "Выберите позицию" :
      Модули Joomla!
      Рис.4

      На примере нашего учебного Демо-сайта  вы можете видеть, что в стандартном шаблоне   rhuk_milkyway  предусмотрено всего десять позиций для размещения модулей (все они описаны в  уроке "Про шаблоны Joomla!"). Но даже среди такого небольшого количества позиций легко затеряться любому модулю, особенно если их со временем будет много. В этом случае  используйте для поиска  фильтр "Выберите позицию", выбрав из выпадающего списка нужную. Например, вы знаете, что модуль авторизации на сайте находится у вас слева, т.е. в позиции "left". Значит, выбирайте именно это значение, и список модулей немедленно перестроится - в нём останутся только те модули, которые располагаются на сайте в его левой части.


      Рис.5

      Пока для вас понятие "тип модуля" - тёмный лес. Но со временем вы научитесь  в нём разбираться  и будете знать,  например,  что "mod_mainmenu" - это всегда модуль меню, причём не обязательно Главного меню, а любого (это в том случае, если вы не используете дополнительно установленных модулей меню).

  • Фильтр "Выберите состояние" :
    Модули Joomla!
    Рис.6

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

    При поиске  можно использовать фильтр,  взятый  как отдельно, так и в объединении с остальными. Например, только что установленный новый модуль от сторонних разработчиков Joomla! легко найти  по  двум фильтрам:

    1) "Выберите состояние" (здесь включить "Отключен":
    как правило, такой модуль никогда не включается автоматически (исключением могут быть модули, которые устанавливаются в пакете с компонентом);
    2)  "Выберите позицию" (здесь включить "Left"). Запомните: в Joomla 1.5 всегда Left! Это уж потом вы его "перекинете" куда  вам понадобится, но вначале он всегда прячется в позиции left .

 Настройка модуля -1 ( на примере модуля "Breadcrumbs")

Шаг 1. Открываем меню Расширения>>Менеджер модулей.

У каждого модуля - свои персональные настройки. Для того, чтобы их увидеть и отредактировать, надо просто нажать в списке  на название модуля. Для примера выберем первый модуль из списка - "Breadcrumbs":


Рис.7

Этот модуль отображает панель навигации   по сайту. Если вы заботитесь об удобстве пребывания посетителей на вашем сайте, то не должны забывать о модуле "Breadcrumbs". На Демо-сайте мы видим его в верхней части лицевой панели, сразу же после горизонтального навигационного меню:

Рис.8

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

Рис.9

Шаг 2. После того, как мы нажали на кнопку с названием модуля, перед нами открылось окно настроек  "Модуль: (изменить)".

Обращаю ваше внимание на то, что это окно одинаково для всех модулей и состоит из трёх блоков: Подробности,  Назначение меню, Параметры.

 
Давайте внесём изменения в Параметры: в строке "Текст главной страницы" уберем "Home" и впишем "Демо-сайт" :

Рис.10

Сохраним изменения и проверим  лицевую панель. Теперь навигационная строка смотрится иначе:

Рис.11


Настройка модуля-2
(на примере модуля "Random Image")

Модуль "Random Image"  под названием "Произвольное (случайное) изображение" довольно часто используется на сайтах. В чём его суть? - через модуль показываются изображения из определённой папки. Смена изображения происходит при переходе посетителя на следующую страницу сайта. Если изображения не залинкованы, то могут использоваться либо как украшение, либо как графический вариант информации (например, цитата на фоне картинки).
Если же картинку залинковать, то при нажатии на неё посетитель попадёт на вебстраницу (хоть внутреннюю, хоть внешнюю), установленную вами в качестве целевой.

Итак, находим в списке нужный модуль и нажимаем на его заголовок:

Рис.12

Мы попали  на страницу  редактирования модуля, которая одинакова для всех модулей и состоит из трёх блоков: Подробности, Назначение меню, Параметры .

 Блок  "Подробности"


Рис.13

    • Тип модуля - изменению не подлежит, просто запомните (пригодится при поиске с помощью фильтра);
    • Заголовок - пока можно оставить тот, что есть сейчас, а можно стереть его и вписать свой;
    • Показать заголовок - если "Да", то посетители будут его видеть;
    • Включен - "Да".  Хотите закрыть - "Нет";
    • Позиция - любая, которая доступна в выпадающем списке. Выберем right, т.е. справа:

      Рис.14
    • Порядок - выпадающий список содержит названия всех модулей, расположенных в выбранной вами позиции, а также их очередность сверху вниз. Позиция "0" - самый верхний уровень, оставим пока наш модуль именно на нём:

      Рис.15
  • Доступ - здесь можно выбрать, какие группы пользователей смогут видеть модуль, например, только зарегистрированные.

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


Блок   "Назначение меню"


Рис.16

Любой модуль можно показывать как на всех страницах сайта, так и только на некоторых. Привязка модуля к отдельным страницам  осуществляется с помощью настройки "Назначение меню":

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

Пример: на сайте Joomlalessons.ru (т.е. на сайте, страницы которого вы сейчас читаете) на главной странице есть модуль "Админша Наталья". Он привязан только к пункту меню "Главная" и, значит, нигде более  показываться не будет.


Блок  "Параметры"


Рис.18

    • Тип изображения - здесь указывается расширение для имиджей, которые будут использованы для показа, например, jpg ;
    • Папка изображений - путь к папке. У вас может быть создана специальная папка под любым названием, например, "random". Но, пока её нет, мы воспользуемся предусмотрительностью самой Joomla!, которая для таких случаев приготовила нам две папочки с картинками - "Food" и "Fruit" . Путь к первой- images/stories/food - и надо прописать в строке;
    • Ссылка - адрес той страницы, на которую будет переводиться посетитель при нажатии на картинку модуля;
    • Ширина - оставить поле пустым, или указать размер;

    • Высота - то же самое. Я поставила размеры одной из картинок в папке "food" : 150х159 .

По окончанию всех настроек нажимаем на кнопку "Сохранить" и проверяем результат в лицевой панели - загружаем Главную страницу сайта, и видим, что
 в правой колонке появился модуль с названием "Random Image". Картинка в нём не кликабельна:

Рис.19

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


Создание нового модуля

Если   вдруг  вам понадобится иметь на сайте несколько модулей одного и того же типа (чаще всего для такого случая используется  mod_mainmenu), то нет ничего проще  его растиражировать .  Тиражирование - это создание нового модуля, со своим названием и параметрами, - но! - того же самого типа.

Сейчас мы научимся создавать новый модуль, и для эксперимента  продолжим использовать  описанный в части "Настройки модуля-2" тип mod_random_image (Произвольное изображение) :

Шаг 1.
Открываем  меню Расширения>>Менеджер модулей.
Шаг 2. Нажимаем на кнопку "Создать" :

Рис.20

Шаг 3.  На странице "Модуль: (создать)"  включаем кнопку слева от нужного типа модуля ("произвольное изображение"), и после этого нажимаем на зеленую кнопку "След" в правом верхнем углу:

Рис.21

Шаг 4. На странице настроек назначаем :

    • название модуля - "Фрукты",
    • позиция - left,
    • показать заголовок  - да,
    • порядок -"0::User Menu",
    • меню-все,
    • папка изображений - images/stories/fruit,

    • ссылка - например, http://localhost/demo/news/joomla-announcements (это только для примера! - вы можете выбрать любую другую ссылку, скопировав её из адресной строки браузера, пусть это будет даже страница стороннего сайта (правда, в этом случае у вас при проверке настроек должен быть подключен интернет) .

После этого сохраняем настройки :

Рис.22

Шаг 5. Переходим в лицевую панель, открываем любую страницу сайта и видим примерно вот такой результат:

Рис.22


Послесловие к уроку

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

Чтобы чувствовать себя более свободно, поработайте с модулями самостоятельно: откройте Менеджер модулей и исследуйте каждый модуль из списка, используя описанную выше схему. Не бойтесь экспериментировать с настройками и помните о том, что  удачно подобранные параметры  того или иного расширения в состоянии придать вашему сайту необходимую индивидуальность.

 

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

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

Поделиться: