.

.

Урок № 8 -Joomla. Делаем меню.

 

Урок №8. Joomla - делаем меню.


Здравствуйте, дорогие читатели блога zuit.ru! Сегодня мы с вами будем создавать меню,  вы узнаете, что такое вложенные категории и как их можно сделать у себя на сайте. Этот урок получится немного сложнее,  но не торопитесь и читайте внимательно.


В прошлом уроке joomla мы с вами работали над оформлением главной страницы. Вам надо было  самостоятельно разместить материалы на главной странице и определить  порядок, в котором они будут находиться.

 

Не забывайте запустить Denwer перед началом работы.

А сейчас давайте разберем, что такое шаблон списка категории и шаблон блога категории.


Первые два пункта меню на сайте – это «слоны» и «бегемоты». Мы создавали для них, если помните, ссылку «шаблон блога категории».

Структуру сайта, который мы делаем вместе, можно посмотреть в уроке № 2.

Каким образом мы создали эти пункты меню, напоминаю еще раз.


 

Для этого надо зайти «все меню» - «главное меню»- создать. Выбираем в открывшейся форме:  тип меню – материалы - шаблон блога категории. Пишем заголовок, псевдоним (английскими буквами). Обязательно проверяем окно «показать в…», а справа указываем категорию, после чего сохраняем.


Создадим еще один пункт меню- крокодилы.  Опять нажимаем «создать» - материалы. Но в этот раз выбираем «шаблон списка категории».



 

 

Все остальное делаем точно так же, то есть указываем заголовок, пишем псевдоним.

А справа в основных параметрах выбираем  категорию.




 

 

Необходимые нам категории мы сделали заранее в уроке №  5.




 

 

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


Как видим, в меню у нас появились два новых пункта: крокодилы и птицы.



 

Создадим по два разных материала в категорию «крокодилы» и «слоны». Как это делать, вы уже знаете.

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

 

Если вы забыли, как загружать картинки, смотрите в уроке joomla № 6.

У меня получилось так, я даже вставила картинки для наглядности.




 

 

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


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

Заходим в пункт меню «Все меню»- «главное меню», выбираем пункт меню «Слоны» и разберем форму, которая открывается.

 


Справа нас интересуют настройки данной категории.  Смотрим на «основные параметры», расположенные справа.

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

Сейчас стоит цифра 2, поэтому и колонки у нас две. Меняем эту цифру на 1, после сохранения у нас будет только одна колонка.

В предварительном просмотре мы можем посмотреть все статьи, которые уже есть на нашем сайте.


Если вы  нажимали на кнопку «подробнее», то сначала ваши читатели увидят только начало статьи, а продолжение будут читать сами, если нажмут на эту ссылку.

В расширенных параметрах можно выставить порядок выведения материалов. По убыванию или по возрастанию – это решать вам.



 

 

Если в предварительном просмотре зайти в пункт меню «крокодилы», то все материалы будут выводиться в виде списка.

При нажатии на ссылку мы попадаем на саму статью.



 

Что еще мы видим? Заголовок, автор и хиты, то есть количество показов. Не знаю, надо ли вам это на своем сайте, поэтому расскажу, как можно убрать подобную информацию.

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

 


В расширенных параметрах выбираем сортировку по возрастанию или по убыванию, как вам больше понравится. Показать выбор – скрыть.

Если открыть «параметры» - «компонент», то здесь тоже надо сделать некоторые настройки.

Находим имя автора и хиты и вместо глобальных настроек выбираем «скрыть». Сохраняем изменения, потом идем в просмотр и видим, что многое поменялось.



 

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

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


Разберем на конкретном примере. У нас есть пункт меню «птицы» и вот как раз в нем мы создадим еще несколько пунктов: в них мы опубликуем статьи о различных птицах, которых можно встретить в Африке. Напоминаю, что все категории у нас входят в один раздел, который так и называется: Африка.

Сначала создадим две - три статьи о разных птицах, чтобы эти материалы появились на нашем сайте. К примеру, я выбрала статью про фламинго, страусов и марабу. Они входят в раздел «Африка» и в категорию «Птицы».


Не надо торопиться, когда работаете над созданием статьи, чтобы не перепутать категории и разделы. А то можно случайно поместить статью о  страусах в категорию «слоны», а потом искать, куда же она подевалась.

Заходим в пункты «Все меню» – «Менеджер меню». В строке «Главное меню» выбираем колонку «пункты меню» и нажимаем на значок.




 

 

Создадим здесь несколько новых пунктов. Для этого нажимаем «Создать» - и выбираем «стандартный шаблон материала».

Пишем заголовок «Фламинго», псевдоним – flamingo. И ставим в окошке родительский элемент – птицы.

Просто нажимаем мышкой на строке «птицы».




 

 

Справа в окне надо выбрать материал, который у нас уже предварительно создан. При нажатии перед вами открывается форма, в которой надо найти материал о фламинго и нажать на его название.

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

Этот вложенный список появляется, когда мы нажимаем в предварительном просмотре на пункт меню «птицы».




 

 

Материалы выводятся в две колонки. Если вам нужна только одна колонка, то надо настроить в пункте меню «Птицы» в основных параметрах справа только одну колонку (меняем цифру 2 на 1).

Если в предварительном просмотре зайти в меню «Птицы», то откроется материал о фламинго, о страусах или марабу.


Если мы хотим, чтобы у нас появилось красивое название «Африка» в левом меню, то его надо сделать.

Идем в «Менеджер меню» – «создать» и заполняем поля.


Системное имя для каждого меню должно быть разным. Если в главном меню мы написали - mainmenu, то сейчас пишем, например, left.



 

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


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

Для этого в менеджере меню создаем новый пункт – Антарктида. Порядок, если вы помните, следующий: нажимаем «создать» и заполняем форму. Системное имя выбираем, например, left-menu. Дальше заполняем окошки, как это мы только что делали для Африки (пишем слово Антарктида).


Сохраняем, заходим в «Менеджер модулей», чтобы включить этот модуль. При помощи зеленых стрелочек переставляем его вниз. Если зайти в предварительный просмотр, то увидим на сайте новый большой раздел, он должен стоять в левой колонке самым последним.

 

 

Где-то в этажах застрял лифт. Молодой программист, с трудом подбирая русские слова, по громкой связи сообщает лифтеру:

- Админ? У меня лифт на шестом уровне завис! Перезагрузите!!!


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


Вам надо будет над этим поработать самостоятельно, чтобы до конца понять материалы этого урока joomla.

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

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

 

P.S. Понравилась статья? Не забудьте подписаться на обновления и получать

свежие новости на e-mail, чтобы не пропустить ценную информацию.

 


Советуем вам прочитать другие интересные статьи:


Русификация Phoca Gallery

Как вставить галерею фотографий в материал?

Что такое блог?

Пишем статьи на блог. Небольшой мастер-класс

Как сделать автоматическое наполнение сайта новостями

 


Комментарии  

 
0 #3 Инга 13.02.2013 07:23
Спасибо, Алексей, за отзыв. Уроков будет много впереди. Посмотрите структуру сайта, континенты я специально выбрала для меню, чтобы была понятна логика. Лучше всего сделать простой сайт с нами, а потом менять шаблон. Об этом будет специальный урок.
Цитировать
 
 
0 #2 Алексей Попов 12.02.2013 11:26
немного не понял насчет антарктиды, как это будет выглядеть. у меня просто чуть другой шаблон. Жду следующего урока!
Цитировать
 
 
0 #1 Алексей Попов 12.02.2013 08:30
Спасибо большое добрые люди! я уверен, вас начнут читать много людей, я уже достаточно долго искал текстовый вариант с иллюстрациями, я нашел!) спасибо! подписываюсь) надеюсь будут еще уроки.
Цитировать
 

Добавить комментарий


Защитный код
Обновить

подписаться на новости блога 

Введите Ваш e-mail адрес:

Delivered by FeedBurner

Компьютерная графика 

Начинающему вебмастеру 

Рассылка