8 (800) 200-25-11 Техническая поддержка support@komtet.ru — круглосуточно и без выходных дней
load-whois
 
Главная Техническая библиотека CMS Joomla! Пример создания сайта на Joomla

Пример создания сайта на Joomla

В статье описано создание сайта на Joomla c добавлением форума, чата, и нескольких статей.

Для понимания статьи рекомендуем получить бесплатный тестовый доступ на виртуальный хостинг, так как предполагается, что вами автоматически установлена русская версия Joomla из Панели управления хостингом КОМТЕТ.

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

1. Первый шаг - установка Joomla

Итак, вы завели на хостинге площадку (зарегистрироваться для теста хостинга можно бесплатно), к примеру test.komtet.ru. Прежде всего необходимо установить сам пакет Joomla, что можно сделать двумя способами:

  1. Через FTP загружаем распакованный пакет Joomla в корень сайта (или же в другую директорию внутри /httpdocs по желанию). После чего набираем в браузере: http://ваш_домен/install.php и следуем дальнейшей инструкции по установке. Не рекомендуем так делать.
  2. Устанавливаем русскую Joomla в два клика из панели управления Plesk. Установка очень простая и не требует профессиональных знаний.

2. Второй шаг - Первоначальная настройка сайта на Joomla

Теперь у нас установлена Joomla в каталог /httpdocs/ (согласно рассматриваемого примера для условного домена test.komtet.ru, как и все остальные настройки в этой статье. Ваш выбор каталога для установки может отличаться).

Все последующие действия с сайтом будут осуществляться через Панель администрирования Joomla, которую можно вызвать в браузере: http://test.komtet.ru/administrator или же нажать на кнопку в левом меню сайта по умолчанию.

В админпанели переходим по ссылке Сайт -> Общие настройки

Здесь нам важны такие окна настройки, как:

  • Система -> Настройки пользователя
  • Сайт -> Установки Search Engine Optimization

Остальные настройки, выставленные по умолчанию, не критичны и менять их можно по желанию.

Итак, рассмотрим подробно Установки Search Engine Optimization:

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

  • Включить SEO включает механизм поисковой оптимизации (SEO) для вывода ссылок в виде SEF (Search Engine Friendly) URL. Включение этой опции во многих версиях Joomla создает неправильные ссылки навигации по сайту, из-за чего не происходит подключение стилей css.
  • Использование mod_rewrite определяет, использовать ли mod_rewrite веб-сервера Apache для перехвата и перенаправления ссылок, отвечающих определенным условиям. Включение этой опции по желанию, если есть необходимость использовать mod_rewrite.
  • Добавить суффикс к URL если выбрано Да, то система будет добавлять к URL-адресу суффикс, зависящий от типа документа.

Теперь рассмотрим настройки Система -> Настройки пользователя:

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

  • Разрешить регистрацию пользователей если выбрано Да, то будет включен механизм самостоятельной регистрации пользователей через лицевую панель сайта.
  • Права нового пользователя уровень доступа, автоматически присваиваемый пользователю после регистрации через лицевую панель сайта. Данный пункт имеет категории - зарегистрированный, автор, редактор и управляющий. Желательно устанавливать опцию зарегистрированный, а потом менять определенным пользователям статус. Хотя данная опция напрямую зависит от характера сайта.
  • Активация нового пользователя если выбрано Да, то система будет просить активацию нового пользователя через e-mail. Данную опцию желательно устанавливать на Да, чтобы не было переполнения БД из-за спам-ботов.
  • Параметры пользователя данная настройка не является важной и зависит только от выбора администратора. В примере мы выбрали опцию Показать, чтобы зарегистрированный пользователь мог свободно выбирать в настройках своей учетной записи язык, визуальный редактор и сервер помощи.

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

3. Третий шаг - создание меню

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

  • Заходим в Все меню -> Менеджер меню и видим примерно такую картину:

  • Помечаем галочками все меню и нажимаем на кнопку Удалить в правой части:

Важно заметить, что удалять не обязательно все, так как Main Menu, User Menu и Top Menu используются большинством шаблонов для Joomla по умолчанию. Поэтому дабы избежать дополнительной работы по изменению кода шаблонов, просто переименуем эти три меню на Главное меню, Пользовательское меню и Верхнее меню. Итого, на нашем примере, остается три меню.

Теперь приступим непосредственно к созданию меню. Например, нам надо помимо трех существующих, добавить еще одно - Скачать на сайте. Создается меню так:

  • Заходим в Все меню -> Менеджер меню
  • Нажимаем кнопку  Создать в правой части.
  • В появившемся окне задаем параметры нового меню:

Системное имя (обязательно на английском): filemenu

Заголовок (название меню на сайте): Скачать на сайте

Описание (необязательный параметр): здесь качаем файлы

Заголовок модуля (название модуля для данного меню): mod_mainmenu

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

Итак, меню и модуль данного меню созданы. Чтобы меню появилось на сайте, необходимо опубликовать его. Делается это следующим образом:

  • Заходим в Расширения -> Менеджер модулей

  • Выбираем модуль с названием mod_mainmenu
  • Щелкаем по нему мышью и переходим в окно настройки модуля

  • Теперь изменяем имя mod_mainmenu на Скачать на сайте
  • В полях Показать заголовок: и Включен: ставим параметр Да
  • Нажимаем кнопку  Сохранить

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

  • Заходим снова в Расширения -> Менеджер модулей
  • В столбце Порядок рядом с каждым модулем мы видим различные числовые значения. вообщем то это и есть приоритет каждого модуля на сайте (от 1 и ниже, причем 1 является наивысшим приоритетом). Так как нам необходимо поставить наше меню Скачать на сайте после меню Главное меню (приоритет 1), мы изменяем значение Порядок меню Скачать на сайте на 2. Теперь это меню будет следовать на панели всех меню ровно после Главного меню

4. Шаг четвертый - создание статьи

Подведем промежуточный итог: у нас на сайте 3 меню по умолчанию, наполненных статьями от joomla.org, и одно меню, созданное нами, пустое. Необходимо наполнить его и мы начнем это делать со статьи. К примеру разместим в нем одну статью с содержанием условного текста и одной картинки. Приступим:

  1. Заходим в Материалы -> Менеджер материалов
  2. Здесь мы видим определенное количество статей, которые включаются в пакет установки Joomla.

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

  1. Заполняем поля:
  • Заголовок (название статьи в навигаторе сайте): Хостинг
  • Псевдоним (необязательное поле, в большинстве случаев не заполняется)
  • Раздел (систематизация статей, для пункта меню не обязательно указывать): не указано
  • Опубликовано: Да
  • На главной (при желании можно опубликовать на главной странице, в нашем случае http://test.komtet.ru. Важно заметить, что на главной странице можно публиковать только один материал): Нет
  • Категория (систематизация статей): не указано
  • В окне текстового редактора происходит заполнение статьи. К примеру напишем «КОМТЕТ мой хостинг». Сам текстовый редактор может быть изменен и добавлен как модуль Joomla, но в принципе достаточно редактора по умолчанию.
  • После текста добавим картинку, щелкнув на значок:

В появившемся окне происходит добавление рисунка:

  • как с другого сайта (указав в окне Image URL ссылку на рисунок)

  • так и собственного сайта, предварительно загрузив рисунок по FTP (тогда путь к рисунку указывается не URL, а через каталоги на сервере, относительно домашней директории сайта httpdocs. Например, по FTP мы загрузили рисунок 1.jpg в директорию httpdocs/images/. Тогда в окне Image URL следует указать /images/1.jpg)

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

  1. Заходим в Все меню -> Менеджер меню
  2. Щелкаем по значку в колонке Пункты меню напротив меню Скачать на сайте
  3. В появившемся окне нажимаем кнопку 22.jpeg Создать и переходим к мастеру создания пунктов меню:
  4. Переходим по ссылке Материалы -> Материал -> Стандартный шаблон материала:
  5. В появившемся окне заполняем необходимые формы:

Левая панель

  • Заголовок (название статьи на сайте): Статья про хостинг
  • Псевдоним (не заполняем):
  • Ссылка (оставляем как есть):
  • Показать в (самое важное, ведь именно эта опция назначает в каком меню отобразится статья): Скачать на сайте

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

  • Параметры - Основные -> Выберите материал нажимаем кнопку выбрать
  • В появившемся окне отобразились все статьи сайта, поэтому выбираем нужную, а именно Хостинг, и щелкаем по ней.
  • Нажимаем кнопку 23.jpeg Сохранить
  1. Все, статья опубликовано и вызвать ее можно выбрав в меню Скачать на сайте ссылку Статья про хостинг

5. Шаг пятый - интеграция форума и чата в Joomla

Теперь на сайте есть 4 меню и одна статья. Рассмотрим еще несколько необходимых и нужных операций, по наполнению сайта наиболее распространенными пакетами — форум и чат. Замечу что интеграция что этих двух компонентов в принципе ничем не отличается, поэтому рассмотрим подробно действия по интеграции форума.

  • Если форум установлен как стороннее приложение.

Например мы установили на сайт форум phpBB в каталог httpdocs/forum. Прежде всего стоит определиться, как именно данный форум будет отображаться на сайте: во фрейме шаблона сайта или же как отдельная страница. Joomla этим и хороша, что поддерживает оба варианта, поэтому рассмотрим их оба:

Форум как отдельная страница

  1. Заходим в Все меню -> Менеджер меню
  2. Выбираем Редактировать пункты меню (аналогично 4 шагу) Скачать на сайте
  3. Нажимаем кнопку 22.jpeg Создать
  4. В мастере создания пунктов меню выбираем Внешняя ссылка
  5. Даём заголовок меню, к примеру "Форум" и присваиваем ссылку на форум относительно домашней директории - в нашем случае это /forum
  6. Нажимаем на кнопку 23.jpeg Сохранить
  7. Готово.

Форум как содержимое фрейма шаблона сайта

  1. Заходим в Все меню -> Менеджер меню
  2. Выбираем Редактировать пункты меню (аналогично 4 шагу) Скачать на сайте
  3. Нажимаем кнопку 22.jpeg Создать
  4. В мастере создания пунктов меню выбираем Внутренняя ссылка -> Враппер -> Враппер

  5. Присваиваем заголовок "Форум" в левой панели
  6. В правой панели указываем ссылку на форум, а именно Параметры - Основные -> Ссылка на контент враппера указываем /forum
  1. Нажимаем 23.jpeg Сохранить
  2. Готово.

 

  • Если форум установлен, как внутренний компонент Joomla

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

  1. Устанавливаем компонент форума.
  2. Заходим в Все меню -> Менеджер меню
  3. Выбираем Редактировать пункты меню (аналогично 4 шагу) Скачать на сайте
  4. Нажимаем кнопку 22.jpeg Создать
  5. В мастере создания пунктов меню выбираем Внутренняя ссылка -> Kunena Forum
  6. Задаем название заголовка пункта меню "Форум".
  7. Нажимаем 23.jpeg Сохранить
  8. Готово.

 

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

6. Шаг шестой - установка и настройка шаблонов Joomla

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

К примеру, мы купили интересующий шаблон на TemplateMonster и хотите применить его на нашем сайте:

  1. Устанавливаем шаблон
  2. Заходим в Расширения -> Менеджер шаблонов и видим окно со всеми шаблонами, установленными на сайт.
  3. Выбираем ссылку установленного шаблона и попадаем в меню настроек
  4. Выполняем все необходимые изменения (описывать их не буду, так как настройки применяются к файлам стилей css и выбор того или иного пункта уже дело вкуса) и нажимаем кнопку 23.jpeg Сохранить.
  5. В меню шаблонов отмечаем галочкой нужный шаблон и нажимаем кнопку  По умолчанию.
  6. Готово. Теперь наш сайт сайт изменил скин на тот который мы выбрали. 

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

При создании Joomla-сайта на нашем хостинге вы всегда можете рассчитывать на квалифицированные услуги сотрудников круглосуточной Службы технической поддержки хостинга, как при размещении сайта, так и при переносе сайта на Joomla.

Шаблоны с установкой можно заказать на TemplateMonster.

Другие документы на эту тему

Основы работы с Joomla

Знакомство с панелью администрирования Joomla

Как создать сайт самому

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

Виртуальный хостинг Perl/PHP/Python/Ruby

Тарифные планы «Виртуальный хостинг» — от размещения статических HTML-страниц, до поддержки PHP, Python, CGI скриптов (Shell, Perl), SSI, Ruby. В рамках тарифных планов предоставляется доступ к серверам баз данных MySQL или PostgreSQL.

Автоматическая установка Joomla! (APS-пакет)

В статье описывается процесс установки Joomla! из хранилища веб-приложений хостинга — в два клика.

Клиентам — домен в подарок!
Бесплатный тестовый доступ хостинга
Перенос сайта — бесплатно
Установка SSL-сертификата бесплатно
Все акции