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

image

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

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

Бесплатно

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

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

46 уроков

SEO блог

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

Урок 9: как использовать стандартные модули Joomla?

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

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

Модуль поиска

Для начала давайте рассмотрим модуль поиска, находим его в списке (Поиск) и нажимаем на него. Здесь вводим заголовок, например, просто «Поиск на сайте», здесь же можно показать/скрыть заголовок, включить/выключить модуль поиска. Указываем позицию, на которой наш поиск будет отображаться на сайте, пусть это будет Position-7. Остальные настройки довольно просты, при наведении на каждую из них выплывает подсказка с описанием. Нажимаем «Сохранить» и обновляем страницу нашего сайта.

Как видим, справа над главным меню у нас появился наш поиск по сайту. Но при этом поле для вводы поискового запроса слишком длинной, не помещается в ширину сайдбара:

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

Давайте выведем наш поиск в верхней части сайта в позиции top (position-1). Чтобы посмотреть, где находится эта позиция, как вы помните, к адресу сайта необходимо дописать «/?tp=1». В настройках модуля поиска выбираем позицию position-1 и нажимаем «Сохранить и закрыть». Вот так будут выглядеть настройки нашего модуля поиска:

Если обновить страницу, то поиск теперь будет отображаться вверху.

Модуль регистрации и авторизации на сайте

Теперь отредактируем модуль, который уже создан и включен по умолчанию - это модуль Login Form (Вход на сайт). В менеджере модулей выбираем в списке можуль «Login Form». В заголовке давайте напишем «Авторизация на сайте» вместо Login Form, а позицию оставим position-7. В параметрах модуля также все довольно просто. Начальный текст отвечает за отображение вашего текста перед формой авторизации, давайте напишем там «Зарегистрируйтесь, пожалуйста…». В заключительном тексте ничего не будем писать. Можно также указать URL при входе после авторизации и URL  при выходе. Нажимаем «Сохранить и закрыть», а настройки модуля «Вход на сайт» должны выглядеть так:

Обновляем страницу на нашем сайте, она теперь будет выглядеть так:

В менеджере модулей при желании можно менять местами модули, расположенные на одной позиции. Как вы уже знаете, делается это при помощи колонки «Порядок».

Модуль навигатор сайта

Теперь рассмотрим модуль «Навигатор сайта». В менеджере модулей он уже создан по умолчанию и находится в позиции «breadcrumb» (position-2). В другие позиции модуль «Навигатор сайта» просто не влезет. Данное расширение помогает пользователю ориентироваться на сайте, показывая, где именно он находится. Находим в списке созданных модулей Breadcrumbs и открываем его. Давайте изменим его название, к примеру, на «Мое местонахождение». В параметрах модуля давайте лишь поставим текст главной страницы: «Главная». Нажимаем «Сохранить и закрыть».

Если вы обновите страницу сайта, то увидите, что под статьей на главной странице появилось такое: Вы здесь: Главная. Это значит, что вы находитесь на главной. Попробуйте перейти в меню на разные пункты и открыть различные наши материалы – вы увидите, что модуль навигатор постоянно будет отображать ваше текущее местонахождение на сайте.

Модуль Материалы - Самые читаемые

Теперь переходим к рассмотрению модуля «Материалы - Самые читаемые». В менеджере модулей опять-таки нажимаем на кнопку «Создать» и выбираем модуль «Материалы - Самые читаемые». Это расширение позволяет отображать на сайте самые популярные материалы. Их популярность определяется по общему количеству просмотров.

Заголовок пусть будет «Наиболее популярное», позицию давайте установим Position-7. В параметрах модуля можно показать/скрыть материалы с главной страницы [Избранные материалы] (иногда нет необходимости, чтобы такие материалы участвовали в таком своеобразном рейтинге), задать количество отображаемых материалов в списке модуля – в нашем случае, так как у нас мало статей, поставим цифру «3». По умолчанию в модуле отображаются материалы со всего сайта, однако, при желании вы можете указать конкретные категории или подкатегории, из которых вы хотите, чтобы выбирались самые читаемые статьи. Нажимаем «Сохранить и закрыть».

Обновив страницу сайта, вы увидите, что справа появился наш модуль «Наиболее популярное».

Модуль Материалы - Последние новости

Теперь рассмотрим модуль «Материалы - Последние новости». Он предназначен для отображение списка последних опубликованных статей на сайте. В менеджере модулей нажимаем «Создать» и выбираем «Материалы - Последние новости». В заголовке давайте напишем «Последние статьи», позиция пусть будет position-7, количество отображаемых материалов поставим «3». Остальные настройки схожи с параметрами модуля «Материалы - Самые читаемые». Нажимаем «Сохранить и закрыть».

Обновляем страницу на сайте и видим наш новосозданный модуль «Последние статьи» справа под модулем «Вход на сайт».

Модуль HTML-код

Теперь поговорим об очень важном и востребованном модуле «HTML-код», который предназначен для отображения на сайте любого HTML кода, например, рекламы, баннера или какой-нибудь формы. Т.е. сюда можно добавлять как обычный текст и картинки с помощью встроенного редактора, так и непосредственно HTML код. Нажимаем «Создать» в менеджере модулей и выбираем «HTML-код».

Рассмотрим использование этого модуля на примере добавления рекламного баннера. В заголовке напишем «Реклама», показывать заголовок не будем, а позицию выберем position-7. Теперь необходимо в форму редактора текста вставить HTML код нашего баннера. Для этого у меня уже есть заранее готовый код рекламного баннера хостинга Ukrline.com.ua (взял у них на сайте). Однако для вставки HTML кода необходимо выключить редактор, нажав на соответствующую кнопку под формой. Копируем сюда код и нажимаем «Сохранить и закрыть».

Обновив страницу на сайте, справа внизу можно теперь наблюдать наш баннер.

Иногда бывает, что какая-либо специфическая реклама либо тот же счетчик посещений отображаются некорректно, если вставлять их код в такой же способ (обычно такое происходит, если в коде есть какие-то скрипты). Что делать в этой ситуации? Для этого нам надо будет полностью выключать редактор в общих настройках Joomla перед сохранением кода модуля.

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

Главное усвоить то, что если у вас при установке кода в модуле «HTML-код» на сайте ничего не отображается, то необходимо вобщих настройках временно отключить редактор. Есть еще один вариант решения этой проблемы - он намного удобнее, ведь не надо будет постоянно переходить в менеджер плагинов. Это установка внешнего расширения Sourcer. Однако, это будет рассмотрено уже в отдельной статье.

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

Рекомендуется

  • Хостинг - домен бесплатно
  • Купить статьи для сайта
  • Купить-продать ссылки
  • Купить-продать вечные ссылки