Содержание


Разработка Web-сайта на основе CMS Joomla!. Часть 2

Comments

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

Web-сайт компании должен быть правильно спроектирован и реализован, так как современный Web-ресурс – это визитная карточка любого предприятия, агентства или учреждения. Это информационный проводник, привлекающий пользователей, клиентов и потенциальных партнеров.

Рассматриваемая в данном цикле статей система управления контентом Joomla! в умелых руках позволяет создать современный Web-сайт и предоставить доступ к нему для пользователей и администраторов. В этой статье будет показано, как создать и упорядочить информационную структуру в системе управления контентом Joomla!.

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

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

  • Разделы - представляют собой большие объединения, которые состоят из категорий;
  • Категории - являются небольшими объединениями, которые вмещают в себе объекты;
  • Объекты контента - любое изображение или текст, которые размещаются на Web-странице администратором сайта.

Особенность подобной структуры заключается в том, что информационный материал невозможно создавать без раздела и категории. Можно легко разобраться в информационной модели Joomla!, если представить подобную аналогию: разделы – ящики, категории – папки в этих ящиках, объекты контента – бумаги в этих папках. Еще одно преимущество категорий и разделов – это возможность привязывать их к отдельным шаблонам оформления.

Для управления разделами принято использовать "Менеджер разделов". Его можно открыть, нажав на иконку "Разделы", расположенную на панели управления, или через меню "Материалы" -> "Разделы", как показано на рисунке 1.

Рис. 1 Менеджер разделов Joomla!
Менеджер разделов Joomla!
Менеджер разделов Joomla!

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

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

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

К примеру, можно создать сразу несколько отдельных разделов, среди которых "Новости" и "Рынок труда" и т.д. В каждый из данных разделов в будущем будут добавлены отдельные категории, которые также будут содержать самостоятельные отдельные записи.

Также исчезает необходимость делать отдельный раздел для всех родительских пунктов меню ресурса, так как в Joomla! разделы предназначены именно для каталогизации информации, а не для построения структуры. Чуть позже мы еще вернемся к вопросу создания меню для Web-сайта. В будущем можно будет добавлять, редактировать, удалять разделы и категории. При этом следует помнить, что правильно спланированная структура информации позволяет сэкономить огромное количество в процессе разработки.

Категории в Joomla! создаются точно также, аналогично разделам. Единственное отличие – это наличие списка "Раздел" при создании категории, который поможет определить точную принадлежность категории к одному из разделов. После создания нужных категорий можно задуматься также и о том, каким информационным продуктом их наполнить, а какие категории сделать статическими.

Основной целью при объявлении категорий и разделов является создание оптимальной структуры для размещения информации с возможностью её полного или частичного обновления.

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

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

Создание информационного материала

После успешного создания каркаса информационной структуры ресурса можно переходить к наполнению его информацией. Ранее мы уже говорили о том, что Joomlа! предусматривает два типа материалов:

  • "динамический" тип является наследником разделов и категорий;
  • "статический" тип имеет все функции и атрибуты типа динамического, но не принадлежит к разделам и категориям.

При создании "динамических" материалов необходимо указывать раздел и категорию, а для "статических" этого не требуется. Для повышения удобства в будущем мы будем называть статические записи "страницами", а динамические "материалами".

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

  • "Материалы" -> "Материалы по разделам", после чего указывается желаемый раздел и выбирается пункт "Материалы в (название раздела)";
  • "Материалы" -> "Все материалы", после чего нажимают на клавишу "Новый".

Добавляя новые материалы, необходимо уделять особенное внимание следующим полям:

  • "Заголовок" - поле отображается в качестве заголовка при выводе любого материала;
  • "Алиас заголовка" - дополнительное поле, которое используется различными модулями расширения или дополнительными функциями;
  • "Раздел" - родительский раздел;
  • "Категория" представляет собой категорию записи;
  • "Вводный текст" - текст записи, который будет отображаться до кнопки "Подробнее";
  • "Основной текст" - текст записи, который отображается уже при ее просмотре. Выводится только после "Вводного текста". Это поле необязательно заполнять, так как его используют только в масштабных информационных материалах.

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

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

Вкладка "Редактор" содержит все поля, перечисленные выше, а также позволяет ввести всю информацию, необходимую для отображения. Благодаря вкладке "Публикация" можно определить дополнительные параметры материала, например, показывать материал на главной странице ресурса, ввести данные об авторе и т.д. Вкладка "Картинки", изображенная на рисунке 2, помогает управлять функцией присоединения изображений к записи. Изображения вставляются при генерации страницы. Ссылки на изображения хранятся в базе данных, что помогает избежать чрезмерных нагрузок на сервер при выдаче страниц.

Рис. 2 Вкладка "Картиники" в редакторе Joomla!
Вкладка "Картиники" в редакторе Joomla!
Вкладка

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

После вставки в текст служебного тега <! – mosimage–> выбранные картинки добавляются к записи. В первый раз эта функция вызывается, когда выводится первая картинка из списка. Второе обращение к функции <! – mosimage–> означает, что вставляется уже вторая картинка.

Один из минусов Joomla! заключается в том, что в ней отсутствуют стандартные средства для работы с графикой. Поэтому для вставки изображений приходится пользоваться "Медиа менеджером", либо же через FTP-подключение загружать изображения на ресурс, ссылаясь на них с помощью операторов HTML.

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

"Мета-теги" - это вкладка, содержащая в себе всего лишь два поля. Тег Description нужно заполнить кратким описанием страницы, которые используются для индексации поисковиками. Отсутствие этого тега заставляет поисковые системы выдавать в аннотации всего лишь первую строку документа, либо же отрывок, в котором содержатся ключевые слова. Тег Keywords также используется в поисковой оптимизации, для его заполнения следует использовать ключевые слова и словосочетания из материала, но их количество, как правило, не должно превышать десяти слов.

Во вкладке "Меню" можно добавлять статьи в определенное меню Web-сайта. Запись одновременно может присутствовать в разных меню, но с различными названиями. Создавать пункты меню при помощи редактора не очень удобно из-за отсутствия возможности настраивать параметры создаваемых ссылок.

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

Для того чтобы просмотреть все имеющиеся материалы, нужно нажать на кнопку "Материалы", располагающуюся на главной странице административного интерфейса, или же воспользоваться пунктом меню "Материалы" -> "Все материалы".

Для того чтобы создать статический объект, который не относится ни к одной из категорий, необходимо нажать на кнопку "Статичные материалы" на главной странице административного интерфейса, или же воспользоваться пунктом меню "Материалы" -> "Статичные материалы" -> "Новый". Создание статической записи выполняется при помощи такого же редактора, только без возможности указания "Вводного текста". Так как для статических материалов доступно только одно поле для ввода полного текста. Также цельный текст можно разделить на несколько страниц, связанных между собой.

Сохраненная статическая страница появится в разделе "Статические материалы". Нужно отметить, что стандартные средства Joomla! не позволяют выводить статические записи на главную страницу Web-сайта.

Создание элементов меню

После добавления контента можно переходить к финальному этапу создания структуры ресурса. Как уже упоминалось, в Joomla! отсутствует прямая зависимость между элементами меню, разделами и категориями, поэтому администраторы могут самостоятельно определять, какие ссылки отображать в меню, а какие нет. Архитектура CMS вносит некоторые ограничения в процесс создания и дальнейшей публикации пунктов меню, поэтому стоит рассмотреть этот процесс более подробно.

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

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

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

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

Открываем пункт "Модули" -> "Модули сайта", чтобы настроить отображение бокового меню, затем переходим в "Главное меню". На рисунке 3 изображена страница конфигурации модуля меню, при этом особое внимание следует уделить данным параметрам, которые могут устанавливаться для всех блоков меню, независимо от того где именно на странице они располагаются.

  • "Заголовок" - выводится на страницах Web-сайта при включении опции "Показывать заголовок".
  • "Позиция" - название контейнера, который выводит модуль меню.
  • "Порядок" - последовательность вывода модуля в контейнере шаблона оформления (когда в одном контейнере выводится сразу же несколько модулей).
  • "Уровень доступа" - позволяет определить группу пользователей, для которых будет доступен данный модуль меню (таким образом можно ограничивать доступ к определенным разделам Web-сайта).
  • "Публикация" – активирует отображение меню на Web-сайте.
  • "Имя меню" - позволяет выбирать из списка меню, которое будет отображаться в данном модуле.
  • "Стиль меню" - горизонтальное или вертикальное расположение кнопок, которое изменяется при выводе бокового и верхнего меню.
  • "Развернуть меню" - позволяет развернуть подпункты, показывая их одновременно с основными пунктами.
Рис. 3 Конфигурация модуля меню в Joomla!
Конфигурация модуля меню в Joomla!
Конфигурация модуля меню в Joomla!

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

Администратор входит в настройки модуля и выбирает в списке "Имя меню" пункт "mainmenu", а затем включает публикацию конкретного модуля. После конфигурации модулей необходимо заполнить блоки, содержащие ссылки, которые будут выводиться на страницах Web-сайта.

Раздел под названием "Менеджер меню" дает возможность осуществлять операции с отдельными группами ссылок, например "mainmenu". Благодаря этому администраторы могут создать произвольное количество групп, а затем опубликовать их на Web-сайте при помощи модулей. Для того чтобы редактировать группу "mainmenu", которая выводится модулем "Главное меню", необходимо выбрать в меню административного интерфейса пункты "Меню" -> "mainmenu". Также можно нажать на кнопку "Редактировать пункты меню", которая располагается напротив "mainmenu".

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

  • "Блог – материалы категории" – перейдя по ссылке, пользователь увидит все материалы категории;
  • "Блог – материалы раздела" - перейдя по ссылке, пользователь увидит все материалы раздела;
  • "Ссылка на материал" - перейдя по ссылке, пользователь попадет на страницу, содержащую определенный материал;
  • "Ссылка на статическую страницу" - перейдя по ссылке, пользователь попадет на статическую страницу;
  • "Таблица – материалы категории" - дает возможность вывести на страницу таблицу, содержащую заголовки всех материалов конкретной категории;
  • "Таблица – материалы раздела" - дает возможность вывести на страницу таблицу, содержащую заголовки всех материалов выбранного раздела;
  • "Компонент" – для ссылки на объект, например, гостевую книгу или форму обратной связи.

Тип выбранной ссылки фактически определяет будущий вид представления материалов на странице.

Для того чтобы добавить в меню ссылку на статическую страницу, нужно нажать кнопку "Новый" и выбрать соответствующий тип ссылки. В следующем окне нужно будет выбрать нужную страницу из всех статических страниц, имеющихся на ресурсе. Помимо этого, можно будет указать значения параметров "Публикация", "Уровень доступа", "Родительский элемент меню" и "Имя ссылки". Ссылка не будет видна в меню сайта, пока не будет активирована опция "Публикация". При выборе стороннего пункта меню в качестве "родителя"», создаваемая ссылка становится его подпунктом.

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

Помимо указания категории, материалы которой будут выводиться по ссылке, администратор обязан указать и другие параметры: "Родительский пункт меню"; "Имя ссылки"; количество материалов, которые будут выводиться полностью. Также указывается количество материалов, которые будут представлены только вводным текстом, и количество материалов, которые будут представлены в виде ссылок.

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

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

Рис. 4 Пример заполненного "Менеджера меню"
Пример заполненного "Менеджера меню"
Пример заполненного

Заполнение главной страницы

Главная страница представляет собой визитную карточку любого Web-сайта, так как именно после просмотра главной страницы пользователь принимает решение, оставаться ли на данном сайте или нет. Joomla! позволяет создавать главную страницу ресурса с поддержкой кастомизации дизайна и динамическими информационными блоками. Стандартные средства Joomla! позволяют поместить на главную страницу объекты разделов или категорий.

Помимо этого, некоторые Web-сайты размещают дополнительные модули именно на главной странице, чтобы обеспечить большую интерактивность и динамичность. Для того чтобы отобразить несколько материалов на главной странице, необходимо активировать для них опцию "На главной странице".

Просмотреть все материалы, опубликованные на главной странице, можно при помощи иконки "Главная страница", которая расположена на первой странице административного интерфейса. Также сделать это можно через меню "Материалы" -> "Материалы на главной".

Заключение

В данном цикле статей был достаточно подробно описан процесс создания современного Web-сайта на основе Joomla CMS. Подобный Web-сайт уже пригоден для практического использования, хотя и может в основном использоваться только для обмена и распространения информации. Но с помощью различных модулей расширения, доступных для Joomla, Web-сайт можно превратить в Интернет-магазин или CRM-систему, или адаптировать его для решения практически любых задач.

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

Предлагаем читателю скачать версию описанной системы управления контентом Joomla! с официального сайта проекта и приступить к созданию собственного Web-сайта.


Ресурсы для скачивания


Похожие темы


Комментарии

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

static.content.url=http://www.ibm.com/developerworks/js/artrating/
SITE_ID=40
Zone=Open source
ArticleID=973726
ArticleTitle=Разработка Web-сайта на основе CMS Joomla!. Часть 2
publish-date=06092014