CMS Joomla – возможности, установка и использование. Пособие по работе с Joomla CMS для начинающих Как работать в программе joomla

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

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

Как скачать Denwer

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

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

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

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

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

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

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

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

Установка Denwer

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Настройка Joomla

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Заключение

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

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

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

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

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

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

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

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

Переходим по ссылке и скачиваем файл joomla_2.5.6_ru.tar (последнию версию).

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Настройка Joomla

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Введение в Joomla

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Шаблоны для Joomla

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Где модули:

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

Компоненты:

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

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