Понедельник, Сентябрь 14, 2015

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

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

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

В уроке о создании меню мы рассмотрели, как создаётся новое системное меню (на примере меню spravka), как создаётся модуль меню (на примере модуля Справочное бюро), а также как выбирается  нужный тип меню для  создания нового пункта меню (на примере пункта меню Контакты).

Сегодня мы рассмотрим, как создаются пункты меню с привязкой их к материалам сайта.

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

Переведите сейчас взгляд вправо от статьи.  Вы видите длинную колонку со ссылками. Каждая ссылка - это пункт меню, завязанный  на отдельный материал (статью).

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

А вот в админке старого сайта список всех меню сайта Joomlalessons.ru был таким:
Как создать меню сайта
Рис.1

На Рис. 1 показано, что всего было семь системных меню. Те, что обведены красными рамками, отражались в модулях "Базовый курс"  и "Повышаем мастерство". Как видите, названия меню и модуля в первом случае совпадали. Во втором случае они были разными: меню называлось "Мастерство", а модуль меню под него - "Повышаем мастерство".

Как создать меню сайтаВнимание! - нет правила, устанавливающего то, КАК вы должны называть то, что создаёте на своём сайте.  Называйте всё так, как хотите, как вам нравится, как вам удобнее, - ведь это ВАШ сайт, и админка - это ВАША кухня!


Располагались вышеуказанные два модуля в позиции шаблона "right".

Указанное в Рис.1 меню, названное "mainmenu" - это главное меню сайта. Оно отражено в модуле,  находящемся на Joomla-1.5-сайте в позиции "user3". Это тот самый  горизонтальный модуль, который вы видите в самом верху любой страницы сайта.

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

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

Процесс создания любого нового пункта меню происходит через меню "Все меню" :

Рис.2

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

Шаг 1. Открываем меню "Все меню>>Справочное бюро".

Шаг 2. В окне "Пункты меню: (Справка)" нажимаем на кнопку "Создать".

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


Рис.3

Если вы подведёте курсор к любому из открывшихся типов меню, появится всплывающая подсказка:

Рис.4

На Рис.4 отображена подсказка к Стандартному шаблону материалов, отображающему один материал, т.е. одну статью.

Отображение в меню одной статьи

Шаг 1. Если мы хотим завязать пункт меню на какую-либо конкретную статью, то в окне "Пункты меню: (Создать)" надо выбрать тип меню Материалы>>Стандартный шаблон материала.

Шаг 2. В окне "Пункт меню: (Создать)" даём заголовок  пункту меню. Я назову его "Одна статья" :


Рис.5

Теперь в Параметрах нажимаем на кнопку "Выбрать":

Рис.6

Появится окно со списком статей, среди которых надо найти нужную. Давайте для примера выберем самый первый заголовок Support and Documentation и нажмем на него :

Рис.7

Заголовок отразился в Параметрах:

Рис.8

Теперь можно нажать на кнопку "Сохранить".

Шаг 3. Проверяем лицевую панель и видим, что новый пункт меню "Одна статья" появился в меню "Справочное бюро":

Рис.9

Пройдитесь по этой ссылке и посмотрите, как выглядит страница сайта: кроме статьи Support and Documentation, других материалов на странице нет. Именно так будет выглядеть отображение ваших статей, если вы завяжете их в меню на Стандартный шаблон материала.

Шаблон блога категории

Если вы при создании пункта меню завяжете его на тип Шаблон блога категории, то все статьи из этой категории будут отображаться в лицевой панели  в формате блога. Что означает "в формате блога" :

Шаг 1. Открываем Все меню>>Справочное бюро>>кнопка Создать.

Шаг 2. В окне "Пункт меню: (Создать)" выбираем Материалы>>Категория>>Шаблон блога категории:


Рис.10

Шаг 3. В новом окне заполняем строчку "Заголовок" - я назову этот пункт "Шаблон блога категории".

Шаг 4. В Основных параметрах надо выбрать из выпадающего списка название той категории, на которую вы хотите завязать создаваемый пункт меню. Давайте выберем  для примера  категорию Latest из раздела News, в которой сейчас находятся пять статей.

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

  • Во всю ширину 1
  • Вступление 4
  • Колонки 2
  • Ссылки 4


Давайте его и оставим. Теперь нажмём на кнопку "Применить".

Шаг 5. Открываем лицевую панель и проверяем результат:


Рис.11

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

Шаг 6. Изменяем параметры, например, на следующие:

  • Во всю ширину 1
  • Вступление 0
  • Колонки 1
  • Ссылки 4

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

Рис.12

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

Таким вот образом вы можете экспериментировать столько, сколько понадобится. Когда придёте к окончательному варианту, нажмите на кнопку "Сохранить".
Теперь вы знаете, как будет выглядеть отображение ваших статей, если вы завяжете их в меню на Шаблон блога категории.

Шаблон списка категории

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


Шаг 1. Открываем Все меню>>Справочное бюро>>кнопка Создать.

Шаг 2. В окне "Пункт меню: (Создать)" выбираем Материалы>>Категория>>Шаблон списка категории :


Рис.13

Шаг 3. В новом окне заполняем строчку "Заголовок" - я назову этот пункт "Шаблон списка категории".

  В Основных параметрах надо выбрать из выпадающего списка название той категории, на которую вы хотите завязать создаваемый пункт меню. Давайте опять выберем  для примера  категорию Latеst из раздела News, в которой сейчас находятся пять статей:

Рис.14

Сохраним изменения.

Шаг 4. Переходим в лицевую панель, перезагружаем страницу и видим следующее:


Рис.15

Кроме этого, в меню "Справочное бюро" добавился пункт "Шаблон списка категории":

Рис.16

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


Подводим итоги:
в меню "Справочное бюро" мы создали три новых пункта, которые привязали
1) к одной статье  из категории  и
2) сразу ко всем статьям из выбранной категории. При этом статьи из категории мы вывели для показа в двух вариантах :

а) в виде шаблона блога категории - когда каждая статья выводится для показа  вступительным текстом и кнопкой "Читать далее...". Если начало статьи заинтересовало читателя, он нажмёт на эту кнопку , и тогда статья откроется полностью;
б) в виде  шаблона списка категории - когда статьи выводятся в виде списка заголовков статьей, а заголовки - это ссылки . Если читателю нравится заголовок, то он нажмёт на ссылку и прочитает статью полностью.

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

 

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

Опять взгляните направо, на МОДУЛЬ МЕНЮ "Базовый курс". Там, где возле заголовка "Навигация по сайту" курсирует солнечная птаха, - это тоже пункт меню, но он не завязан  ни на один материал. Здесь я применила тип меню "Разделитель".

В верхнем горизонтальном меню есть пункт "Мастерская", под ним - пункт "Как сделать?". Он завязан на шаблон списка категории.

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

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

Ну вот, теперь остаётся только выдохнуть: "Уф, урок окончен!"  и порысачить на перемену.

ВЕСЕЛАЯ перемена: Когда собака остаётся дома одна

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

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

Поделиться: