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

26.04.2019

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

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

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

1. В панели управления CMS откройте Материалы -> Менеджер категорий и нажмите кнопку Создать в левом верхнем углу появившейся страницы (либо сразу выполните команду меню Материалы -> Менеджер категорий -> Создать материал ).

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

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

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

Вне вкладок расположено всего два элемента.

  • Заголовок. Название раздела.
  • Алиас. Псевдоним, использующийся для формирования URL-адресов страниц сайта. Его можно не заполнять, так как вполне вменяемые алиасы Joomla создаёт сама по себе.

Остальные настройки распределены по вкладкам.

Категория

Основная вкладка, большинство администраторов используют при создании разделов только её.

  • Описание. Сюда можно вставить всё, что угодно: от коротенького пояснения до полноценной страницы с картинками, видеоматериалами и музыкой.
  • Родитель. Из раскрывающегося списка можно выбрать раздел, которому создаваемая категория будет принадлежать. Так создаётся иерархическая структура с уровнями вложенности. Чтобы категория никому не принадлежала, оставьте в списке значение Нет родителя .
  • Состояние. В зависимости от выбранного значения после сохранения категория будет опубликована (вариант Опубликовано ), добавлена вместо публикации в черновики (Не опубликовано ), помещена в архив (В архиве ) или в Корзину (В корзине ). Чаще всего этот раскрывающийся список не трогают, оставляя в нём значение по умолчанию - Опубликовано .
  • Доступ. Определяет, кто сможет просматривать раздел. По умолчанию задано значение Public (доступно всем).
  • Язык. Язык категории, можно оставить значение Все, тем более что русского языка часто даже нет в списке.
  • Метки. Теги, которые привычней добавлять к материалам, а не к категориям. В принципе метки - тоже своего рода категории, только для одного материала их можно указать множество. В дальнейшем, когда пользователь щёлкнет на одну из меток, он увидит страницу со списком всех материалов, помеченных ею. Для просмотра всех меток и управления ими перейдите на страницу Компоненты -> Метки .

Публикация

Эта вкладка располагает следующими элементами.

  • Дата создания. Поле, хранящее время добавления элемента. В редакторе материала помимо этого есть также поля Начало публикации и Завершение публикации, с помощью которых можно, во-первых, настроить отложенную публикацию, чтобы запись появилась на сайте в обозначенное время без вашего участия, во-вторых, настроить его снятие с публикации в автоматическом режиме (может использоваться, например, для страницы срочного конкурса или акции).
  • Автор. Здесь можно переназначить автора публикации. В редакторе материалов есть также поле Псевдоним автора, куда можно ввести произвольное имя для отображения на сайте.
  • Дата модификации. Поле хранит время, когда категория была изменена.
  • Изменил. Имя внёсшего правки пользователя. Для материалов доступно также поле Версия, позволяющее узнать, сколько раз редактировалась страница.
  • Кол-во просмотров. Число просмотров раздела.
  • ID. Идентификационный номер категории, который система присваивает автоматически.
  • Мета-тег Description. Позволяет вставить описание категории для SEO-продвижения.
  • Мета-тег Keywords. Поле для ключевых слов.
  • Мета-тег Robots. Из раскрывающегося списка можно выбрать директивы для файла robots.txt, влияющие на индексацию раздела поисковиками. Варианты списка - комбинации, дающие команду либо индексировать и документ, и размещённые в нём ссылки (Index, Follow ), либо ничего не индексировать (No index, no follow ), либо индексировать или одно, или другое (два оставшихся варианта).

Права доступа

Эта вкладка полностью посвящена настройкам доступа к категории (в редакторе материалов тоже такая есть). Здесь можно открыть или закрыть доступ персонально каждой группе пользователей.

Параметры

Здесь разместились все оставшиеся настройки, не попавшие на другие вкладки.

  • Альтернативный макет . В раскрывающемся списке можно задать настройки отображения раздела.
  • Изображение . К категории можно прикрепить картинку.
  • Альтернативный текст . Тег alt изображения.

Что может быть лучше отличного сайта? – Собственный качественный сайт! Десятки и сотни тысяч людей ежедневно активно задаются вопросом, . Некоторые попросту не желают тратить собственные средства, но ещё больше – получают истинное удовольствие от творения своими руками. Основное затруднение, в выборе идеальной CMS (которой на самом деле не существует). Среди неимоверного количества систем – заметно выделяется Joomla .

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

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

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

Подготовка к установке Joomla

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

В первую очередь, надо скачать joomla дистрибутив, который располагается по адресу (для joomla 2.5): http://joomla.ru/downloads/joomla

Но уверены ли вы, что знаете, как сделать сайт самому, да такой – чтобы не стыдно было сразу выложить в интернете?..

Рекомендуется воспользоваться помощью поистине бесценной программы «Denwer », которая позволяет создавать локальный сервер и просматривать сайты исключительно в пределах вашего компьютера, благо установка занимает всего считанные минуты. Скачать Денвер можно с официального сайта: http://www.denwer.ru

Кликнув по большой и красивой кнопке с надписью «Скачать Денвер 3 » – мы получим возможность выбрать версию PHP и скачать программу. Для этого понадобится указать некоторые личные данные – не пугайтесь. Достаточно лишь указать реальный e-mail (туда придёт ссылка), остальные поля второстепенны.

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

Установка Joomla на локальный сервер

Скачали и установили все требуемые файлы? – Тогда переходим к столь долгожданному и самому интересному этапу обучения — к раскрытию ответа на волнующий вопрос, как сделать свой сайт бесплатно. Открываем папку «home » (по умолчанию C:WebServershome ) и создаем папку с названием сайта, например: «site.ru ». Внутри созданной папки создаём ещё одну, с именем «www » — и распаковываем туда скачанные исходники Joomla. Сравниваем полученный результат с примером на скриншоте.

Мы почти создали сайт! Чтобы сделать сайт самому, осталось последнее усилие – установить CMS. Запускаем «Start Denwer », открываем любой браузер и прописываем в адресной строке: http://127.0.0.1/denwer/ .

Откроется страница, где наша задача: найти строку «phpMyAdmin — администрирование СУБД » — кликаем. Откроется страница, откуда можно перейти через левую верхнюю вкладку по адресу «База данных». Внимательно прописываем латинскими буквами выбранное название сайта (site ) и кликаем «создать ». Поздравляем! – База данных, необходимая для работоспособности сайта, создана.


В новом окне браузера вновь вводим название сайта (http://site.ru ) – появится предложение выбора языка. Выбираем, идём далее – просматриваем лицензию (степень усердия напрямую зависит от личной усидчивости), идём далее. Откроется страница «Основные установки » — внимательно заполняем поля: «Название хоста», «Имя и пароль пользователя», «Имя базы данных». Введённые данные следует сохранить – они понадобятся для получения доступа к сайту!

FTP-сервер у нас отсутствует, поэтому настройки FTP с чистой совестью дозволяется пропустить. Далее появится предложение ввести: «Название сайта», «e-mail», «Пароль администратора». Заполняем (крайне настоятельно рекомендуется для первой пробы установить демо-данные) – нажимаем «далее ».

Вы желали сделать свой сайт бесплатно? До исполнения желания остался один шаг – рекомендация к удалению папки installation. Удалите её.

Следуйте указаниям инструкции – данный этап не скрывает в себе сложностей. Отныне вы знаете, как сделать сайт на joomla!

Вбивайте в адресную строку название сайта и можете любоваться полученным результатом. Для управления сайтом пройдите по ссылке (потребуется логин и пароль, указанные в процессе установки, как показано на скриншоте): http://site.ru/administrator


Установка шаблона сайта на Joomla

CMS установлена, вход в администраторскую панель осуществлен: продолжаем раскрывать таинство темы, как сделать сайт бесплатно. В нашем случае стандартный шаблон заменен новостным «», содержащий бонус: «ZT_News_III_template », «Plugin_System_ZT_Mega_Menu », а также дополнительные модули. Для установки необходимо скачать файлы на компьютер, разархивировать и найти в панели управления вкладку «Расширения – Установить/Удалить».

Предложенный вариант шаблона – далеко не единственный! На просторах сети имеется необозримое множество платных и бесплатных шаблонов. Экспериментируйте! Единственная рекомендация – использовать проверенные источники, в частности – с официальных сайтов. Интересует, как добавить шаблон? Кликаем «Выберите файл », находим архив шаблона на компьютере и нажимаем «Загрузить файл и Установить ».

Настройка Joomla

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

Настройка Joomla начинается с настройки компонентов.

Главное в настройке джумлы – это настройка компонентов. Для активации плагинов и модулей переходим по адресу «Расширения – Менеджер плагинов/модулей ». Контролируем, чтобы рядом с каждым нужным пунктом была установлена галочка.

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

Что касается прилагаемых модулей, то имеется следующий ассортимент:

  • JV_G-Weather_module – модуль, позволяющий отображать на сайте погоду от Google. В настройках присутствует выбор интересуемого региона.
  • JV_Headline_module – собирает новости всех категорий для отображения в заголовке страницы.
  • JV_News_module – отображает превью статьи на первой страничке.
  • JV_Tabs_Module – представляет лучший контент для пользователей в виде выпадающего содержания.

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

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

Любой из вышеперечисленных модулей свободно редактируется в разделе «Расширения – Менеджер модулей ». Переходим на сайт «выбранное название сайта » и наслаждаемся полученным результатом! Вы уже убедились, что сделать сайт самому бесплатно – легко и быстро?

Настройка сайта

Крепкий фундамент – залог удивительной долговечности дома. Следует покопаться в глобальных настройках сайта сразу же — позднее что-либо менять на глобальном уровне будет крайне хлопотно! Находятся они в разделе «Сайт – Глобальная конфигурация », разбиваясь на три подраздела: «Сайт », «Систем а», «Сервер ».

Сайт . Именно в данных параметрах задаётся текст, когда сайт отключен. Имеется возможность указать «Название», заполнить «Мета описание» и ключевые слова, имеющиеся на сайте (рекомендуется максимальное соответствие тематики материалов).

Чуть правее располагаются настройки SEO:

  • Включить SEO – отображает URL в виде человекопонятного адреса, например, ссылка вида «index.php?option=com_content&view=article&id=5&Itemid=10» будет заменена на что-то вроде «pervaja-statja».
  • Использовать mod_rewrite – используется только на серверах Apache, однако перед включением опции необходимо изменить «htaccess.txt» на «.htaccess».
  • Добавить суффикс к URL – добавляет расширение html. Например, было «pervaja-statja», станет — «pervaja-statja.html».

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

Начало работы с Joomla

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

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

В разделе «Содержание » находятся менеджеры для редактирования каждой составляющей структуры. Начнем с разделов: переходим во вкладку «Содержание – Менеджер Разделов », в правом верхнем углу выбираем «Новый » — создаем раздел.

Заполняем поля «Название» (указываем название раздела на русском языке) и «Псевдоним» (название на латинице, рекомендуется транслитерация). Для автоматической транслитерации слов существует весьма удобный (достаточно ввести текст на русском языке, чтобы мгновенно получить его же, но английскими буквами) онлайн-сервис translit.ru – рекомендуется к использованию!

Проверяем, отмечена ли публикация (должно быть «да») — и нажимаем кнопку «Сохранить » в правом верхнем углу.

Переходим во вкладку «Содержание – Менеджер Категорий ». Полностью аналогично создаём категории. Создали? – Тогда вперёд, на штурм «Содержание – Менеджер статей »! Здесь вы, если хватит усердия довести дело до конца, будете очень частым гостем. Новые статьи соотносим с разделами и категориями, следим за наличием выбора публикации, чтобы материал отображался на главной странице.

Абсолютно точно уверены, что теперь-то знаете, как сделать сайт с нуля? А вот и нет! Как минимум, требуется настроить внешний вид главной страницы, задать параметры отображения материалов. Переходим в раздел «Меню – Главное меню », находим пункт «Home/(Домой) » — выбираем тип пункта меню. Это может быть одна страница, блог, другие варианты. Для новостного сайта идеально подходит варианта блога для отображения на главной странице множества различных статей – его и выбираем! Дополнительные параметры в правой части экрана позволяют редактировать размещаемый контент.

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

Можете полюбоваться, как будет выглядеть сайт после появления первых нескольких статей. Прекрасно, не правда ли?..

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

А теперь – вперёд! На покорение новых вершин. Постойте… а вдруг у вас не получилось? Тогда специально для вас предлагается альтернативный вариант! Вы можете выбрать лучший онлайн конструктор сайтов в нашем обзоре или воспользоваться уникальным конструктором Wix – настолько простой, что абсолютно не требует даже базовых знаний.

Простой – не значит плохой! Wix обладает потрясающим для его лёгкости функционалом: встроенный редактор Drag&Drop , слияние с социальными сетями, учебные видео и пошаговые инструкции, центр поддержки 24/7, бесплатный хостинг. Вам даже не придется думать о приобретении домена – конструктор подарит вам собственный, уникальный!

Конструктор Wix – комплексное решение для ценящих собственное время людей и всех тех, кого по какой-либо причине не привлекла Joomla.

Хорошо Плохо

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

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

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

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

Может быть вы опытный профессионал в сфере IT, но ранее не пользовались Joomla!

В этом случае вы начинаете приятное для вас путешествие и мы рады тепло вас поприветствовать от имени Joomla! и призываем вас прочесть Joomla! руководство для начинающих.

Добро пожаловать в Joomla! лидирующую платформу системы управления контентом с открытым кодом.

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

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

Пойми как работает Joomla!

Возможно вы захотите узнать как построена Joomla! и как взаимосвязаны её функции.

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

Вы можете сравнить это с такой операционной системой компьютера, как Microsoft Windows или Linux. Напрямую вы не используете саму систему (Joomla!); вы пользуетесь расширениями для выполнения задач. Некоторые приложения сразу же становятся доступными, но так же вы в любое время можете установить или удалить любые другие.

Устанавливаем Joomla!

Вот несколько способов установки Joomla!

Если вы желаете протестировать Joomla! и ещё не приобрели домен, то можете установить Joomla! на свой компьютер (ваш сайт не отобразится в сети интернет), установить её можно с помощью пакета установки XAMPP. Так же вы можете легко создать работающий веб сайт по этой ссылке .

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

  • Вариант первый: Установка в один клик. Многие хостинговые компании предлагают «мгновенный» способ установки Joomla! Следуйте инструкциям вашего хостинг провайдера для установки в один клик.
  • Вариант второй: обычная установка. Этод метод подразумевает копирование архива Joomla! на ваш хостинг аккаунт, распаковку, создание базы данных и последующий запуск файла установки. Полная инструкция по установке по ссылке .
  • Вариант третий: Демо сайт. Если вы использовали демо сайт, вы можете, следуя инструкциям резервного копирования переместить сайт на имеющийся хостинг или создать учётную запись хостинга по окончании 30ти дневной триал-версии.

Начинаем делать наш собственный Joomla! cайт

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

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

Давайте сначала разберемся в самой структуре построения контента (статьи, фото, видео, музыка) в joomla. Думаю что такое материал и категория все знают? Для тех, кто не знает, что такое материал — материал это статья, если это статейный сайт; материал — видео, если это сайт-видеохостинг (например, как youtube.com); материал — фото, если это фото-сайт или сайт портфолио. В общем надеюсь понятно, что подразумевается под словом — материал (в дальнейшем мы будем называть именно так, т.е. просто материал, поэтому запомните это). Категория — это некая папка, которая объединяет в себе схожие материалы, т.е. это примерно так, как мы создаем папку у себя на компьютере и складываем туда определенные файлы.

Стоит запомнить одну вещь — все материалы обязательно должны лежать в определенной категории. Иными словами материал не может существовать сам по себе, он обязательно должен относиться к определенной категории. Категории в свою очередь могут иметь вложенные подкатегории и такая вложенность может быть бесконечно множественной. Материал может лежать, как во вложенной категории, так и в дочерней. Именно такой логики придерживаются многие расширения для joomla. По умолчанию при установке joomla создается одна категория — uncategories . Обычно в данную категорию добавляют статьи, которые не имеют категории. Например, такие страницы, как Биография или О нас, ну и т.д.

Структура статьи

Включение ЧПУ в joomla

Обращу ваше внимание на один немаловажный момент — включение ЧПУ. Что такое ЧПУ? ЧПУ расшифровывается, как человоко понятный урл, т.е. адреса страниц становятся более дружелюбными к поисковым системам и выглядят более красиво. По умолчанию адреса в joomla имеют следующий вид, например, http://site.ru/index.php/novosti/mir-novostei-zhivonogo-mira. В принципе это и есть уже дружелюбный адрес, но смущает только вставка — index.php, и еще хотелось бы, чтобы адреса заканчивались на.html, как и должно быть по сути.

Чтобы реализовать задуманное выполним несколько несложных действий. Идем в общие настройки joomla — системное меню Сайт -> Общие настройки и в правой части окна находим блок «Настройки SEO «. Далее выставляем первые три переключатели в положение «Да», а именно: Включить SEF (ЧПУ), Перенаправление URL, Добавлять суффикс к URL.

  • Включить SEF (ЧПУ) — активирует ЧПУ,
  • Перенаправление URL — избавляет нас от вставки index.php,
  • Добавлять суффикс к URL — добавляет в конец адреса суффикс — .html.
  • Алиасы в Unicode оставляем в положении «Нет», иначе могут быть проблемы с адресами.

Создание материала в Joomla: добавление категории

Прежде чем приступать к созданию категорий и статей подготовьте структуру вашего контента, можно расписать все это на бумаге. Вы должны сразу определиться какие у вас будут на сайте категории и пункты меню (о пунктах меню поговорим чуть позже). Joomla так устроена, что данному шагу при построении контента следует уделить особое внимание и перестраивать структуру в дальнейшем не желательно, т.к. это может повлечь за собой смену адресов, в следствии чего сайт может потерять свои позиции в поисковых системах, а также ТИЦ и PR.

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

Заголовок (помечен звездочкой, это означает, что данное поле обязательно к заполнению) — вводим заголовок категории. Следите за тем, чтобы ваши заголовки были не слишком длинными, иначе это будет некрасиво.

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

Родитель — здесь выбираем родительскую категорию, если данная категория у вас будет верхнего уровня, то ничего не трогаем.

Состояние — здесь нам доступны следующие опции: опубликовано; не опубликовано; в архиве (можно поместить всю категорию в архив); в корзине (можно удалить категорию, переместив ее в корзину)

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

Права — устанавливает выбранной группе определенные права

Язык — выбираем язык сайт (только для мультиязычных сайтов). Оставляем как есть.

Описание — сюда вводим описание нашей категории. Желательно написать два, три абзаца описания. т.к. это очень полезно для сео-оптимизации сайта.

Теперь давайте взглянем на правую колонку. Здесь нам доступны следующие вкладки: Параметры публикации, Основные параметры, Метаданные.

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

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

Метаданные — вводим краткое описание и ключевые слова. Также вводим имя автора и выбираем мета-тег Robots (с помощью данной опции может разрешить или запретить данную категорию к индексации), но его советую оставить по умолчанию.

Когда я создаю категории в большинстве случаев я заполняю лишь: Заголовок, Родитель, Описание, Метаданные. Все остальное оставляю по умолчанию. Но, сайты бывают разные, так все остальное на ваше усмотрение, если нужно заполняйте или отмечайте.

После всех действий жмем по одной из трех кнопочек — Сохранить, Сохранить и Закрыть, Сохранить и создать. Все они сохраняют материал. Надеюсь каждую кнопку комментировать не нужно. Из названий должно быть понятно предназначение каждой из них.

Создание материала (статьи)

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

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

Будем считать, что заголовок вы ввели, категорию выбрали теперь необходимо вставить текст и картинки. Хочу обратить ваше внимание на то, что текст как обычно копировать-вставить здесь не желательно. Т.е. текст вы копируете в буфер как обычно — ctrl+c, а вот вставлять нужно через кнопочку на панели инструментов. Данным действием мы вставляем только текст, отбрасывая все ненужные теги. Дело в том, что копируя текст с Microsoft Word или с какого либо сайта мы вместе с текстом копируем в буфер очень много ненужных символов, которые нам абсолютно не нужны. Обязательно запомните данный момент. Вообще, на эту тему я записал видеоурок — как правильно добавлять статьи на сайт . Советую вам посмотреть.

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

Теперь давайте вставим изображение в статью с помощью кнопочки «Изображение». Чтобы картинка присутствовала и в анонсе статьи поставим курсор в самое начало текста, т.е. перед первой буквой и нажмем на кнопочку «Изображение» . В открывшемся модальном окне нам откроется директория images нашего сайта. Здесь будут храниться все изображения нашего сайта, вернее наших материалов. Желательно распределить все изображения по папочкам. По умолчанию здесь уже созданы две папки — banners и sampledata. Папки создаются через медиаменеджер, оттуда же можно и загружать и вообще управлять медиа-материалами. Ну, усложнять не будем сейчас. Вы можете загрузить изображение пока в корень папки images, либо в одну из двух папок. В папке sampledata уже есть демо-изображения, советую воспользоваться пока ими.

Выбирая изображение у нас в поле «Адрес изображения» автоматически подставляется путь до изображения. Нам остается только заполнить поля — Описание изображения и Заголовок изображения. Эти поля являются не обязательными, но заполнять их все же советую. Выравниваем изображение — влево или вправо и после всего жмем по кнопке «Вставить».

Начиная с версии joomla 2.5 появилась возможность задать общую картинку материалу, как для анонса, так и для полного описания. Конечно задать картинку к статье мы можем и выше приведенным методом, но все же данный метод будет правильнее. Чтобы задать картинку ищем в правой колонке вкладку «Изображения и ссылки». Здесь вы можете задать картинку анонсу материала и полному описанию.

Чтобы загрузить или выбрать загруженное изображение, нажмите на кнопку «Выбрать», ну а далее откроется вам знакомое окошко в модальном окне. Следите, чтобы размеры изображения были не слишком большими. Для тизера (краткое описание) добавьте изображение поменьше, а для полного описания можно побольше. Можете также выбрать обтекание текста — слева или справа, либо по центру (но это зависит от шаблона, т.е. данные стили должны быть заложены в шаблоне).

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

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

Двигаемся далее и теперь давайте отделим основной текст от анонса. Для этого вставим курсор в конец первого абзаца и нажмем по кнопочке «Подробнее» . Сразу после абзаца вставится красная разделительная черта. Она как раз и будет отделять анонс от полного содержания.

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

И последнее, что нам понадобиться заполнить это поля метаданных Description и Keywords. Хотя, говорят, что данные поля для ранжирования сайтов в поисковой выдаче уже не так работают как раньше, но все же лучше их заполнить. В правой части окна добавления материала находим последнюю вкладочку «Метаданные» . Обычно в поле «Мета-тег Description» я вставляю несколько предложений из первого абзаца с вхождением ключевого запроса. В поле «Мета-тег Keywords» вставляем ключевые слова, характеризующую статью. От 5 до 10 слов будет думаю достаточно. Не забываем про ключевые запросы.

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

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

А на этом данную статью я заканчиваю. Будут еще статьи по созданию сайта на joomla, ждите. До скорых встреч!