Настройка Joomla. Урок 5. Часть 4

И снова здравствуйте!

За эту неделю я пережила падение моего компьютера и поломку монитора. Как то все сразу навалилось(((
Но зато чуток отдохнула и набралась сил

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

Сегодня, как я и обещала в предыдущем уроке, мы научимся создавать пункты меню, виды меню, а также узнаем как присваивать созданным меню специальные типы.

Для начала определимся с тем, какие виды меню доступны на нашем сайте.

Как обычно, включаем Денвер, заходим на сайт и открываем две вкладки. Одну с панелью администратора и одну с фронтэндом нашего сайта.

На главной странице демо сайта представлены три вида меню:

1. Главное меню (под шапкой сайта)

2. Обычное боковое меню (слева)

3. Меню-аккордеон (справа)

4. Верхнее меню


В админпанели эти меню мы можем найти здесь:



Под названием mainmenu скрывается наше главное меню, верхнее меню - topmenu, боковое меню - это некоторые пункты главного меню (mainmenu) выведенные в отдельном модуле, меню-аккордеон - othermenu, и под usermenu скрывается меню пользователя, которое мы пока рассматривать не будем.

Учиться создавать новые пункты мы будем на главном меню, со всеми остальными принцип работы такой же.

Для начала заходим в пункт mainmenu
Перед вами откроется таблица со всеми, уже созданными в демошаблоне, пунктами меню
Давайте рассмотрим, что означает каждая из колонок этой таблицы:



Пункт 1 - это название нашего пункта меню. Старайтесь не вводить сюда длинные названия, потому что меню может перекашиваться и дизайн будет портиться. Называйте кратко, но понятно. Например, у меня созданы такие пункты главного меню:
Главная
Заказать
Каталог
Бланк заказа
Контакты
О нас
Отзывы
Чуть позже мы создадим в них подпункты для более удобной навигации по сайту.

Пункт 2 - по умолчанию. Звездочка, которая стоит у нас напротив пункта "Главная" означает, что именно эта страница будет открываться при вводе пользователем адреса Вашего сайта. Например, если Вы хотите, что при первом входе пользователь видел пункт меню "Отзывы", то надо выделить галочкои и сверху нажать кнопку "По умолчанию". В результате при вводе в строку браузера адреса ваш сайт. ру будет открываться сайт сразу на странице отзывов. А пункт "Главная" будет уже не основным, а второстепенным.

Пункт 3 - опубликовано. Зеленая галочка означает, что созданный вами пункт меню виден пользователям. Если вы нажмете на эту галочку она измениться на красный крестик и этот пункт меню перестанет отображаться на сайте. При этом он будет доступен в админпанели. Это удобно, если вам надо периодически показывать и скрывать какую то информацию.
Прошу заметить, что если вы скроете отображение родительского пункта меню, то его дочерние элементы также перестанут отображаться.

Пункт 4 - порядок отображения. Отвечает за порядок вывода меню. Проставляя цифры напротив пунктов меню в нужном вам порядке и нажимая на изображение дискетки, вы можете очень быстро отсортировать пункты меню в нужном вам порядке. Только не забывайте после выставления порядка нажать на дискету, иначе изменения не сохраняться. Для того, чтобы просто переместить пункт меню выше или ниже, можно воспользоваться зелененькими стрелочками, показывающими направление перемещения.

Пункт 5 - доступ. Определяет какая группа пользователей может видеть данный пункт меню. Очень удобно, если вы, например, хотите чтобы часть информации была доступна только для зарегистрированных пользователей или только для пользователей обладающих специальными правами (назначается каждому пользователю отдельно в панели управления пользователями). Для удобства работы, я например, всегда вывожу пункт меню со ссылкой на админпанель сайта. Кроме меня ее никто не видит, а мне очень удобно, потому что не надо каждый раз вводить слово administrator в строку браузера. Естественно, для того, чтобы увидеть эту ссылку вам надо войти на сайт под своим логином.

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

Пункт 7 - id пункта меню. В принципе для вас не представляет пока какой то нужды в использовании.

Сразу хочу обратить ваше внимание на два момента, которые сделают работу с меню более быстрым и удобным.



Вид отображения таблицы. Если не выбрано ничего, то отображаются все пункты меню, и включенные и отключенные. Выбрав только один и статусов, вы сможете работать более комфортно, не тратя время на перелистывание страниц. Особенно это удобно при большом количестве пунктов меню.


Отображение количества показываемых пунктов меню. Я всегда выбираю позицию "Все". Так все пункты меню видны как на ладони и работать становится намного удобнее.

Ну, а теперь поговорим о типах создаваемых меню.

Как вы помните, в прошлом уроке мы переименовывали пункт меню "Главная" и выводили по этой ссылке определенную статью на главную страницу сайта. Но Джумла предоставляет возможность открывать по ссылкам не только текстовые материалы, но и страницы специальных компонентов, например, галереи, книги отзывов, контактов, форума и многого многого другого.
Учитывая, что пока мы изучаем азы движка джумла, мы рассмотрим те возможности, которые есть в стандартной поставке Джумлы, а также установим новый компонент карты сайта и выведем его в одном из наших меню. На примере этого компонента вы сможете устанавливать и выводить в меню самые различные компоненты, необходимые для вашего сайта.

Итак, для начала заходим в любой пункт главного меню.


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



Для начала обратите внимание на 4 пункта отмеченные зелеными стрелочками.

1. Внутренняя ссылка - здесь собраны все компоненты установленные в Джумла. Выбирая один из компонентов вы автоматически получаете ссылку на него. А дальше его остается только настроить. Настройки для каждого компонента разные.
2. Внешняя ссылка - используя этот тип меню вы можете создавать ссылки на другие сайт и т. п. Т. е. вы сможете вставить любую ссылку, которая будет открываться при переходе по этому меню
3. Сепаратор - это меню пустышка. Т. е. оно никуда не ведет. Я его использую при создании меню аккордеонов, чтобы при нажатии на пункт меню не перезагружалась страница, а выезжало вложенное меню. Сюда, кроме названия, ничего вставлять не надо. Также этот тип не имеет никаких дополнительных настроек. Запомните этот пункт!!!
4. Псевдоним - если вам надо сделать пункт меню, открывающий какой то другой пункт меню, то это самое то. В настройках этого типа вам останется просто выбрать нужный пункт меню из выпадающего списка. Удобно, если у вас в нескольких местах дублируются пункты меню.

Сегодня мы установим крайне необходимый для веб-сайтов компонент, о котором, почему то часто забывают веб-дизайнеры. Компонент называется карта сайта (XMap), и необходим для более успешной индексации содержания вашего сайта поисковыми системами.
Для начала, как обычно, скачиваем сам компонент здесь depositfiles.com/files/lkw4nvvwi
и плагин к нему здесь depositfiles.com/files/ltlax5s9u

Для начала устанавливаем компонент, потом плагин!!!

Как инсталлировавать расширения Джумлы описано в прошлом уроке.

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



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

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

Домашнее задание:



Я хочу, чтобы вы потренировались работать с компонентом материалов джумла. Для начала создайте 6 различных статей, разместите их в одном разделе и двух категориях. Создайте пункты меню со всеми типами, которые предлагаются для компонента материалов. Посмотрите, как они выглядят с фронта, поэкспериментируйте с настройками отображения.
Это надо сделать ОБЯЗАТЕЛЬНО! Потому что работа именно с этим типом меню будет основной в вашей последующей карьере Отчеты о выполненном задании жду в этой теме.

В следующем уроке мы рассмотрим модульное строение Джумлы, нарисуем схему нашего сайта и приведем его к тому виду, каким вы хотели бы его видеть.

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

И еще, очень прошу вас поучаствовать в опросе, так как мы уже подбираемся к самой интересной части - установке и настройке расширений джумла. По итогам опроса я буду выкладывать уроки, по каждому отдельному компоненту.


Статью о том, что такое карта сайта, можно почитать здесь

До скорых встреч!

Всегда ваша, Наташа