2.2 Первоначальные настройки cms

Для входа в административную панель необходимо, набрав в адресной строке браузера http://localhost:8080/administrator/ , ввести логин и пароль. Логин указывается при завершении установки (по умолчанию «admin»), но в целях безопасности его необходимо сменить.

Для смены логина необходимо пройти в «localhost:8080»>>«MyProfile»

Рис.4 Окно изменения настроек профиля

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

Далее следует провести первоначальную SEO-оптимизацию, для чего необходимо перейти «localhost:8080»>>«GlobalConfiguration» и внести соответствующие изменения.

Рис. 5 Окно конфигурации CMS

2.3 Изменение шаблона страницы

Шаблон страницы (визуальное оформление) можно изменить двумя способами – вручную и автоматически.

Шаблон можно сделать самому, но для этого необходимы знания HTML,CSSиPHP, либо загрузить его с определённого сетевого ресурса. Я взял один из шаблонов с сайтаhttp://www.joomla24.com/Joomla_2.5_%10_1.7_Templates/Joomla_2.5_%10_1.7_Templates/CleanLogic.htmlУстановка шаблона производится путём разархивирования шаблона вG:\kursa4\USBWebserverv8.5\USBWebserverv8.5\8.5\root\templates, либо установкой через «ExtensionManager».

После разархивирования шаблона его необходимо применить в менеджере шаблонов.

Рис. 6 Окно менеджера шаблонов

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

2.4 Установка полезных расширений

Одно из расширений добавляет возможность удобного просмотра изображений и называетсяDJ-ImageSlider. Установка производится через модуль расширения "ExtensionManager">>"UploadPackageFiles".

Рис.7 Окно инсталлятора расширений

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

Рис.8 Пример работы слайдера

2.5 Добавление возможности авторизации, наполнение сайта контентом

В административной панели сайта зайти в "Расширения">>"Менеджер модулей", вверху справа нажать на "Создать" и выбрать модуль "Вход на сайт":

Далее, как и любому другому модулю, ему необходимо задать "Заголовок" и положение на странице.

Рис. 9 Окно настройки модуля авторазиации.

Для модуля авторизации мы сделали привязку ко всем страницам в целях удобства.

Рассмотрим другой модуль – ShoutCast Radio Player.

Модуль взят в интернете(http://vjoomla.ru/blogs/item/1537-shoutcast-radio-player-modul-dlya-dobavleniya-radio-na-sayt-joomla.html).

Чтобы добавить его на свой сайт, надо:

1.Установить модуль через менеджер дополнений.

2.В административной панели сайта зайти в "Расширения">>"Менеджер модулей", вверху справа нажать на "Создать" и выбрать модуль "ShoutCast Radio Player".

Рис. 10. Окно настройки модуля плеера.

3. Задаем позицию модуля, в shoutcasturlзадаем ссылку, откуда берется музыка.

4. сохраняем и закрываем.

В итоге наш модуль выглядит примерно так:

Рис. 11. Плеер на сайте.

Аналогично проделаем с другими модулями.

Также можно заполнить страницу контентом на шестом этапе установки движка, выбрав "Установить демо-данные", но это необязательно. Контент может содержать как видео, так и flashматериалы. Для того, чтобы добавить видеоматериал с известного сайтаyoutube.comнадо:

1. Панель управления->Материалы->Создать материал.

2. Пишем html код в редакторе:”<iframe width="560" height="315" src="http://www.youtube.com/embed/9gnLEcFFQHY" frameborder="0" allowfullscreen></iframe>”.

В итоге получаем

Рис.12 Видео контент в материалах.

Аналогично делается и с flashконтентом, толькоhtmlкод будет выглядить так:” <object type="application/x-shockwave-flash" data="http://www.foddy.net/GetOnTop.swf" width="640" height="384"><param name="movie" value="http://www.foddy.net/GetOnTop.swf" /></object> ”.

Получаем flashигру на сайте.

Рис.13 flashигра на сайте.

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

Рис. 14 Главная страница сайта