Работа с программой joomla. Что такое Joomla и как ей пользоваться

Всех рад приветствовать дорогие друзья! С вами Макс Метелев и в сегодняшнем уроке, а точнее даже, целом руководстве я расскажу и покажу как создать сайт на Joomla (джумла) с нуля.

Создание сайта на joomla – процесс не сложный и очень интересный, а то я все про WordPress рассказываю. Наверняка, среди вас есть поклонники и этой .

Имеено она (Джумла) в далеком 2000 году стояла у истоков и приняла на себя новшества в PHP/MySql пространстве, которые позже были включены в WordPress, Drupal, Magento и другие системы управления сайтом.

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

Она также адаптивна для мобильных устройств, благодаря использованию фреймворка Bootstrap. Именно поэтому Джумла + Бутстрап так притягивает фронт-энд разработчиков и дизайнеров и делает легкой работу с исходным кодом и интерфейсом для своего кода.

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

Введение в Joomla

После установки файлов, в браузере вы увидите экран установщика. Это первый из 3-х шагов процесса.

Если вы не используете английский язык на вашем сайте, вы можете его поменять на русский. Введите имя вашего сайта, а также данные учетной записи администратора. Нажмите «Далее» чтобы продолжить установку.

Как мы уже говорили раннее Joomla имеет поддержку баз данных таких как MySQLi и PostgreSQL.

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

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

Из соображений безопасности после установки мы должны будем удалить папку с установщиком.

Создание нового сайта на Joomla

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

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

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

Вход в ваш сайт

Теперь давайте взглянем внутрь административной панели на интерфейс движка. Добавьте после названия вашего сайта в адресной строки слово — /administrator/. Будет примерно так – http : //vash-site.ru/administrator/

Вход возможен через ввод имени и пароля, как и везде, который вы создали в процессе установки.

Главная панель инструментов, располагающаяся в самом верху содержит все самое необходимое для управления сайтом.

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

Давайте напишем нашу первую статью на сайт. На главной панели перейдите в раздел Контент, а затем в Управление статьями (Article Manager).

Там будут три поля, которые нужны для написания и публикации:

Или что-то свое.

Теперь вы будете видеть свою статью, в верхней части главной страницы.

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

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

Вы можете также найти свою запись в секции «Недавно добавленные статьи» или нажав на Content («Содержание»), затем Article Manager («Управление статьями») на главной панели инструментов.

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

Нажмете на изображение и увидите всплывающее pop-up окно с существующими картинками на вашем сайте.

Чтобы использовать конкретное изображение, просто кликните на него, а затем нажмите на «Вставить» (Insert)

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

Боковая панель (Сайдбар) содержим самые важные параметры для каждой статьи.

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

Более продвинутые настройки для публикации статей доступны внутри вкладок в верхней части экрана.

• Опции публикации: задайте дату начала и завершения для размещения статьи
• Опции статьи: Управляйте отображением вашей заметки.
• Конфигурациия настроек редактора: Выбирает что пользователи могут видеть при редактировании статьи на главной странице.
• Внутренние параметры метаданных: добавление мета-описания (description) и многое другое.
• Доступы к статье: контроль доступа и возможность редактирования.

Для просмотра и упорядочивания статей на вашем сайте, закройте статью, которую вы редактировали и нажмите на Content (Контент), а затем на Управление Статьями.

Вы увидите текст записи в главной области.

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

Шаблоны для Joomla

Дизайн вашего сайта контролируется шаблонами. В панели инструментов на главной странице переходите в Расширения (Extensions), а затем в Управление Шаблонами (Template Manager).

Кликните на «Мой стиль по умолчанию» (My Default style) и зайдите на вкладку Опции (Options).

Вы можете поменять цвет текста, фон вашего макета, загрузить новый логотип, .

Главные особенности в Joomla мы называем Компонентами (Components). Они имеют свои собственные ссылки в главном инструментарии админки.

3 из них наиболее полезные:

1. Контакты: Позволяют создавать
2. Обновления Joomla: самая свежая версия движка и «ядра» в один клик
3. Метки: Организация тегов, добавляемых к статьям.

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

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

Нажмите на Расширения, затем Диспетчер Модулей (Module Manager) и там вы увидите список функций для блога: старые заметки, блог рол, самые популярные статьи и другие.

Вы их заметите сразу, они находятся в положении – position 7

Теперь, наконец-то давайте взглянет на то, как контролировать колонками в сайдбаре.

Идем в Расширения – Менеджер Шаблонов – Опции (Options) в верхней части экрана.

Устанавливаем модуль Preview (Просмотр) в режим включено (Enabled).

Теперь добавляйте к урлу следующий префикс — ? tp = 1

У вас должно получиться следующее – http : //vash-domen.ru/?tp=1

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

Расширения Joomla.org

В этом уроке по созданию сайтов на Joomla мы затронули лишь вершину айсберга. На самом деле этих опций 1000.

Есть место где вы все их можете найти – это площадка extensions.joomla.org

Этот каталог был запущен в 2006 году и в настоящее время имеет свыше 9000 самых разнообразных и полезных дополнений в категориях от «Доступ и безопасность» до «Дизайн и Стиль». Полное его название – Joomla Extension Directory или сокращенно JED. Давайте называть его Джидда для простоты и ясности 🙂

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

Картинка ниже взята из раздела «Доступ и безопасность» по ссылке — http://extensions.joomla.org/category/access-a-security

Пробежавшись глазами по порядку каждого расширения вы будете приятно удивлены количеством комментариев. Самые популярные и трастовые (вызывающие доверие) будут находиться в самом верху.

На скрине ниже вы можете просмотреть основные сведение об этом плагине для Джумла:

1. Имя расширения
2. Кнопка скачивания
3. Детализированное описание

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

Как сделать сайт с нуля

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

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

Потом вам необходимо перенести при помощи FTP-клиента дистрибутивы на хостинг, разместив их в папке с именем вашего сайта в корне каталогов, либо в папке WWW. После этого вам следует зайти на свой сайт (ввести доменное имя в адресную строку браузера) и открыть админку. Для этого в конце ссылки укажите через слэш /administrator. Пройдите пару шагов инсталляции до момента, когда нужно будет ввести информацию о базах данных. Потом зайдите на хостинг и создайте базу MySQUEL. Обязательно занесите в нее информацию об аккаунте суперадминистратора для сайта, иначе не сможете потом работать с админкой внутри CMS. Теперь доведите инсталляцию до конца.

Как начать пользоваться сайтом после установки, что нужно сделать

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

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

Учтите, что даже если макет не совсем подходит под ваш сайт по задумке, вы все равно сможете сделать так, чтобы он подошел, изменив некоторые данные в коде.

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

После установки шаблона активируйте его в разделе «Шаблоны». Теперь у вас появился дизайн сайта. Чтобы его изменить, нужно будет корректировать CSS-файлы. К сожалению, данный самоучитель Joomla не содержит информацию о том, как пользоваться кодом, потому вам придется самостоятельно почитать об этом в Сети.

Если нет времени на CSS, то можете загрузить на сайт какое-нибудь расширение и тем самым изменить дизайн ресурса. Расширения — это функциональные элементы движка Джумла. Бывают плагины, компоненты и модули. Именно благодаря компонентам вы сможете поменять формат страницы. К примеру, сделать каталог товаров. А благодаря модулям вы добавите на сайт различные функциональные элементы (например, сможете сделать форму регистрации и календарь). Плагин же поможет вам улучшить работу движка. Он вызывается шорткодом.

Теперь, чтобы сделать хороший сайт, вам нужно собрать воедино все необходимые расширения и максимально оптимизировать сайт. Чтобы ресурс стал успешным, нужно уметь анализировать сразу множество факторов. Вы должны одновременно думать и о продвижении, и о рассылках, и о регистрации пользователей, и о борьбе со спамом и взломами, и о добавлении комментариев на сайт, и самое главное — о генерации нового контента.

С чего лучше начать в начале

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

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

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

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

Как скачать Denwer

Для установки joomla на локальном компьютере понадобится виртуальный сервер. Чаще всего для этих целей используют программную оболочку под названием «Denwer», которую необходимо скачать из интернета, предпочтительно с официального сайта denwer.ru .

После перехода на сайт, вы увидите большую оранжевую кнопку с надписью: «Скачать Денвер 3», а после клика по ней, вам будет предложено скачать программу для более новой версии PHP 5.3 или для старой версии PHP 5.2 которая включает в себя больше различных модулей и специальную утилиту Zend Optimizer.

Остановимся на PHP 5.3. После выбора версии, нажимаем кнопку «Скачать».

На следующем этапе вам предстоит указать свои имя, фамилию и действующий электронный адрес, на который будет отправлена персональная ссылка для скачивания программы Denwer. После заполнения всех полей, нажимаем «Получить ссылку на скачивание» и если всё заполнено правильно перед вами появится сообщение:

Проверьте почту

На Ваш E-mail "*****@gmail.com" выслана ссылка для скачивания Денвера.
Письмо обычно приходит в течение нескольких минут.
Если письма так и нет, проверьте на всякий случай папку Спам.

Перейдите в свой почтовый ящик, и вы найдёте в нём новое письмо с темой «Denwer download link for package Base », внутри которого будет указана ссылка на скачивание программы. Переходим по этой ссылке и сохраняем программу на своём локальном компьютере.

Кстати, установить Joomla можно не только на Denwer но и например на OpenServer.

Установка Denwer

После скачивания программы, в папке с загрузками у вас появится EXE файл «Denwer3_Base», который теперь предстоит установить.

Запускаем установщик и ждём пока он извлечёт нужные файлы. Сразу после этого перед вами в браузере появится окно «Инсталляция Денвера», которое необходимо закрыть.

Когда браузер будет закрыт в окне командной строки на чёрном фоне появится сообщение с текстом «Для продолжения нажмите Enter» - нажимаем Enter на клавиатуре.

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

Для того что бы подтвердить это действие, необходимо нажать клавишу «Y» (от англ. - Yes) на клавиатуре и ещё раз нажать Enter.

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

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

Теперь, осталось скопировать все файлы и настройки в созданную нами директорию C:/WebServers. Для продолжения нажмите Enter.

Дожидаемся завершения переноса файлов.

Программа Denwer может запускаться в двух режимах:

1. Виртуальный диск создаётся автоматически при загрузке Windows.
2. При загрузке Windows виртуальный диск не создаётся, но на рабочем столе появятся ярлыки для ручного старта и остановки.

Рекомендуется выбрать вариант 1, потому что он наиболее удобен.

Вводим цифру 1 и нажимаем «Ввод» на клавиатуре, после чего подтверждаем создание ярлыков для запуска программы на рабочем столе – вводим «Y» и снова нажимаем Enter.

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

Если вдруг что-то пошло не так, вы можете ознакомиться с официальной инструкцией по установке программы на сайте разработчиков, которая расположена по следующему адресу - denwer.ru/base.html

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

После перехода на сайт, в правой верхней части необходимо перейти по оранжевой кнопке «Download». На следующей странице – странице загрузки, нужно кликнуть по синей кнопке «Download Joomla! 3.6.2 English (UK), 3.6.2 Full Package».

Когда скачивание будет завершено, на компьютере в папке с загрузками появится архив «Joomla_3.6.2-Stable-Full_Package », который необходимо распаковать в директорию локального веб-сервера.

Но прежде чем это сделать, необходимо создать папку с названием вашего будущего сайта. Для этого переходим по следующему адресу C:\WebServers\home\localhost\www\ на вашем компьютере и внутри создаём папку, с названием, например, «mysite.ru ».

Теперь всё что будет находиться внутри этой папки и будет вашим сайтом. Пожалуй, самое время распаковать туда «Джумлу».

Нажимаем на скачанном ранее архиве правой кнопкой мыши и выбираем из появившегося списка пункт «Извлечь файлы».

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

Выбрали – нажимаем «OK» и дожидаемся завершения распаковки файлов.

Настройка Joomla

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

Прежде всего откройте страницу вашего сайта http://localhost/mysite.ru в браузере и завершите конфигурацию сайта заполнив все необходимые поля. Выберите язык, придумайте название и краткое описание для вашего сайта.

Укажите свой действующий e-mail в качестве электронного адреса администратора, придумайте логин и пароль. Обязательно где-нибудь запишите эти данные и нажмите «Далее» в нижней части страницы.

Следующий этап - это конфигурация MySQL базы данных.

Для того, чтобы создать базу данных для Joomla в браузере необходимо открыть страницу http://localhost/tools/phpmyadmin/ и перейти в соответствующую категорию под названием «Базы данных ».

• На следующей странице указываем имя для новой базы данных – joomla .
• И выбираем кодировку сайта – чаще всего используется utf8_general_ci .

Жмём «Создать». Если всё в порядке, перед вами появится сообщение «База данных joomla была создана».

Далее переходим во вкладку «Пользователи» и кликаем по ссылке «Добавить пользователя ».

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

• Имя пользователя: joomla
• Хост: Локальный (localhost)
• Пароль: *********

Заполнили. Теперь опускаемся немного ниже, находим блок «Глобальные привилегии» и выбираем «Отметить всё», чтобы установить для нашего пользователя максимальный набор привилегий.

Всё заполнили, отметили – жмём «Добавить пользователя» и, если всё сделано без ошибок вы сразу же увидите всплывающее сообщение «Был добавлен новый пользователь».

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

Если вы создаёте свой первый сайт и у вас нет дополнительных баз данных, в поле «Действия с уже имеющимися таблицами» можете смело выбрать пункт «Удалить».

Если вы впервые столкнулись с «Джумлой», в блоке «Установка демо-данных» я рекомендую вам установить галочку напротив интересующего вас инструмента (в зависимости от того, что вы создаёте – сайт визитку, блог или что-то другое) с целью получения дополнительных подсказок, которые будут доступны вам во время работы и изучения данной системы управления.

На всякий случай ещё раз проверьте конфигурацию своего сайта, обратите внимание на результат начальной проверки, рекомендуемые установки и, если всё в порядке, самое время активировать наш сайт. Для этого перейдите по кнопке «Установка».

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

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

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

Как установить русский язык для Joomla

По умолчанию панель управления на английском языке, но изменить его совсем не трудно. Для этого перейдите по вкладке «Extensions» и выберите «Language».

В верхней левой части страницы найдите и перейдите по кнопке «Install Languages».
В строку поиска впишите «ru» и нажмите по иконке поиска. В результатах поиска выделите нужный вариант, посредством установки галочки в соответствующий чекбокс, напротив – Russian.

Теперь нажмите на кнопку «Install», которая расположена в верхней части страницы.
Теперь, когда языковой пакет загружен, остаётся только его изменить. Опять открываем меню «Extensions», наводим на «Language» и выбираем из списка установленные языки – пункт «Installed».

Чуть ниже, в выпадающем списке выбираем пункт «Administrator», выбираем русский язык и нажимаем на кнопку «Switch Language», что переводится как «Изменить язык».

Если всё правильно, сразу после перезагрузки страницы вы увидите сообщение: «Язык административной панели переключен на "Russian"» и все элементы панели управления будут уже на русском языке.

Как установить шаблон для joomla

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

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

И так, скачать шаблон для joomla можно с разных источников, вот, например, некоторые из них:

• joomla24.com
• joomla3x.ru
• joomla-site.ru

При выборе шаблона обязательно обращайте внимание на версию joomla под которую разработан данный шаблон, потому что, если у вас установлена система управления сайтом версии 3.6.2, а вы скачали шаблон для версии 2.5, после установки он может некорректно отображаться или и вовсе не будет установлен.

Так же стоит отметить, что существуют универсальные версии шаблонов, которые имеют вид «Joomla 3x Templates», где 3Х означает, что данный шаблон подходит для всех версий Joomla 3.

Предположим вы нашли и скачали понравившийся вам шаблон – что дальше?

Когда мы говорим о системе управления контентом, Joomla! – это первое, что приходит на ум. Полностью бесплатная (с открытым кодом – open-source), Joomla! может быть использована кем угодно, кто хочет создать мощный сайт.

Joomla! используют много известных брендов и организаций включая Гарвадский Университет, Linux.com, Guggenheim, MTV и UNRIC (United Nations Regional Information Centre for Western Europe – Региональный информационный центр Организации Объединенных Наций для Западной Европы).

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

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

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

В данном руководстве Уроки Joomla основное внимание уделяется демонстрации использования Joomla! для создания сайта. Рассмотрим всё от установки до настройки сайта.

Для установки Joomla на вашем виртуальном Hostinger, всё что нужно будет сделать – это несколько кликов и заполнить данные о вашем сайте. Авто-Установщик позволяет вам сохранить время и установить Joomla за несколько минут. Следуйте шагам для установки Joomla:

1. Зайдите в панель инструментов.
2. Нажмите на Авто-Установщик .
3. В поле для поиска напишите Joomla и нажмите на появившуюся иконку.
4. В мастере установок введите данные о своём сайте и нажмите Установить .
5. Подождите пару минут для установки CMS.

Готово! Это всё, что надо было сделать. Теперь Joomla! установлена, создана и соответственно настроена база данных.

Чтобы зайти в панель управления Joomla, добавьте /administrator в конец URL (т.е. www.mydomainname.com/administrator ) в вставьте в адресную строку браузера. После введения имени пользователя и пароля, которые вы создали, когда устанавливали Joomla, вы будете адресованы на страницы администратора.

Шаг 2 – Создание сайта с Joomla

С Joomla! вы получаете множество настроек для упорядочивания вашего сайта и управления его контентом. В этой части руководства Уроки Joomla проведём вас через весь процесс создания удобного и эффективного управления контентом.

Шаг 2.1 – Создание Материала

Начнём с основ. На админ странице нажмите кнопку Материалы , наведите мышь на пункт менеджер материалов и нажмите на Создать материал . Визуальный редактор (WYSIWYG) появится на вашем экране. Им можно пользоваться для добавления и редактирования текста ваших материалов. Вы также можете добавлять изображения и ссылки к вашему тексту здесь.

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

1. Нажмите на вкладку Меню .
2. Наведите на пункт Main Menu и нажмите на Создать пункт меню .
3. Заполните заголовок меню, например Lorem ipsum .
4. Теперь вам нужно выбрать тип пункта меню; в данном случае выберите пункт Материалы .
5. Для того, чтобы созданный пункт меню открывал недавно созданный материал, выберите опцию Материал .
6. Выберите то, на что хотите ссылаться. Нажмите Выбрать и укажите путь к недавно созданному материалу.
7. Нажмите кнопку Сохранить .

Теперь должно быть всё готово. Ваш недавно созданный материал будет доступен из главного меню на вашем сайт на Joomla.

Шаг 2.2 – Добавление Компонентов Joomla

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

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

Например, чтобы сделать страницу с новостной лентой с внешнего сайта, вам нужно перейти в Компоненты , затем выбрать Ленты новостей -> Ленты , затем нажать кнопку Создать .

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

Другие компоненты (можно найти в этом же меню Компоненты ) могут быть использованы таким же образом. Их настройка потребует всего нескольких кликов.

Шаг 2.3 – Добавление Категорий Joomla

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

1. В админ панели нажмите на пункт меню Материалы .
2. Теперь в меню Категории , нажмите Создать категорию .
3. Добавьте заголовок, алиас, описание. (Примечание: Алиас и описание не обязательные для заполнения поля).
4. Нажмите кнопку Сохранить для создания новой категории.

Как и материалы, компоненты Joomla можно распределить по категориям. Есть одно отличие между категориями материалов и компонентов; то есть, когда вы выбираете меню категории для какого либо компонента, вы попадаете в специальный менеджер для компонентов. Для добавления категории нужно нажать кнопку Создать .

Шаг 2.4 – Создание Избранных материалов

С помощью Joomla вы можете создавать страницы, которые объединяют контент в зависимости от сходства свойств.

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

Чтобы показать избранные статьи на странице, связанной в меню, выполните следующие действия:

1. Вначале создайте пункт меню. Перейдите в Меню , потом Main Menu .
2. Теперь нажмите на Создать пункт меню . (Это можно проделать с любым другим уже существующим меню).
3. Выберите тип меню. Для этого нажмите кнопку Выбрать .
4. Из типов меню вначале выберите Материалы затем Избранные материалы
5. Заполните Заголовок для своего меню, например, Избранные материалы .
6. Нажмите кнопку Сохранить .

Шаг 2.5 – Создания страницы Контактов

Получение отзывов от ваших посетителей/клиентов/потенциальных клиентов часто актуально для владельцев сайтов. Для этого важно наличие страницы контактов. В несколько кликов Joomla может помочь вам её создать:

1. Прежде всего, вам нужно создать компонент страницы контактов. Для этого перейдите в Компоненты и нажмите Контакты . Нажмите кнопку Создать .
2. Добавьте имя страницы и контактную информацию для вашей формы. Если вы хотите добавить описание используйте вкладку Miscellaneous Information .
3. По завершению нажмите кнопку Сохранить .

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

Шаг 2.6 – Использование Баннеров

Компонент Баннеры может быть использован для управления изображением или HTML баннерами. Вот как мы это сделаем:

1. Прежде, нужно создать баннер. Для этого перейдите во вкладку баннеров из Компоненты -> Баннеры -> Баннеры .
2. Теперь нажмите на кнопку Создать в левом верхнем углу.
3. Выберите название для своего баннера. Рекомендуется использования осмысленное, конкретное называние, которое будет легко понимать позже.
4. Загрузите своё изображение и заполните необязательные настройки, такие как ширина и высота.
5. Как только вы закончите нажмите кнопку Сохранить .
6. Теперь, чтобы ваш новый баннер отобразить, нужно опубликовать новый модуль. Перейдите в Менеджер модулей в меню Расширения.
7. Нажмите кнопку Создать .
8. Перед вами появится список модулей. Выберите Баннеры.
9. Выберите Заголовок и место для модуля. Затем сохраните и всё готово.

Шаг 3 – Устанавливаем Расширения для Joomla

Заключение

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

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

Войдите в административную панель Joomla по адресу http://вашсайтру/administrator, введите логин и пароль. У вас откроется главная страница админ. панели.

Где: 1) Главное меню Joomla; 2) Панель быстрого доступа.

Главное меню админ. панели Joomla

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

В Joomla есть 3 основных компонента "Менеджер пользователей", "Менеджер меню", "Менеджер материалов", они отделены от всех других, и для удобства и быстрого доступа, вынесены в отдельные пункты "Пользователи", "Меню" и "Материалы". Остальные можно найти открыв меню "Компоненты".

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

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

Пункт "Меню" . Если нужно добавить или изменить пункты меню на front-end сайте, то этот компонент поможет. Можно создавать отдельные группы меню сайта и выводить их при помощи модуля. В пунктах меню формируются ссылки на страницы сайта. Т.е. создавая пункт можно выбрать, на страницы какого компонента он будет вести. А компонент в свою очередь наполняется нужной информацией, которою можно вывести при помощи пункта меню. Кроме того можно сделать индивидуальные настройки отображения страницы на которую он ведет. Например указать "Показывать заголовок страницы или нет", "Какой шаблон отображать для этой страницы", "Настроить отображение мета информации страницы", "Порядок пунктов меню", "Какой из пунктов меню будет главной страницей", "Опубликовать пункт меню или скрыть" и др.

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

Пункт меню "Компоненты" . Тут вы найдете список всех установленных компонентов и сможете перейти в любой из них. Компоненты служат для создания и управления разного вида контента например каталог, магазин, форум и т.д.. Вывести содержимое компонента можно через меню выбрав его из списка.

Пункт меню "Расширения" - в подменю этого пункта вы найдете менеджеры модулей, плагинов, языков и шаблонов. А так же менеджер установки новых расширений, в том числе и компонентов.

Компоненты, модули, плагины и шаблоны Joomla

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

1. Компоненты - это скрипты, которые обладают наибольшей функциональностью и выводят основной контент сайта (статьи, галереи, ССК, форумы, ссылки, поиск, редакторы). Основные компоненты уже встроены в ядро joomla, остальные можно скачать бесплатно или купить и установить на свой сайт.
2. Модули - это расширения, которые дополняют компоненты и отображают нужную информацию на сайте. Например: пункты меню сайта создаются в компоненте, а выводятся при помощи модуля; Форма поиска выводится при помощи модуля, информация из формы обрабатывается компонентом, который в свою очередь выводит результаты поиска; Список последних новостей выводится при помощи модуля, но сами новости создаются с помощью компонента "Менеджер материалов".
3. Плагины - это еще один вид расширений функциональности. Плагины выполняют заложенную в них функцию в момент появления определенного события в системе. К примеру это удобно для отображения одного и того же визуального редактора, выбранного пользователем для всей системы, в разных компонентах и модулях.
4. Шаблоны - позволяют настраивать вид отображения компонентов, модулей и дизайна сайта. Для работы с шаблонами требуются навыки HTML и CSS. Некоторые шаблоны обладают богатым набором настроек, который позволяет менять его вид без навыков верстки и программирования.

Я так и не понял в чем разница компонентов, модулей и плагинов.

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

Где модули:

1) Модуль "Меню"; 2) Модуль "Календарь"; 3) Модуль "Произвольный HTML код" - где при помощи визуального редактора я разместил и настроил вид блока; 4) Модуль "Последние новости" - выводит последние материалы из выбранной категории. Тут выведено сразу три модуля с названиями "Конкурсы", "Новости", "События", по сути это одно и тоже только названия и категории материалов разные.

Компоненты:

5) С помощью компонента в данном случае выводится материал с заголовком "О проекте" и текстом.

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