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

Содержание:

  1. Установка системы на свой компьютер
  2. Русификация Joomla 3 и вход в админку
  3. Настройка Joomla
  4. Выбор и установка шаблона на сайт на Joomla
  5. Настройка меню в Joomla
  6. Работа с модулями в Joomla
  7. Добавление новый статей на сайт. Работа с материалами
  8. Работа с плагинами

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

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

Сейчас мы расскажем вам, с чего нужно начинать, чтобы освоить систему Joomla и сделать собственный сайт самостоятельно.

Установка системы на свой компьютер

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

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

Сейчас последней актуальной версией является Joomla 3 — с ней мы и будем работать. Сейчас нам предстоит установить и настроить сервер Денвер. Создав, настроив и полностью отладив сайт на локальном сервере, потом можно будет его буквально за полчаса залить на купленный хостинг (файлы и базу данных). Все будет работать так же, как и в локальной версии. Локальный сервер Денвер уже содержит нужное для Joomla серверное ПО – MySQL и PHP. Этот программный пакет распространяется бесплатно и его использование ничем не ограничивается.

Скачиваете пакет и начинаете установку с запуска файла *.exe. Далее указываете директорию для установки. На рабочем столе появился ярлык, по которому мы и будем запускать Денвер. Как правило, в процессе установки нам не нужно ничего менять — просто соглашаемся со всеми пунктами в процессе установки.

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

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

Далее вводим в адресную строку браузера следующий текст:

http://localhost/имя папки, куда скопировали установочные файлы — это имя может быть любым. Как назвали, так и будет.

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

1

Для работы с Joomla нужна еще база данных, которая тоже должна быть установлена на сервере.

При установке Joomla 3 мы сразу после этого попадем на вкладку, где нужно будет вводить информацию о базе данных. Для того чтобы активировать базу данных, набираем в адресной строке http://localhost/ и нажимаем по ссылке, где указано PhpMyAdmin.

2

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

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

3

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

4

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

Русификация Joomla 3.3 и вход в админку

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

5

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

Нажимаем соответствующую кнопку:

6

Нерусифицированная панель управления Joomla 3 будет выглядеть так:

7

Переходим к вопросам настройки и работы с Joomla 3!

Настройка Joomla

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

8

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

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

9

Для каждого нужно создать отдельную учетную запись.

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

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

10

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

11

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

12

Теперь перейдем к общим настройкам админки

Попасть в них можно из верхнего меню: «Система»— «Общие настройки». Начнем с первой вкладки — Сайт.

13

Итак, во-первых, вы можете тут поменять название сайта, которое придумали при установке движка. Обратите внимание, что все время, пока вы работаете с настройками сайта, у вас должен быть установлено значение ДА в реквизите Сайт выключен (offline). Когда у вас уже есть хотя бы начальный материал на сайте и общие настройки выполнены — то можем переключать это реквизит в значение НЕТ. И сайт будет доступен пользователям.

Тут же есть и настройки SЕО

14

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

Теперь переходим на закладку «Система».

15

Обратите внимание на реквизиты «Настройки сессии». Пока вы только учитель работать с Джумла поставьте там побольше минут. Чтобы система не закрывалась сама, пока вы читаете инструкцию или отвлеклись на что-то. Минут 30-40 будет оптимально.

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

Выбор и установка шаблона на сайт на Joomla

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

Шаблоны делятся на платные и бесплатные. Платные, как правило, имеют возможность изменять их внешний вид прямо из админки Джумлы, в то время, как для изменения внешнего вида простой бесплатной темы вам придется редактировать ее файлы (например, стилевого оформления с расширением CSS).

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

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

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

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

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

Во втором случае, для автоматической установки шаблона в Joomla вам потребуется извлечь файлы из внешнего архива и осуществлять установку уже из внутреннего, где лежат только файлы (там обязательно должен присутствовать – templateDetails.xml, в котором содержится алгоритм установки).

Вкратце, для автоматической установки темы вам нужно зайти в админку и выбрать из верхнего меню «Расширения» — «Установить/Удалить». Откроется окно менеджера на вкладке «Установить». Это как раз то, что нам сейчас и нужно.

16

Теперь вам осталось только нажать на кнопку «Загрузить файл&Установить» и через несколько секунд ваш шаблон будет установлен на Joomla — вы увидите сообщение об этом радостном событии. Можно переходить в их менеджер и назначать его используемым по умолчанию (по другому это называется опубликовать тему)

Публикуем новую тему (шаблон)

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

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

17

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

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

Настройка меню в Joomla

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

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

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

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

Создание меню

Для начала вам нужно зайти в админку и выбрать сверху «Меню» – «Менеджер меню»

18

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

19

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

20

После этого заполняем все параметры

21

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

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

22

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

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

23

Обратите внимание, тут есть реквизит «Показывать подпункты меню» Если он включен, то меню будет строиться с выпадающими подпунктами.

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

24

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

Работа с модулями в Joomla

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

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

25

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

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

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

26

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

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

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

Добавление новый статей на сайт. Работа с материалами

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

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

В админке все мастера по работе с контентом сосредоточены в одном месте под названием «Материалы»:

27

тут же есть и менеджер категорий:

28

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

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

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

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

Добавление кнопки «Подробнее»

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

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

29

Теперь давайте перейдем к вопросу вывода контента на сайт.

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

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

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

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

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

Посмотрите, как выглядят настройки отображения Материалов:

30

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

Работа с изображениями в Joomla

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

31

Нажимаете кнопку Изображение и открывается окно выбора картинки.

32

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

33

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

Работа с плагинами

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

Все плагины устанавливаются как Расширения. Для установки идем в Менеджер расширений:

34

Перед нами открывается список всех уже установленных плагинов. Много бесплатных плагинов есть на официальном сайте Joomla. Для добавления нового в начале вам нужно найти его и скачать архив. Для установки Плагина на Joomla нужно в админке выбрать из верхнего меню пункты «Расширения»- «Менеджер расширений.». В открывшемся окне в области «Загрузить файл пакета» нажмите на кнопку «Обзор», найдите на своем компьютере только что скачанный архив с компонентом, а затем нажмите на кнопку «Загрузить файл&Установить».

Уже установленный плагин вы найдете в Менеджере плагинов:

35

Здесь по уже по привычному нам принципу можно активировать какие-то плагины и какие-то убирать. Все менеджеры работают по одному принципу, это еще одно удобство Joomla. Все просто!

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

Главное начать, а дальше все обязательно получится!

кнопка

На главную