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

Войдите в административную панель 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 вы сможете узнать из ссылок по теме в низу страницы.

С весьма богатым функционалом. Функционал Джумла увеличивается за счёт многочисленных расширений. Для дизайна сайта можно использовать готовые бесплатные и платные шаблоны или создать свой собственный уникальный.

Joomla – это весьма популярная во всём мире система управления контентом (от англ. Content management system, CMS) (движок). По данным на декабрь 2017 она занимает второе место среди бесплатных CMS (среди доменов в зоне «RU»). Рейтингов существует масса, поэтому данные могут отличаться. Плюс, стоит отметить, что Joomla – универсальная CMS, на ней можно создавать сайты различных типов (при помощи дополнительных расширений), включая форумы, блоги, интернет-магазины, лендинги, небольшие соц. сети, корпоративные сайты и т.д.. Но есть и специализированные CMS, направленные, к примеру, на создание интернет-магазинов или форумов и т.д.

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

Я работаю с Joomla, примерно, с конца 2009 года. Начинал с версии Joomla 1.5.7. Планомерно переходил на 1.6, 1.7, 2.5… 3.х и вот теперь буду переходить на Joomla 4. Есть несколько проектов помимо этого сайта. Например, и вот . Делаю сайты под заказ. В основном, это сайты фирм, частных предпринимателей и небольшие интернет-магазины. Помимо создания сайтов на Joomla занимаюсь увеличением скорости загрузки, защиты от взлома, SEO-оптимизацией и другими сопутствующими процессами. Несмотря на то, что Joomla не самая популярная CMS, за всё время работы с ней у меня не возникало необходимости переходить на другую систему.

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

В следующем цикле видео-уроков Вы узнаете о том, как можно создать интернет-магазин на Joomla .

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

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

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

Подготовка к созданию сайта

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

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

Шаг 1. Определитесь с целью и задачами сайта. Для себя ответьте на вопросы (в перспективе на 1,5-2 года):

• Что Вы хотите получить от этого сайта?
• Что получат посетители Вашего сайта, нужно ли им это и насколько?

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

Изучите потребности целевой аудитории на основании анализа поисковых запросов. По сути, надо составить максимально объёмное семантическое ядро (но без мусора). Кластеризовать его (разделить на группы), определить частотность запросов и, желательно, выяснить конкурентность по каждому запросу. Очень приблизительно кокнкуретность можно узнать или по стоимости клика в контекстной рекламе или при помощи специальных программ/сервисов для расчёта конкурентности. Всё это можно сделать, например, в Rank Tracker .

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

Шаг 3. Изучите, хотя бы поверхностно, рынок/предметную область, которой будет посвящён сайт. Если делаете, например, интернет-магазин товаров для пчеловодства, будет очень хорошо, если понимаете специфику, сезонность и другие моменты именно в этой отрасли.

• Google – «Научитесь делать качественные сайты ».
• Яндекс – «Помощь вебмастеру ».

Также не лишним будет регулярное чтение отраслевых блогов и форумов. Лично мне полезны и своевременны были советы сайтов:

А вот в учебниках ВУЗов актуального не найти. Там либо всё то, что уже есть в сети, либо то же, но другими словами. Хотя… Может и есть исключения.

В любом случае, не стоит бездумно бросаться делать то, о чём прочли. Подумайте, почитайте ещё, посоветуйтесь.

Шаг 5 . Найдите в поисковых системах сайты конкурентов. Например, если планируете, чтобы Ваш сайт был на лидирующих позициях в поисковой выдаче, откройте 1-3 самых популярных среди Вашей целевой аудитории поисковых систем и введите туда ключевое слово. Ключевое слово - это предположительное слово или фраза, по которой Вас будут находить люди в поисковой системе. Например, для сайта интернет-магазина товаров для пчеловода таким словом может быть «купить товары для пчеловода». Лучше, если Вы эти ключевые слова подберёте на основании анализа статистики поисковых запросов. Рекомендую подобрать 3-5 таких ключевых слов, поочерёдно вводите их в каждую из поисковых систем и составляйте список из первых 10 сайтов, которые появятся по запросу (лучше записывать позиции, которые они занимают, и поисковую систему, в которой находятся в топе).

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

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

Предусмотрев все необходимое, приступаем к непосредственному созданию сайта (можно на локальном хостинге). Об этом можно узнать в видео ниже. Затем подберите хостинг и перенесите созданный сайт на него. О хостинге, который использую я, читайте в статье «Обзор хостинга сайтов – Ukraine.com.ua ». А процесс переноса рассмотрим в следующих статьях.

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

Если Вам интересно, в статье «Качество сайта » более подробная информация по этому вопросу.

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

Функциональность Joomla дополняется и изменяется, в основном, за счёт установки расширений, которые делятся на:

1. Компоненты.
2. Плагины.
3. Модули.

Ещё есть такие расширения:

1. Шаблоны.
2. Плагины для компонентов.
3. Файлы локализаций (языки). Например, русификаторы.

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

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

Все расширения, кроме плагинов для компонентов, устанавливаются одинаково через админку в менеджере расширений Joomla (Расширения – Менеджер расширений – Установка ). Плагины для компонентов, как правило, устанавливаются через соответствующие компоненты.

В Joomla есть свои собственные (встроенные) расширения. Но можно устанавливать и дополнительные.

Компоненты Joomla Компоненты . Они, как правило, составляют основную функциональность сайта. Например, компонент RSPageBuilder (рисунок ниже) служит для создания страниц. С ним поработаем в следующих уроках. Или компонент DJ-Classifieds – служит для создания доски объявлений.

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

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

Плагины Joomla . Доступны для настройки в админке в меню Расширения – Плагины (рисунок ниже). Они могут расширять функциональность компонентов или выступать как отдельные единицы. Например, JAmp – плагин Joomla для создания страниц по технологии Google AMP (это «самостоятельный» плагин), а плагин «Контент – RSMediaGallery » служит для отображения галерей компонента RSMediaGallery в материалах Joomla (внутри статей) (этот плагин расширяет возможности компонента).

Результаты действий одних плагинов могут быть не видны на сайте, если не смотреть в исходный код. Например, плагины могут оптимизировать скорость загрузки сайта. А результат действий других плагинов отображается в виде галерей, видео, ссылок/таблиц на загрузку файлов и так далее. Работу таких плагинов мы наглядно рассмотрим в наших уроках Joomla.

Модули Joomla . Доступны для настройки в админке в меню Расширения – Модули . Они служат для отображения информации на сайте (как в админке так и во фронтальной части). В них могут отображаться галереи, текст, меню, картинки, видео и так далее. Модули могут выводить информацию из компонентов или быть отдельными единицами. Например, RSContact (с ним мы поработаем в видео уроках) позволяет отображать форму контактов (это «самостоятельный» модуль), Tag Transform – модуль, который отображает во фронтальной части сайта теги стандартного компонента тегов Joomla (этот модуль расширяет возможности штатного компонента «Метки» (com_tags)).

Модули отображаются в админке и фронтальной части сайта в позициях шаблона (об этом ниже).

Плагины для компонентов . Устанавливаются через панели управления компонентов или через менеджер расширений Joomla. Служат для расширения возможностей компонентов. Например, BIT VirtueMart Google Analytics – плагин VirtueMart (компонента интернет магазина) для сбора статистики при помощи Google Analytics (устанавливается через менеджер расширений Joomla). Как правило, такие плагины работают только при наличии компонента, для которых они предназначены.

Где искать расширения Joomla

Существует специальный сайт – «Joomla! Extensions Directory » (JED). Это официальный каталог расширений Joomla. Там есть платные и бесплатные расширения. Шаблонов на данный момент нет. На 20.12.2017 в каталоге числится 7997 расширений. Есть поиск и удобный фильтр. Сайт на английском языке.

Рекомендую искать там. Также можно искать при помощи поисковых систем. В любом случае, лучше загружать расширения исключительно с официальных сайтов разработчиков. Ничего ворованного, скачанного с форумов и разных «левых» сайтов загружать не следует. В статье «Обзор JM Financial Services. Шаблон Джумлы 3 на русском » рассмотрены преимущества и недостатки ворованных шаблонов, но это относится к любым расширениям.

Касательно поиска шаблонов, лично я предпочитаю таких разработчиков:

1. Virtuemarttemplates.net . Шаблоны для компонента интернет магазина VirtueMart.

Шаблон и его позиции, сетка Bootstrap

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

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

На данные момент очень многие шаблоны базируются на сетке Bootstrap. Чтобы понять принцип, ознакомьтесь с этой статьёй . Большинство современных шаблонов оснащены редактором макетов, где можно менять сетку и позиции шаблонов (рисунок ниже).

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

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

В статьях «Ответы на вопросы по шаблонам для Joomla. Установка, настройка, удаление » и «Ответы на вопросы по шаблонам для Джумла. Внесение изменений » Вы найдёте дополнительный материал по работе с шаблонами.

Управлять шаблонами можно в админке Джумла в Расширения – Шаблоны .

Меню Joomla и пункты меню

Меню Джумла (рисунок ниже) очень-очень важный элемент.

1. Меню может отображаться на сайте и служить в качестве навигации.
2. При помощи меню выводятся компоненты сайта во фронтальную часть.
3. Меню участвует в формировании URL адресов страниц.
4. На основании меню можно управлять отображением модулей на той или иной странице.

Чтобы создать меню, отображаемое на сайте, Вам нужно (это будет рассмотрено в наших уроках Joomla):

1. В Меню – Менеджер меню создать меню.
2. В созданном меню создать пункт меню.
3. В Расширения – Модули создать модуль меню, выбрав созданное меню и указав позицию и страницы (пункты меню), где нужно отображать этот модуль.

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

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

URL, алиасы, имена файлов

URL адреса – важная составляющая любого сайта. Особенно это важно в отношении поисковых систем. Так как поисковые системы в своей выдаче дают пользователям именно URL адреса сайтов. Если изначально создать неправильную/неудачную структуру URL адресов, то в дальнейшем будут трудности и проблемы с её сменой. В Joomla URL адреса страниц, по большому счёту, формируются на основании меню. В большинстве случаев, особенно со стандартными расширениями Joomla URL адреса страниц повторяют вложенность пунктов меню (иерархию) и содержат их алиасы.

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

Начало начал

Все начинающие веб-мастера начинают делать сайты практически с "нуля " (в их числе был и я). Тоесть, открывают блокнот, и начинают писать код вручную. Но рано или поздно приходит тот момент когда люди задумываются - «А нет ли такой программы с которой было бы всё проще». Конечно для опытных веб-мастеров больше подойдет какой нибудь фреймворк, т.к. возможностей у него больше, но для начинающего программиста больше подойдет движок, а именно Joomla CMS .

Установка Joomla CMS

Прежде всего нужно скачать движок с официального сайта: www.joomla.org
Скачали? Замечательно, теперь нужно открыть скачанный архив и извлечь все файлы и папки из архива в корневую директорию домена (или виртуального сервера вроде Denwer-а)
Теперь, вы должны установить движок. Для того чтобы это сделать нужно зайди на сайт (www.ваш-сайт.ru, или 127.0.0.1 если у вас виртуальный сервер)
Перед вами открылось окно установки (в зависимости от версии оно может отличаться), Там все предельно просто, если выбрать Русский язык. Нужно вписать все данные которые там указаны, а именно данные базы данных (логин, пароль), название сайта, meta-данные сайта (для его дальнейшей раскрутки в SEO), логин и пароль от панели администрации сайта. Всё, установка окончена, можно приступать к самой работе с движком.

Что же дальше делать?

Дальше я могу вам дать только основные детали работы с движком, т.к. имея базовые знания можно собрать сайт любой сложности на данном движке.
Движок имеет модульную систему, тоесть вы можете в прямом смысле слова собирать сайт. Модуль это как бы определенная часть сайта, например: Главное меню, боковое меню, картинка сбоку, логотип, баннер и т.д. Работать с модулями просто, нужно указать тип модуля (HTML код, меню и т.п.), Название самого модуля, позицию модуля на сайте, и сам контент модуля. И все это у вас займет максимум 5 минут, движок предельно прост для начинающего пользователя.
Далее, вам нужно создать меню? Не проблема, в главном меню панели администратора есть пункт «Menu», там вы можете выбрать: Редактирование уже существующего меню или создание нового, в создании нового меню нет ничего особенного. Нужно указать название меню и всё. Мы рассмотрим редактирование меню, т.к. это наверное одна из важнейших частей создания сайта на Joomla CMS. Редактирование меню подразумевает под собой создание пунктов меню, удаление пунктов меню, и их редактирование. Создать пункт меню можно нажав на соответствующюю кнопку (Рекомендую скачать русификатор для вашей версии движка, но об этом чуть позже). Создание пункта меню - значит создать новую страницу на сайте, многие новички не понимали - «Как создать новую страницу на сайте». Я тоже не понимал, но покопавшись в движке до меня дошло, что движок сам создает страницы при создании пунка меню.
И так, вы нажали на кнопку создания пункта меню. Открылась новая страничка, вам нужно указать тип страницы которую вы хотите создать, это могут быть избранные статьи, показ одной единственной статьи и т.д. (Кстати, устанавливая расширения такие как VirtueMart, страницу каталога нужно создать этим же способом). Далее нужно указать статью которую вы создадите чуть позже, рекомендую вам прочитать часть с созданием статьи, и уже потом читать эту часть. Теперь, нужно указать название пункта меню, не пишите слишком длинное название т.к. это вызовет некоторые проблемы с показом меню и вообще с дизайном сайта. Далее, нужно указать алиас страницы (www.vashsait.ru/glavnaya - слово «glavnaya» это и есть алиас). Всё, на этом создание меню окончено, вы так же можете добавить и другие пункты меню если вам это понадобится.

Как создать статью для добавления текста на страницы сайта?

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

Расширения, шаблоны, русификация - как установить?

Чтобы установить расширения, шаблоны, языковые пакеты создатели Joomla создали специальный менеджер расширений.
Зайти в него можно через главное меню панели администрации, нажав на пункт «Расширения» и выбрав там пункт «Менеджер расшираний». Далее нужно выбрать скачанный архив с нужным расширением и нажать на кнопку «Загрузить и установить». Всё, дополнение установлено. Как пользоваться тем или иным расширением здесь я не смогу написать т.к. расширений очень много и методов их использования тоже не мало. Я вам лучше расскажу как поставить на сайт установленный шаблон. Это тоже очень просто, нужно нажать на пункт меню «Расширения» и там выбрать пункт «Менеджер шаблонов». Далее нужно найти установленный вами шаблон, нашли? Идем дальше, нужно поставить галочку слева от названия шаблона и нажать на большую желтую кнопку сверху «Использовать по умолчанию». Всё, шаблон установлен! Кстати, вместе с шаблоном меняются и позиции модулей на сайте, если на шаблоне нету позиции к примеру «left» для модуля, то модуль не будет отображаться на сайте, по этому ищите на сайте, откуда вы скачали шаблон, картинку с позициями для модулей.

На этом все, с вами был Nxdt!

Теги: пособие для чайников, 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! – это первое, что приходит на ум. Полностью бесплатная (с открытым кодом – 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. Более подробную информацию, которая выходит за рамки этой статьи, можно получить из официальной