Joomla руководство

По данным W3Techs на март 2018 года, CMS Joomla! занимает второе место в мире по популярности после WordPress. На этом движке работают 6,8 % ресурсов, использующих системы управления контентом, и 3,1 % всех сайтов в интернете. Из этой статьи вы узнаете, почему стоит обратить внимание на «Джумлу». Также вы найдете пошаговое руководство по созданию и настройке сайта на Joomla!, подключению ресурса к системам веб-аналитики и публикации контента.

Почему стоит обратить внимание на CMS Joomla!

«Джумла» — система управления контентом, распространяющаяся по лицензии GNU GPL. Проще говоря, это бесплатный движок, на котором можно делать любые сайты. CMS Joomla! функциональна и относительно проста в управлении. Выше уже сказано, что «Джумла» занимает второе место по популярности после CMS WordPress.

Владельцы сайтов выбирают эту систему управления контентом благодаря таким достоинствам:


  • По простоте использования Joomla! только немного уступает WordPress. С этой CMS можно работать без знаний в области программирования и дизайна сайтов.
  • «Джумла» обладает функциональностью, достаточной для создания сайтов любого размера и предназначения. На этом движке можно делать ресурсы разных типов: от сайта-визитки или блога до большого интернет-магазина или информационного портала.
  • Возможность адаптировать сайт к нуждам аудитории с помощью платных и бесплатных шаблонов и расширений.
  • Удобное управление меню и навигацией. Благодаря этому «Джумла» считается одним из лучших движков для интернет-магазинов. На Joomla! можно быстро создавать сайты со сложной архитектурой: большим числом категорий и подкатегорий, а также организовывать иерархии страниц.
  • Адаптация к требованиям поисковых систем. Движок Joomla! считается SEO-дружественным по умолчанию. А с помощью SEO-расширений вы сможете быстро решать все технические аспекты оптимизации.

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

Шаг № 1: начинаем работать с Joomla!

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


  • Хостинг для Joomla! от «Джино».
  • Готовые решения от Reg.ru.
  • Предложение от «Макхост».
  • Просто хостинг для Joomla.

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

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

Шаг № 2: как установить шаблон Joomla!

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

  • Если у вас нет мобильной версии сайта, выбирайте шаблон с адаптивной версткой. Благодаря этому вашим сайтом смогут пользоваться владельцы смартфонов и планшетов.
  • Обращайте внимание на внешний вид и функциональность шаблона. Например, если вы создаете интернет-магазин или корпоративный сайт, в этом случае не подойдут темы для блогов или сайтов-визиток.
  • Если выбираете готовый шаблон, воспользуйтесь иностранными сайтами. Для этого введите в Google запрос joomla templates. Так будет больше шансов найти хорошую тему, которую не используют коллеги и конкуренты в рунете.

Если некогда пользоваться поисковиками, ищите шаблоны здесь:

  • 600+ платных шаблонов.
  • Платные и бесплатные шаблоны для «Джумлы».
  • Много тем для Joomla!
  • Красивые шаблоны.

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

Загрузите и установите шаблон.

После успешной установки перейдите в менеджер шаблонов.

Поставьте галочку напротив выбранного шаблона и нажмите кнопку «По умолчанию» в левом верхнем углу экрана.

Убедитесь, что активировали выбранный шаблон.

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

Теперь переходите к настройке CMS.

Шаг № 3: как настроить CMS Joomla!

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


Указываем общие настройки сайта

В меню «Общие настройки» выберите вкладку «Сайт». Укажите название ресурса, убедитесь, что он включен. Напишите уведомление о недоступности сайта и при необходимости выберите изображение. В меню «Уровень доступа по умолчанию» выберите вариант «Публичный».

Укажите мета-данные сайта: описание и ключевые слова. Выберите значение для тега robots. Если не нужно ограничивать индексирование ресурса поисковыми системами, подойдет вариант Index, Follow. В поле «Авторские права» внесите данные о копирайте.

В разделе «Настройки SEO» включите ЧПУ и добавление суффикса к URL. Чтобы включить перенаправление URL, необходимо переименовать файл htaccess.txt, который находится в корневой директории ресурса. Чтобы получить к нему доступ, воспользуйтесь любым FTP-клиентом, например, Filezilla. Найдите указанный файл и переименуйте его в .htaccess.

Поставьте напротив поля «Алиасы в Unicode» отметку «Нет». Если хотите включать название сайта в заголовок страницы, сделайте отметку в соответствующем поле.

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


На вкладке «Сервер» включите gzip-сжатие страниц. Это ускорит загрузку сайта в браузерах посетителей. Если хотите обеспечить пользователям безопасную связь с сайтом, приобретите SSL-сертификат и включите соответствующую опцию в панели управления «Джумлы». Выберите часовой пояс, подходящий аудитории вашего ресурса. Оставьте выключенными встроенный доступ к FTP и прокси-сервер. В разделе «Настройка почты» укажите адрес электронной почты и отправителя письма.

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

Если вы работаете с сайтом самостоятельно, не изменяйте настройки на вкладке «Фильтры текста». Если другие пользователи могут добавлять публикации, отфильтруйте нежелательные теги HTML. Например, с помощью фильтров можете запретить группе пользователей встраивать в публикации видео с YouTube. Для этого напротив соответствующей группы укажите тип фильтра «Черный список», в который по умолчанию включаются теги <iframe>.

Как создать меню сайта на CMS Joomla!

Чтобы создать меню, воспользуйтесь менеджером меню в панели управления «Джумлы».


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

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

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

Для выбора конкретного материала воспользуйтесь опцией «Выбрать».

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

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

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

Нажмите кнопку «Создать» в левом верхнем углу экрана.

На открывшейся странице выберите вариант модуля «Меню».

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

Как создать категории и меню категорий

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


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

На вкладке «Публикация» укажите мета-данные категории, при необходимости укажите автора.

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

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

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

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

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

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

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

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

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

Шаг № 4: устанавливаем и настраиваем базовый набор расширений для Joomla!


C помощью базового набора расширений для Joomla! можно решить следующие практические задачи:

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

Как настроить резервное копирование сайта на Joomla!

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

  • Akeeba Backup.
  • Easy Joomla Backup.

Скачайте дистрибутив выбранного инструмента и установите его на сайт с помощью менеджера расширений. Если выбрали бесплатный компонент Akeeba Backup Core, после установки перейдите на страницу настройки. Примите лицензионное соглашение и запустите мастер конфигурации. После завершения его работы Akeeba Backup предложит создать резервную копию или вручную изменить настройки.


Создайте резервную копию сайта.

С помощью кнопки View Log можно просмотреть журнал обновлений. Кнопка Manage backups позволяет войти в меню управления бэкапами. Здесь можете фильтровать, помечать и удалять устаревшие резервные копии.

Бесплатная версия Akeeba Backup не поддерживает автоматическое резервное копирование по расписанию, поэтому придется делать копии вручную. Для этого в панели управления Joomla! необходимо воспользоваться меню «Обслуживание – Backup is up-to-date».

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

Как уменьшить вероятность несанкционированного доступа к сайту на Joomla!

Уменьшить вероятность взлома сайта на «Джумле» можно с помощью таких расширений:

  • JU BlockIP.
  • SecSign.
  • Brute Force Stop.

Установите расширение Brute Force Stop. Включите его в меню «Менеджер расширений – Плагины».


На странице настроек плагина укажите порог блокировки. По умолчанию стоит значение «10». Рекомендую уменьшить его.

На вкладке «Уведомления» укажите электронный адрес, на который будут приходить сообщения о заблокированных IP.

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

Как защитить сайт на Joomla! от спама

Вы можете защитить ресурс на CMS «Джумла» от автоматических регистраций и спам-комментариев с помощью следующих расширений:

  • iAkismet. Это платный плагин, обеспечивающий защиту сайта с помощью сервиса Akismet.
  • R Antispam. Этот инструмент защищает от спам-ботов форумы сайтов, работающих на Joomla!
  • CAPTCHA – reCAPTCHA.
  • CleanTalk (платный сервис).

В менеджере плагинов включите плагин CATCHA – reCAPTCHA.

Зарегистрируйте сайт в сервисе Google reCAPTCHA. Получите публичный и секретный ключ. Укажите их в настройках плагина.

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

После этого reCAPTCHA будет защищать формы регистрации, восстановления пароля, комментирования от спам-ботов.

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

Эту задачу можно решить с помощью следующих инструментов:

  • Sitemap Generator.
  • PWT Sitemap.
  • OSMap.

После установки Sitemap Generator перейдите в менеджер карты сайты. Его можно найти в меню «Компоненты – Sitemap Generator».

Нажмите кнопку «Generate your sitemap».

Дождитесь сообщения об успешном создании карты сайта. Чтобы просмотреть карту, воспользуйтесь кнопкой «Show the sitemap».

Обратите внимание, расширение Sitemap Generator можно бесплатно использовать на сайтах с количеством URL меньше 500. Стоимость использования модуля для сайтов с 500 URL и больше составляет от 40 евро в год.

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

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

  • iSEO. Платное решение: мощный SEO-плагин, решающий комплекс задач.
  • EFSEO.
  • SEOBoss. Используйте этот бесплатный плагин осторожно, так как некоторые его функции относятся к олдскульному SEO.

Установите плагин EFSEO и включите его в менеджере плагинов. Перейдите на страницу настройки плагина. На вкладке «Дополнительные параметры» активируйте функцию Collect URL’s.

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

Щелкните по блоку и отредактируйте мета-данные страницы.

Повторите действие на каждой странице сайта.

Плагин EFSEO поддерживает автоматический режим. При его активации надстройка генерирует мета-данные для страниц. Функцию можно включить на вкладке Automatic Mode в настройках плагина. Используйте автоматический режим в крайнем случае, так как мета-данные лучше создавать вручную.

Как добавить кнопки шеринга социальных сетей

Добавить кнопки социальных сетей можно с помощью таких расширений:

  • Fast Social Share.
  • Social Sharing.
  • AddToAny Share Buttons.

Установите и активируйте модуль AddToAny Share Buttons. По умолчанию кнопки шеринга появятся на страницах публикаций под контентом.

В настройках плагина на вкладке AddToAny Placement можно изменить расположение кнопок. Доступны позиции над контентом, под контентом и над и под контентом одновременно.

Как добавить форму обратной связи

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

  • Form Maker Lite.
  • Prestige Contact Forms.
  • Creative Contact Form.

После установки расширения Form Maker Lite войдите в меню «Компоненты – Form Maker Lite – Forms». С помощью кнопки «Создать» откройте редактор новых форм.

С помощью кнопки Form Options перейдите на страницу настройки формы. На вкладке Email Options введите адрес электронной почты, на который будут приходить сообщения, созданные с помощью формы.

Добавляйте новые поля с помощью кнопки Add New Field.

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

Чтобы добавить форму на страницы сайта, в меню «Компоненты – Form Maker Lite – Forms» скопируйте код созданной формы. В режиме редактирования вставьте его на выбранные страницы сайта.

Если вы все сделали верно, на страницах сайта появится созданная форма.

Как добавить микроразметку на сайт поду управлением Joomla!

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

Установите и активируйте расширение Google Structured Data Markup. После активации бесплатная версия добавляет микроразметку Schema.org Breadcrumblist, Organization и Website.

С помощью бесплатной версии плагина к публикациям можно добавлять структурированные данные Schema.org Article. Для этого в меню настроек Google Structured Data выберите раздел Items и нажмите кнопку «Создать».

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

Проверьте корректность микроразметки с помощью инструмента Google.

Платная версия плагина поддерживает другие типы разметки, включая Review, Products, Recipes, Events.

Реализуйте на сайте протокол Open Graph. Он нужен, чтобы при шеринге контента в социальных сетях сниппет выглядел привлекательно.

Установите и активируйте расширение Phoca Open Graph. В настройках плагина на вкладке Main Options включите опцию Find Image in content. Укажите название сайта и сохраните изменения.

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

Как подключить ускоренные мобильные страницы на сайт под управлением Joomla!

Это можно сделать с помощью платных расширений:

  • JAmp.
  • wbAMP.
  • Accelerated Mobile Pages.

Протестировать работу ускоренных страниц на «Джумле» можно с помощью бесплатной версии расширения wbAMP для сообщества. Инструкцию по работе с расширением читайте в нашем руководстве по работе с ускоренными мобильными страницами.

Шаг № 5: как добавить код аналитических сервисов на сайт под управлением Joomla!

Чтобы отслеживать эффективность, добавьте сайт под управлением CMS Joomla! в сервисы аналитики «Метрика» и Google Analytics, а также в Search Console Google и «Яндекс.Вебмастер».

Как добавить сайт на «Джумле» в Google Analytics

Войдите в аккаунт Google Analytics. Добавьте новый сайт в систему: укажите название, URL. Воспользуйтесь опцией «Получить идентификатор отслеживания». Теперь доступен код отслеживания, который необходимо вставить на все страницы сайта.

Задачу можно решить с помощью следующих расширений:

  • Advanced Google Analytics.
  • Asynchronous Google Analytics.
  • Google Analytics Dashboard.

После установки плагина Advanced Google Analytics включите его и перейдите на страницу настроек. Укажите ID идентификатора отслеживания, название домена, выберите подходящие настройки и сохраните изменения. Вы добавили код отслеживания на сайт.

Как добавить сайт на Joomla! в «Яндекс.Метрику»

Добавить на сайт код отслеживания «Яндекс.Метрики» можно с помощью плагина do Yandex Metrika.

После установки плагина do Yandex Metrika включите его и перейдите на страницу настройки. На вкладке «Модуль» введите ID идентификатора. Выберите подходящие настройки и сохраните изменения.

В «Яндекс.Метрике» проверьте, поступают ли данные с сайта.

Как верифицировать сайт на Joomla! в Google Search Console и «Яндекс.Вебмастер»

Чтобы добавить сайт в кабинеты для вебмастеров Google и «Яндекс», необходимо подтвердить права на управление ресурсом. Это можно быстро сделать с помощью расширения Webmaster site verification.

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

После этого подтвердите права в кабинетах для вебмастеров Google и «Яндекс».

Шаг № 6: как публиковать контент

Чтобы опубликовать заметку на сайте под управлением CMS Joomla!, воспользуйтесь меню «Создать материал» в административной панели.

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

В открывшемся окне можно добавить атрибут alt, выбрать способ выравнивания и разрешение фото.

На вкладке «Публикация» добавьте описание и по желанию ключевые слова страницы.

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

В разделе «Менеджер материалов» можно управлять публикациями: редактировать, удалять, снимать с публикации, оценивать количество просмотров.

В разделе «Категории» можно создавать и редактировать категории публикаций.

Вместо заключения, или Что лучше: Joomla! или WordPress

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

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

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

К преимуществам Joomla! перед WordPress можно отнести:

  • Доступные без установки плагинов инструменты SEO. «Движок» поддерживает оптимизацию URL-адресов, переадресацию ссылок, управление мета-тегами robots.
  • Автоматическое кэширование. Эта функция ускоряет загрузку страниц в браузерах.
  • Наличие встроенного доступа к FTP.
  • Управление сжатием страниц.
  • Возможность редактирования контента во фронтенде.

В CMS WordPress перечисленные задачи можно решить только с помощью дополнительных плагинов.

К недостаткам Joomla! можно отнести:

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

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

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

kak-sozdat-sayt-na-joomla-poshagovoe-rukovodstvo-dlya-nachinayushchikh

texterra.ru

Как и при работе со сложной техникой, для того чтобы эффективно (т. е. с минимально возможными тратами времени и сил) работать с любой системой управления сайтом, в частности, с Joomla! 3, самое правильное – это почитать инструкцию, а не пытаться сделать что-то методом тыка. Лучше один раз потратить немного времени на прочтение инструкции, и потом относительно уверенно работать, чем постоянно ломиться мимо открытой двери, нажимая все кнопки подряд.
В данном руководстве будем рассматривать работу с установленной с чистого листа Joomla! 3, дистрибутив которой был скачан с сайта самого разработчика – http://joomla.org, с установленными на сайт демо-данными (вариант «Изучаем Joomla English (GB) демо-данные), подробнее про процесс установки Joomla! 3, почему нужно устанавливать систему от разработчика (с сайта joomla.org), и что такое демо-данные, рассказано в теме Инструкция по установке Joomla! 3. Даже если у вас уже есть установленная не вами Joomla!, всё-равно, советую просмотреть эту небольшую тему для понимания вышеперечисленных вопросов.

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

Небольшое вступление

Joomla! – это система управления web-контентом, по-английски – CMS (content management system).
Правильно писать Joomla! – с восклицательным знаком на конце. «Joomla!» в переводе с языка Cуахили означает «все вместе!».
Как и почти любая система управления контентом, Joomla! 3 имеет "общедоступный" интерфейс, расположенный просто по адресу вашего сайта:
http://адрес-сайта.ru, собственно, его и называют "сайтом", а также существует "административный" интерфейс, который обычно доступен по адресу вида:
http://адрес-сайта.ru/administrator.
Через административный интерфейс, как не сложно догадаться, осуществляется управление сайтом: создание контента (текстов, изображений и т. п.), управление настройками сайта (правами доступа разных пользователей, изменением дизайна, производительности и т. п.)
В административный раздел сайта можно организовать доступ нескольких пользователей с разными полномочиями. Самый высокий приоритет имеет пользователь "Super User", который создается при установке Joomla!
Данное руководство я пишу для того, чтобы помочь простому пользователю быстро, насколько возможно, вникнуть в принцип функционирования системы Joomla! 3, не отнимая силы и время читающего на, в большинстве случаев, не актуальные для неискушенного пользователя задачи и сложные нюансы администрирования системы. Поэтому, постараюсь излагать материал максимально естественным образом, с разбором жизненных несложных примеров, а не сухим перечислением тысяч опций административной панели. К тому же, такой подход я считаю правильным в силу того, что Joomla! – система постоянно развивающаяся (сейчас актуальна версия Joomla! 3.5), скоро выйдут версии Joomla! 3.6.x, года через 1.5, наверное, будет актуальна Joomla! 4.x, в новых версиях, соответственно, потихоньку меняются опции в административном интерфейсе, но не в глобальном плане, а именно в мелочах, кстати, и скриншоты в этом руководстве я делаю, работая на Joomla! 3.5 и Joomla! 3.6, т. к. пишу его не быстро. Поэтому, повторюсь, важно понять принцип работы системы, а по нюансам информацию всегда можно найти на просторах интернета: http://joomla.org, http://forum.joomla.org, http://joomlaforum.ru, http://joomla.ru, ну и, мой скромный форум forum.tamirov.ru, где советовал бы почитать именно раздел про безопасность.

Принцип работы CMS Joomla!

Итак, после установки Joomla! 3 с демо-данными (вариант «Изучаем Joomla English (GB) демо-данные), первая страница нашего тестового сайта будет выглядеть примерно так:

Здесь самое время сказать о том, по какому принципу устроена структура сайта на Joomla!. Суть этого принципа такова:
В Joomla! информация структуируется на основе системы объектов, именуемых «меню», например, могут быть созданы объекты типа «меню»: "Главное меню", "Левое меню", "Правое меню" и т. п., может быть создано неограниченное количество таких объектов. Каждый такой объект состоит из входящих в него пунктов меню. В таких объектах пункт меню — это не просто строчка в блоке справа или сверху сайта, на которую можно нажать и перейти в соответствующий раздел. Для системы пункт меню — это тоже некий объект, к которому можно привязать какую-либо информацию, этот объект можно настраивать, чтобы он, в частности мог влиять на способ отображения привязанной информации, можно ограничивать к нему доступ определенных пользователей/групп пользователей, и т. п. Пункты меню, как не сложно догадаться, могут иметь иерархическую структуру (быть вложенными друг в друга).
Далее.., в Joomla! существуют 3 важных понятия: компонент, модуль, плагин — это те вещи, которые определяют содержимое, которое видит посетитель сайта. Есть ещё такое глобальное понятие шаблон. Шаблон отвечает только за декорирование (красоту) сайта и его частей: цвета, шрифты, фон страницы, ширина страницы, её элементов и т. п. Самим содержимым шаблон не управляет.

Теперь немного подробнее про компоненты, модули, плагины, шаблоны:

Компоненты

Компонент – это объект, который выполняет основную работу по показу пользователю содержимого на страницах сайта. Нужно заметить, что типы содержимого (компонентов) могут быть разными, например, это могут быть простые статьи (тексты с картинками), а может быть каталог товаров с возможностью заказа, а может быть, например, целый форум со всей своей сложной структурой.
Некоторые компоненты уже предустановлены в ядре Joomla!, например, компонент "Контент" жестко встроен в ядро, так что его даже нет в списке предустановленных компонентов, и он выводится как пункт "Материалы" в верхнем меню в административной панели. Компоненты "Баннеры", "Контакты", "Ленты новостей" и т. д. присутствуют в выпадающем пункте "Компоненты" верхнего меню административной панели. Стоит отметить, что скорее всего из этих компонентов для начала Вы будете использовать только компонент "Контакты", который позволяет создать страницу с формой обратной связи на сайте. Остальные из предустановленных компонентов обычно используются редко.
Другие же компоненты, например: каталоги товаров, галереи, форумы – нужно устанавливать в систему самому (но это не сложно).

Модули

Модули – это объекты, которые выводятся в разных участках сайта: левая/правая колонки, шапка, под шапкой еще один модуль, подвал, над подвалом и т. п.
Все предустановленные модули можно найти в пункте "Расширения" – "Менеджер модулей" верхнего меню в административное панели сайта.
На скриншоте выше я обвел и подчеркнул модули красным цветом. Теоретически модуль даже может выводиться в центральной части страницы, занимая место компонента, но обычно так не делают.
Функционал модулей может быть очень различным: просто выводить текст, картинку (можно сделать чтобы выводилась разная информация, в зависимости от статуса посетителя), окошко поиска, окошко входа по логину и паролю, слайдшоу, и, кстати, меню – тоже выводятся через модули, но сами пункты меню создаются не в менеджере модулей, а в менеджере меню.
На примере выше мы видим Верхнее горизонтальное меню, под ним широкое изображение – тоже вставлено как модуль, два блока меню в правой колонке "About Joomla!" и "This Site", и внизу под основным текстом мы видим маленький модуль, часто именуемый "Breadcrumbs" ("хлебные крошки"), а говоря по-русски "Навигационная цепочка".

Плагины

Плагины – это объекты, которые модифицируют контент и поведение сайта в зависимости от каких-либо обстоятельств или независимо от каких-то условий. Плагин можно выключить и его влияние пропадет. По своему назначению плагины бывают разные, например, какие-то могут модифицировать контент перед его окончательной отправкой в браузер пользователя. Например, заменить в тексте все адреса электронной почты на специальный код, который в браузере пользователя виден как обычный адрес, но в коде страницы сайта он не читаем, – это такая защита от чтения текстов спам-ботами. А может быть плагин, который распознает в тексте, который создавал администратор сайта, определенную последовательность символов, например "{gallery1}", и перед отдачей страницы сайта пользователю, вместо этого выражения вставит в текст все картинки из папки хостинга /images/gallery1 т. е. таким образом конструируются несложные галереи (нужно заметить, что серьёзные галереи всё-таки делаются на основе специальных компонентов галерей). Ну, а может быть плагин, который дополнительно контролирует к каким разделам будет иметь доступ пользователь, а каким – нет, в зависимости от каких-то условий.
Управлять всеми установленными плагинами в системе можно, пройдя по адресу "Расширения" – "Менеджер плагинов" в верхнем горизонтальном меню административной панели Joomla! 3:

Шаблоны

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

  • Шаблоны (темы) (templates) — глобальные структуры, определяющая вид сайта в целом. Каждый шаблон сайта в своём составе может содержать более мелкие под-шаблоны:
    1. Макеты вывода (layouts/views) — под-шаблоны для модулей, частей компонентов, некоторых плагинов. В качестве примера использования макета вывода можно привести следующее. У нас есть несколько материалов (статей), которые относятся к одной категории. Мы хотим создать на сайте пункт меню, в котором на странице будут отображены первые десять статей из этой категории материалов. Макеты вывода позволяют нам выбрать, каким образом эта страница будет выглядеть: просто список из кликабельных названий первых 10 материалов, или вывести эти материалы как в блогах (небольшое начало каждой статьи (анонс) со ссылкой "Подробнее…"), анонсы тоже по-разному можно расположить: просто один под другим, а можно в две, три, четыре колонки в виде плиток..
    2. Микро-макеты (layouts) — под-шаблоны для отрисовки совсем мелких деталей, например, кнопок, постраничной навигации и т. п.

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

С теоретическим введением на этом пока закончим!

Теперь, давайте рассмотрим внимательнее первую страницу нашего сайта:

Наверху страницы мы видим название сайта, под ним горизонтальное меню (модуль), под ним картинка (модуль), под ним мы видим 4 материала (статьи): 1 – во всю ширину, 3 остальных выводятся в виде 3-х колонок, две из которых имеют кнопку «Подробнее…».
Под этим всем небольшая навигационная цепочка (модуль) (эту цепочку часто называют "хлебные крошки", так повелось с английского " Breadcrumbs").
В правой колонке, на самом верху видим окно поиска (модуль), ниже 2 блока (модуля) с меню, под ними блок (модуль) с формой залогинивания на сайте.

Начинаем работать

Для начала зайдём в административную панель нашего сайта

Для этого нам нужно пройти по адресу:
http://адрес-сайта.ru/administrator, нам будет предложено ввести свои логин и пароль:

После успешной аутентификации (в данном случае более правильно говорить об аутентификации, а не об авторизации, конечно, проще сказать: входа, залогинивания. На это обращаю внимание просто на будущее, не только в Joomla, в любой системе, находясь в административном интерфейсе, вдруг можете получить сообщение вида "Вы не авторизованы для выполнения этого действия.." т. е. у вас не хватает прав!), попадём в панель администрирования, где в зависимости от тех полномочий, которыми наделен пользователь, под которым мы зашли, могут присутствовать или отсутствовать какие-то опции в меню, либо в меню опция может быть, но при попытке её воспользоваться, система выдаст вам сообщение типа "У вас не хватает прав для просмотра этого раздела..". Сейчас я рассматриваю работу в административной панели Joomla! 3.5 под аккаунтом суперадминистратора, поэтому все опции меню будут для нас доступны:

На скриншоте выше я кликнул в верхнем меню по кнопке «Материалы» чтобы перейти в «Менеджер материалов»:

Здесь мы видим длинный из нескольких страниц список предустановленных тестовых материалов, на первом месте у нас в списке материал с названием «Smart Search», на сайте его можно найти где-то глубоко, если развернуть меню в правой колонке:

Кстати, в нашей тестовой установке используется шаблон (тема) «Protostar», она считается современной в том смысле, что адаптирована под экраны мобильных устройств. Но, например, то, как реализовано данное правое меню, мне не совсем нравится т. к., чтобы добраться до пункта «Smart Search» пришлось кликать по каждому родительскому пункту и при этом каждый раз происходила перезагрузка сайта с разворачиванием только следующего вложенного подменю, т. е. сайт перезагружался 5 раз, пока я шел по цепочке вложенных пунктов: «Using Joomla!»→«Using Extensions»→«Modules»→«Utility Modules»→«Smart Search», я считаю это не очень хорошо сточки зрения удобства для пользователей, и ненужной нагрузки на сайт. Конечно всё это можно переделать так как хочется, например, чтобы меню разворачивалось без перезагрузки страницы, или ещё каким-то другим образом его отобразить.. но это отдельная тема.

Создадим какой-нибудь тестовый материал

Давайте начнем наши опыты с первого, что, наверное, придёт в голову попробовать большинству из новичков ))
Создадим какой-нибудь тестовый материал (статью), и сделаем в верхнем меню («Home» «Sample Sites» «Joomla.org») 4-й пункт, который будет вести на нашу статью.
Статью назовём «Наша первая статья», а пункт меню «Наш первый пункт меню».
Для этого в менеджере материалов в левом верхнем углу кликнем по зелёной кнопке «Создать», мы попадем в окно редактора материала, где нам потребуется заполнить как минимум 2 поля: Заголовок и, собственно, поле с текстом материала (статьи):

Поле «Алиас» (в переводе с английского означает «псевдоним») в принципе заполнять не нужно, система сама его заполнит, транслитеровав заголовок материала. Это поле будет использовано в качестве url-адреса данной страницы (алиас статьи не всегда используется в качестве url-адреса, например если пункт меню ведет на страницу с анонсами нескольких статей в виде блога, то в качестве адресов страниц полных статей действительно будут использоваться алиасы этих статей. Если же пункт меню ведет просто на одну статью, тогда в качестве url-адреса страницы будет использован алиас не статьи, а алиас этого пункта меню).
На всякий случай, вот выдержка из подсказки, которая всплывает при наведении мышки на это поле:

SEF (Search Engine Friendly) — человеко читаемый URL (адрес в сети интернет, например https://tamirov.ru/programmirovanie/prodvijenie-saitov, а не httр://tamirov.ru/3-06-12/5-06/12), который считается, что благосклонно воспринимается и поисковыми системами.
SEO (Search engine optimization) — оптимизация под поисковые системы.
В принципе, для создания материала мы все сделали, и мы можем для его сохранения нажать вверху окна редактора материала на кнопку «Сохранить» или «Сохранить и закрыть», в первом варианте мы сохраним материал, но останемся в окне его редактирования, во втором варианте, мы сохраним материал и попадем в менеджер материалов.
Но прежде чем это сделать, хочу заметить: вы, наверное, видите, что в редакторе материала мы работали в основной вкладке «Материал», а там присутствуют еще вкладки: «Публикация», «Изображения и ссылки», «Отображение», «Параметры редактирования», «Права доступа»:

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

Теперь нам нужно создать в верхнем меню нашего сайта новый пункт «Наш первый пункт меню», к которому мы привяжем нашу только что созданную статью.
Для этого в верхнем меню административной панели нажмём пункт «Меню» и в выпадающем меню выберем пункт «Top» – это объект меню, которое выводится вверху сайта (об объектах меню было рассказано выше). В нём нам и нужно создать новый пункт меню, для этого нажимаем «Создать»:

Попадаем в редактор пункта меню:

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

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

нажмём на него, и попадём в всплывающее окно выбора материала, где видим наш только что созданный материала «Наша первая статья», что же — нажимаем на него:

В принципе, всё по-минимуму сделано, и пункт меню можно сохранять. Давайте только заглянем во вкладку «Метаданные» редактора пункта меню:

Там, как видите, есть два поля для мета-тегов Description и Keywords, про мета-теги было рассказано выше, при описании создания материала (статьи). Здесь стоит отметить, что в данном случае, если задать эти мета-теги и в статье и в пункте меню, то на странице сайта будут использованы мета-теги, заданные в статье. Если в статье какой-то мета-тег не задан, то он будет браться из пункта меню, если он и там не задан, то он будет браться из глобальных настроек сайта. Мета-теги, указанные в пункте меню будут иметь приоритет перед мета-тегами из материала, если тип пункта меню будет, например, «Блог категории» или «Список материалов категории», «Архивные материалы» в общем, когда пункт меню по сути обобщает что-то, а не отображает какую-то конкретную сущность (статью), думаю, логика понятна.
Давайте, наконец-то сохраним наш пункт меню: нажмем «Сохранить и закрыть», пункт меню будет сохранен, а нас перебросит в окно менеджера меню, где внизу мы видим наш новый пункт меню:

Теперь переходим на первую страницу нашего сайта, обновляем её (например, нажмем F5), в верхнем меню видим наш новый пункт «Наш первый пункт меню»:

Нажмём на него, и попадём на страницу с нашим новым материалом (статьёй):

Удаление пункта меню и материала

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

Аналогично удаляется материал в менеджере материалов.
"Отправить в корзину" — означает не безвозвратное удаление, а просто перемещение какой-то сущности в категорию удалённых. Соответственно, эту сущность (материал, пункт меню и т. п.) можно восстановить из корзины в предыдущее состояние.
Для того чтобы попасть в менеджер корзины, в соответствующем менеджере материалов или менеджере меню, нужно нажать на опцию «Инструменты поиска», после чего появится ряд новых полей вверху менеджера, нас интересует поле «Выбор состояния» и его пункт «В корзине»:

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

Попробуем разместить новый материал (статью) на первой странице сайта

Давайте разберёмся, как устроена первая страница нашего сайта:

Как видим, по центру сайта расположены 4 статьи: одна во всю ширину «Joomla!», далее идут 3 колонки «Beginners», «Upgraders», «Professionals», две из них имеют кнопки "Подробнее.."
То расположение материалов, что мы видим называется «шаблон избранных материалов» (это в русском переводе! Хотя, правильнее было бы назвать его «макет избранных материалов», почему-то слово "layout" во фразе "featured articles layout" наши переводчики постоянно переводят как "шаблон", но по смыслу и тупо по словарю должно быть "макет"), но работу с ним имеет смысл рассмотреть одновременно с шаблоном (макетом) вида блог категории, т. к. они очень похожи, используют общие настройки, и второй вид шаблона макета обычно чаще используется на сайтах, а начать работать мы хотим с первой страницы.
Вернемся к нашей цели: мы хотим создать свой материал и вывести его на первую страницу нашего тестового сайта.
Для этого, как и в предыдущем примере, в менеджере материалов в левом верхнем углу кликнем по зелёной кнопке «Создать», мы попадем в окно редактора материала, где нам потребуется опять заполнить как минимум 2 поля: Заголовок и, собственно, поле с текстом материала (статьи):

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

кстати, сделать материал "Избранным" можно не сразу в редакторе, а потом в менеджере материалов, нажав на серую звездочку перед названием материала, после чего звездочка станет оранжевой.
Кроме того для примера привяжем здесь в редакторе этот материал к категории "Fruit Shop Site", выбрав нужную категорию (в нашем примере «Fruit Shop Site» из выпадающего списка «Категория» в редакторе справа от поля для ввода текста материала, как показано на рисунке "Создание материала в Joomla! 3.5").

Для того чтобы разделить материал на две части: анонс и продолжение, нужно поставить курсор в желаемом месте разделения и нажать кнопку «Подробнее…», которая в этой версии Joomla! расположена над полем для ввода текста, самой правой, раньше она дублировалась и была справа под полем для ввода текста (вообще, это всё можно настроить, или вообще другой редактор поставить, просто мы рассматриваем случай с настройками по умолчанию).
В этом примере я поставил курсор в тексте материала после жирных слов "Fruit Shop Site" и нажал на кнопку «Подробнее…». Визуально в редакторе это место показывается красной пунктирной линией.
В принципе, мы сделали тот минимум, который необходим, для того чтобы наш созданный материал отобразился на главной странице сайта, можно нажимать кнопку «Сохранить» или «Сохранить и закрыть».
После сохранения нашего материала, в менеджере материалов он скорее всего будет наверху списка, а перед его заголовком будет оранжевая звездочка, говорящая о том, что это «Избранный» материал:

Теперь зайдем на главную страницу нашего сайта, обновим её (нажимаем F5) и видим, что наш материал «Наш первый тестовый материал» нигде не появился, но внизу главной страницы появилась пагинация (постраничная навигация):

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

© Авторские права на домене tamirov.ru защищены.
Продолжение скоро следует..

forum.tamirov.ru

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

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

Меню Joomla. Описание для начинающих

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

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

Работа с Joomla 

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

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

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

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

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

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

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

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

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

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

Как пользоваться с Joomla

Где модули:

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

Компоненты:

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

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

 

www.opengs.ru

Шаг 1 – Установка Joomla

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

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

Установка Joomla Hostinger

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

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

Страница входа в админ панель Joomla

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

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

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

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

По завершению нажмите Сохранить и ваш материал будет опубликован.

Создание материала Joomla

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

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

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

Название сайта на Joomla

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

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

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

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

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

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

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

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

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

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

Менеджер категорий Joomla

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

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

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

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

Избранные материалы Joomla

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

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

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

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

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

Создание страницы контактов Joomla

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

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

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

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

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

Создание баннеров

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

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

Расширения устанавливаются и управляются в меню Расширения -> Менеджер расширений. Joomla! спросит, хотите ли вы включить вкладку Install from Web. Мы рекомендуем включить её, так как это поможет вам искать и устанавливать расширения не покидая админ панели Joomla!.

Joomla! включение установки расширений с веба

Другой вариант установки расширений Joomla! вручную:

  1. Скачайте .zip архив с каталога расширений Joomla.
  2. Нажмите на вкладку Upload Package File в разделе Расширения.
  3. Загрузите архив.

Менеджер расширений Joomla

Вот и всё.

Вот несколько обязательных расширений для вашего сайта на Joomla!:

  1. ProFiles: это файловый менеджер, намного удобнее встроенного FTP.
  2. Google Maps от Reumer: используйте этот плагин для отображения карт на вашем сайте.
  3. AllVideos: с AllVideos вы можете встраивать видео (расположенного локально или любое внешнее видео из сайтов подобный YouTube) в контент сайта.
  4. Akeeba backup: широко известное как самое часто используемое расширение Joomla, Akeeba backup заботится о всём, что связано с бэкапами.

Шаг 4 – Установка шаблонов Joomla

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

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

Установка шаблонов Joomla тоже весьма проста. Процесс практически такой же как и при установке расширений:

  1. Нажмите Расширения -> Менеджер расширений.
  2. Теперь перейдите на вкладку Upload Package File.
  3. Нажмите browse for file и выберите .zip архив для закачивания.
  4. По завершения загрузки, перейдите в раздел Расширения -> Менеджер шаблонов.
  5. Нажмите на иконку, соответствующую шаблону, который вы хотите включить.
    Шаблоны-стили Joomla

Шаг 5 – Создание Бэкапов в Joomla

В вашем аккаунте на Hostinger бэкапы создаются автоматически для файлов и баз данных. Вы можете их найти и скачать в разделе Панели Управления Hostinger -> Бэкапы.

Бэкапы на Hostinger

Хотя, есть ещё несколько путей для создания бэкапов Joomla.

Шаг 5.1 – Создание бэкапа Joomla вручную

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

Другим способом скачать файлы может быть использование FTP клиента. Процесс очень простой – всё что потребуется это перейти в каталог Joomla, выбрать файлы и нажать кнопку Download.

FTP скачивание сайта Joomla

Чтобы создать бэкап базы данных MySQL, мы рекомендуем использовать phpMyAdmin. В Hostinger вы можете перейти в phpMyAdmin из Панели управления нажатием по иконке и далее нажимая кнопку Войти в phpMyAdmin возле базы данных, соответствующей Joomla!.

Если вы уже зашли в phpMyAdmin, нажмите вкладку Export и кнопку Go для скачивания файла .sql.

phpmyadmin экспорт базы данных Joomla

Шаг 5.2 – Использование Akeeba для создания бэкапа Joomla

Akeeba backup, наверно самый популярный плагин для Joomla. В этом разделе руководства Joomla вы узнаете, как использовать Akeeba для создания бэкапов в Joomla.

Вы не найдёте Akeeba Backup в официальном каталоге Joomla, поэтому вам нужно будет скачать плагин с сайта Akeeba. После завершения загрузки установите плагин через вкладку Upload Package File.

Теперь переходите в Компоненты -> Akeeba Backup.

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

Плагин Akeeba бэкап

  1. Нажмите Backup Now , чтобы сделать бэкап сайта Joomla.
  2. Если вы хотите изменить настройки, которые установил мастер автоматического тестирования, вы можете нажать Configuration.
  3. Чтобы автоматизировать создание бэкапов нажмите Schedule Automatic Backups.

Как только бэкап был создан, нажмите Manage Backups. Советуем хранить копию бэкапа локально у себя на компьютере. Для скачивания нажмите кнопку Download.

Шаг 6 – Обновление Joomla

Примечание: Рекомендуем вам создать резервную копию (бэкап) перед обновлением сайта.

Поддерживать Joomla в обновлённом состоянии очень важно. Когда вы вошли в систему по этой ссылке http://mydomain.com/administrator, Joomla автоматически запускает проверку наличия в доступе новой версии. Если в официальном репозитории есть новая версия, вы увидите новое уведомление. В уведомлении будет указано название обновления и кнопку Update Now. Нажмите на кнопку для начала процесса установки.

Сообщение об обновлении Joomla

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

Шаг 7 – Ускорение работы Joomla

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

Шаг 7.1 – Включение сжатие Gzip

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

В админ Панели управления Joomla выберите Система -> Общие настройки.

Вы перейдёте на страницу Общих Настроек. Теперь следуйте шагам ниже для включение сжатия Gzip в Joomla:

  1. Нажмите Сервер.
  2. Выберите Да в разделе Gzip-сжатие страниц.
  3. Сохраните свои изменения.

Общие настройки - включение сжатия gzip в Joomla

Если все изменения были успешно сохранены, вы получите подтверждающее уведомление:

Сообщение об успешной установке Joomla

Всё готово, Gzip сжатие теперь включено для вашего сайта на Joomla.

Шаг 7.2 – Включение Кэша в Joomla

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

Возвращайтесь в Общие настройки в раздел Система и следуйте этим шагам для включения кэша:

  1. Вы можете выбрать какой Обработчик кэширования вы хотите использовать. На большинстве провайдеров виртуального хостинга должен использоваться в качестве обработчика кэширования Файл.
  2. Оставьте Path to Cache Folder пустым, если не хотите сохранять файлы кэша в свою директорию.
  3. Время кэширования определяет как долго хранится и как часто обновляется содержимое кэша. Значение по умолчанию 15 минут. Если вы обновляете свой сайт очень часто, тогда уменьшите значение времени. Если вы редко обновляете сайт, тогда увеличьте это значение.
  4. Оставьте Platform specific caching в положении Нет, если вы не собираетесь предоставлять другой HTML контент для мобильных устройств.
  5. Включите Кэш, выбрав одну из настроек:
    • Стандартное кэширование – выбирайте эту настройку, если у вас очень большой сайт.
    • Прогрессивное кэширование – это значение кэша по умолчанию и подходит наилучшим образом практически для всех сайтов на Joomla.
  6. Сохраните свои изменения.

Включение кэширования в Joomla

Если все изменения были успешно сохранены, вы получите подтверждающее уведомление:

Сообщение Joomla

Другой способ включить кэширования страниц вашего сайта на Joomla – включение плагина Кэша. Перейдите в  Расширения -> Плагины в панели управления Joomla.

Теперь всё, что вам нужно сделать это найти плагин Page Cache и включить его.

Чтобы облегчить поиск плагина, введите cache в поле для поиска. Как только вы найдёте нужный плагин нажимайте на кнопку в колонке статуса, чтобы его включить. Если плагин включился, вы увидите сообщение и зелёную кнопку с отмеченной галочкой.

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

Заключение

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

www.hostinger.ru


You May Also Like

About the Author: admind

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.

Adblock
detector