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

image

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

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

Бесплатно

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

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

46 уроков

SEO блог

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

Урок 5: как создать категории и ссылки на них в меню?

В этом уроке мы рассмотрим, как в Joomla создаются категории и их подкатегории, с помощью которых можно структурировать все материала сайта, относя каждый из них к конкретной категории/подкатегории. Для того чтобы создать категорию в админпанеле следует перейти в «Материалы» и выбрать «Менеджер категорий». Здесь мы видим только одну глобальную категорию материалов Uncategorised. Сюда сохраняются все материалы, которые не будем относить ни к одной из категорий.

Нажимаем кнопку «Создать» и перед нами откроется окно с настройками новой категории. Сначала заполним поле «Заголовок» – пусть это будет «Категория 1», поле «Алиас» заполнится автоматически при сохранении.

Создание категорий

При создании вашего сайта вы уже будете называть категории в соответствии с вашими потребностями: например, у вас будет сайт про спорт, где будет раздел, который будет содержать все статьи про футбол. Тогда вы создадите категорию «Футбол», а в ней уже можно создать подкатегории, например «Чемпионат Германии» или «Чемпионат Италии». 

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

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

Для пояснения работы с категориями и материалами в Joomla мне будет достаточно двух подкатегорий. Их мы сейчас и создадим. А вот количество категорий и подкатегорий на вашем сайте будет зависеть лишь от выработанной вами его структуры и тематики. Итак, первую подкатегорию назовем «Подкатегория 1», а в поле Родитель справа выбираем Категория 1. Опять же по желанию можно добавить картинку и описание подкатегории. Нажимаем Сохранить и закрыть.

Аналогично создали и вторую подкатегорию с названием «Подкатегория 2».

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

Итак, ищем вкладку «Материалы» и выбираем «Менеджер материалов». Здесь нажимаем на кнопку «Создать» и перед нами откроется форма для добавления статьи. Заполняем заголовок: чтобы не путаться, назовем первый материал как «Первая статья подкатегории 1» (остальные статьи назовем аналогично, т.е. «Вторая статья подкатегории 1», «Первая статья подкатегории 2» и «Вторая статья подкатегории 2»). Обратите внимание, что статьи можно добавлять и прямо в категории (в нашем случае Категория 1).

Теперь указываем категорию справа – «Подкатегория 1». Добавляем непосредственно статью. В каждый материал, чтобы не заморачиваться, я буду вставлять одну и ту же статью, главное, чтобы у них отличались заголовки. Опять же это все необходимо для того чтобы мне было легче объяснить, а вам – понять. Обратите внимание, что здесь в поле Избранное нужно оставить Нет, так как нам не нужно, чтобы эти статьи отображались на главной странице. Нажимаем Сохранить и закрыть. Теперь повторите так еще три раза, чтобы создать еще три статьи. В итоге в «Менеджере материалов» у вас должно получиться вот так:

Привязка пунктов меню к категориям и подкатегориям

Теперь давайте создадим в меню ссылки, ведущие на данные категории, и разберемся, какие типы отображения категорий есть в Joomla. Переходим на вкладку админпанели «Меню» и выбираем «Менеджер меню», где в свою очередь открываем Main Menu. Здесь нажимаем кнопку «Создать» для создания нового пункта меню. В типах меню выбираем «Материалы», где сразу следует обратить внимание на «Блог категории» и «Список материалов категории»:

Тип пункта меню Блог категории

Эти два типа отображения материалов мы и рассмотрим. Как раз для каждого из них у нас будет своя уже созданная нами подкатегория. Давайте сначала рассмотрим «Блог категории». Нажимаем на него и попадаем на страницу с настройками пункта меню. В заголовке пункта меню пишем, например, «Блог категории». В поле Выбор категории из выпадающего списка выбираем «Подкатегория 1». Теперь нажимаем «Сохранить».

Теперь перейдем на наш сайт «http://sitetest» и после обновления (F5) на главной странице в главном меню появился новый пункт «Блог категории». Нажимаем на него и видим, что перед нами отображены две статьи «Подкатегории 1» в виде блога, т.е. чем позже создан материал, тем выше он отображается на странице.

По умолчанию, первая статья отображается на всю ширину, а остальные по колонкам. Поправить это можно в админпанеле в настройке данного пункта меню. Переходите на вкладку Параметры макета Блога и в поле «Во всю ширину» ставите, к примеру, «0», в поле «Только введения» – «2», в поле «Количество колонок» – «1», а в поле «Количество ссылок» – «0». Если навести на названия этих параметров курсором, то вы сможете легко разобраться, что каждое поле значит (вы сами можете поэкспериментировать, что будет, если разные значения вставлять в колонки):

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

Тип пункта меню Список материалов категории

Давайте создадим новый пункт меню с типом «Список материалов категории». Для этого на странице пунктов главного меню в админпанеле нажимаем кнопку «Создать», затем, заполняем заголовок, пусть это будет «Список категории». Затем в поле Тип пункта меню выбираем Материалы => Список материалов категории, а в поле Выбор категории - Подкатегория 2.

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

Что касается настроек пункта меню типа «Список материалов категории», то на вкладке Макеты списка в поле «Кол-о материалов в списке» можно указать количество отображаемых ссылок на странице, а в поле Заголовки таблиц можно скрыть/показать заголовок таблицы. В поле Порядок материалов можно задать сортировку, по которой будут отображаться материалы.

В закладке «Параметры страницы» (это касается абсолютно всех типов меню, поэтому обратите на это внимание) можно указать заголовок страницы, которая открывается при нажатии на определенный пункт меню. Здесь же вы можете его скрыть, но при этом он все равно будет отображаться в левом верхнем углу браузера как «title» страницы.

Как добавить кнопку Подробнее в статье

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

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

Переходим на наш сайт, выбираем в меню «Блог категории», и ищем нашу «Вторую статью подкатегории 1».

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

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

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