Вы находитесь на странице: 1из 90

Александр Куртеев

«Быстрый старт в Joomla 3-ей серии»

Александр Куртеев

Быстрый старт в Joomla 3-ей серии

Оглавление

 

Об авторе

3

Введение в Joomla 3.х (современная версия Joomla)

4

1. Установка веб-сервера (для создания сайта на локальном компьютере)

7

2. Установка Joomla 3.x

14

3. Обзор и настройка Joomla 3.x

23

4. Структура материалов Joomla 3

29

5. Добавляем материалы в Joomla 3

35

6. Меню в Joomla 3

42

7. Выводим материалы в Joomla 3

47

8. Настройка внешнего вида материалов в Joomla

60

9.

Настройка внешнего вида сайта Joomla

69

10. Вспомогательные модули для удобства пользователей

81

11. Модуль «Произвольный HTML-код»

87

«Произвольный HTML - код» 87 Центр обучения Joomla : http://alex-kurteev.ru/

Центр обучения Joomla:

Александр Куртеев

«Быстрый старт в Joomla 3-ей серии»

Об авторе

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

эксперта в данной области. За все эти года, Александром было

За все эти года, Александром было создано 17 видеокурсов посвященных именно Joomla (все версии Joomla от 1.0 до 3.х), 9 из которых, были платные, причем из этих девяти – четыре курса стали бестселлерами. Так же было создано 8 бесплатных полноценных курсов. Более того, именно Александр, первый в Рунете, кто стал в формате видеоуроков (апрель 2008 года), обучать всех желающих работе с CMS Joomla.

Качество записи материалов, понятная форма изложения и глубокая проработка всех мелочей – именно это отмечают и ценят в Александре все его клиенты, которых уже насчитывается более 11000 человек, а также более 53000 благодарных подписчиков.

53000 благодарных подписчиков. Центр обучения Joomla : http://alex-kurteev.ru/

Центр обучения Joomla:

Александр Куртеев

«Быстрый старт в Joomla 3-ей серии»

Введение в Joomla 3.х (современная версия Joomla)

Добрый день! Меня зовут Александр Куртеев, и я рад вас приветствовать в моей книге «Быстрый старт в Joomla 3-ей серии. Руководство для начинающих».

Во введении в эту книгу вы узнаете:

что такое Joomla;

плюсы Joomla (т.е. за что мы выбираем данную систему);

что можно создать на Joomla.

Итак, что такое Joomla? Joomla – это CMS (аббревиатура, которая расшифровывается как Content Management System, т.е. система управления контентом). Другими словами, перед вами интуитивно понятный интерфейс, вы нажимаете определенные кнопки, создаете меню, добавляете материалы и получаете на выходе готовый сайт. Т.е. вам не нужно быть программистом, вам не нужно знать языки программирования, языки разметки текста – любой новичок может создать свой профессиональный сайт на Joomla.

Почему мы выбираем Joomla?

1. Joomla – это одна из самых популярных бесплатных CMS. Благодаря своей

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

2. В результате, на данный момент для Joomla есть порядка 7000 расширений

(расширения – это дополнительный функционал, который вы можете установить к своему

сайту).

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

есть различные формы связи и т.д. Центр обучения Joomla : http://alex-kurteev.ru/

Центр обучения Joomla:

Александр Куртеев

«Быстрый старт в Joomla 3-ей серии»

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

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

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

«Общение и клиенты»:

 

1.

хороший форум;

 

2. социальная сеть (одну из лучших социальных сетей, которые существуют для других CMS);

3. хороший чат;

4. профессиональная служба поддержки, основанная на тикетной системе;

5. CRM (система управления взаимоотношения с клиентами);

 

6. база знаний, т.е. ответы на часто задаваемые вопросы.

«Коммерция»

сфере

коммерции

Joomla

превосходит

очень

многие

системы):

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

для интернет - магазинов; Центр обучения Joomla : http://alex-kurteev.ru/

Центр обучения Joomla:

Александр Куртеев

«Быстрый старт в Joomla 3-ей серии»

2. платный доступ к контенту, т.е. доступ пользователь получит только после

оплаты (доступ сам закрывается через указанное время);

3. различные аукционы;

4. продажа купонов.

«Каталоги» (одна из главных фишек Joomla – это каталоги; вы можете создать

каталог любой сложности):

1. недвижимость, авто, можно сделать сайт а-ля «Кинопоиск», т.е. очень богатые возможности;

2. доски объявлений;

3. видеогалереи (а-ля «YouTube»);

4. фотогалереи.

И все, что я сейчас перечислил, вы можете сделать на одном сайте.

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

где мы начнем работать с Joomla! Центр обучения Joomla : http://alex-kurteev.ru/

Центр обучения Joomla:

Александр Куртеев

«Быстрый старт в Joomla 3-ей серии»

1. Установка веб-сервера (для создания сайта на локальном компьютере)

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

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

И второе место, где ваш сайт обязательно будет, – это сервер в интернете. После разработки сайта мы выгружаем его на сервер. Для этого покупаем хостинг (стоит примерно 200-300 рублей) и доменное имя, и после этого на ваш сайт могут заходить миллиарды пользователей.

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

Для разработки сайта на своем компьютере нам нужно установить комплект программ под условным названием веб-сервер. В комплект Apache, база данных MySQL и язык программирования PHP. Эти слова вам запоминать не обязательно.

Итак,

где

взять

веб-сервер?

У

нас

есть

два

называется Denwer (рисунок 1).

комплекта

программ.

Первая

1). комплекта программ. Первая Центр обучения Joomla : http://alex-kurteev.ru/
1). комплекта программ. Первая Центр обучения Joomla : http://alex-kurteev.ru/

Центр обучения Joomla:

Александр Куртеев

«Быстрый старт в Joomla 3-ей серии»

Раньше я пользовался им, но в последнее время появился более лучший комплект программ под названием Open Server (рисунок 2). Сейчас я рекомендую его, потому что здесь все вынесено в интуитивно понятный интерфейс, удобные настройки и можно на лету переключать версии PHP и делать многое другое.

PHP и делать многое другое. Для того чтобы скачать данную

Для того чтобы скачать данную платформу нажимаем кнопку «Скачать», выбираем «Open Server Mini» (разница от полной версии почти в 300 Мб и в ненужном комплекте программ, которые никак на разработку сайта не влияют) (рисунок 3). Вбиваем проверочный код и опять нажимаем «Скачать».

код и опять нажимаем «Скачать» . Центр обучения Joomla : http://alex-kurteev.ru/
код и опять нажимаем «Скачать» . Центр обучения Joomla : http://alex-kurteev.ru/

Центр обучения Joomla:

Александр Куртеев

«Быстрый старт в Joomla 3-ей серии»

У нас есть два варианта скачивания: мы можем внести пожертвования и скачать на высокой скорости или нажать «Нет, спасибо, хочу просто скачать» (на минимальной скорости) (рисунок 4). Выбор за вами.

(рисунок 4). Выбор за вами. После того как скачали,

После того как скачали, запускаем файл «open_server_mini» (рисунок 5).

файл « open_server_mini » (рисунок 5). Выбираем путь распаковки. По

Выбираем путь распаковки. По умолчанию это диск С, на котором создается папка «Open Server» (рисунок 6).

папка « Open Server » (рисунок 6) . Центр обучения Joomla : http://alex-kurteev.ru/

Центр обучения Joomla:

Александр Куртеев

«Быстрый старт в Joomla 3-ей серии»

«Быстрый старт в Joomla 3 - ей серии» Начинается распаковка, и после

Начинается распаковка, и после того как она закончится, нам останется только запустить наш сервер, и он будет готов к работе. Когда распаковка завершилась, переходим в нашу папку «Open Server», запускаем файл «Open Server» и выбираем русский язык (рисунок 7).

выбираем русский язык (рисунок 7). Теперь видим, что внизу, около

Теперь видим, что внизу, около часов у нас появляется красный флажок – значок «Open Server». Нажимаем на него правой кнопкой мыши и выбираем «Запустить» (рисунок 8).

выбираем «Запустить» (рисунок 8). Центр обучения Joomla : http://alex-kurteev.ru/

Центр обучения Joomla:

Александр Куртеев

«Быстрый старт в Joomla 3-ей серии»

«Быстрый старт в Joomla 3 - ей серии» Важный момент: на момент запуска

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

Флажок станет желтым – это означает подготовку к запуску, и когда загорится зеленый свет – это значит, что веб-сервер запущен. Теперь мы зайдем в настройки и выполним несколько настроек (рисунок 9).

несколько настроек (рисунок 9). Если вы часто занимаетесь

Если

вы

часто

занимаетесь

разработкой

сайта,

т.е.

при

каждом

запуске

компьютера, то рекомендую поставить «Автозапуск сервера» (рисунок 10).

«Автозапуск сервера» (рисунок 10). Центр обучения Joomla : http://alex-kurteev.ru/

Центр обучения Joomla:

Александр Куртеев

«Быстрый старт в Joomla 3-ей серии»

«Быстрый старт в Joomla 3 - ей серии» Для разработки сайта на Joomla 3,

Для разработки сайта на Joomla 3, нам нужно выставить версию PHP 5.3 (рис. 11).

выставить версию PHP 5.3 (рис . 11). Нажимаем «Сохранить», после чего

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

будем устанавливать Joomla! Центр обучения Joomla : http://alex-kurteev.ru/

Центр обучения Joomla:

Александр Куртеев

«Быстрый старт в Joomla 3-ей серии»

«Быстрый старт в Joomla 3 - ей серии» Центр обучения Joomla : http://alex-kurteev.ru/

Центр обучения Joomla:

Александр Куртеев

«Быстрый старт в Joomla 3-ей серии»

2. Установка Joomla 3.x

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

название базы;

сервер БД;

имя пользователя;

пароль.

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

Итак, скачиваем Joomla последней версии, для этого заходим на главный сайт www.joomla.org и нажимаем кнопку «Download» (рисунок 12).

кнопку « Download » (рисунок 12). Скачиваем Joomla 3- ей серии

Скачиваем Joomla 3-ей серии (рисунок 13). Это может быть версия 3.1.5, как сейчас, может быть версия 3.2, 3.3. До версии 3.5 включительно данное руководство полностью подходит.

руководство полностью подходит. Центр обучения Joomla : http://alex-kurteev.ru/

Центр обучения Joomla:

Александр Куртеев

«Быстрый старт в Joomla 3-ей серии»

«Быстрый старт в Joomla 3 - ей серии» После скачивания идем в папку с

После скачивания идем в папку с нашим веб-сервером, заходим в папку «domains» и создаем там папку с названием нашего домена, т.е. название, которое мы будем вбивать в браузере для того чтобы обращаться к нашему сайту. И нам нужно будет перезагрузить сервер, чтобы наша система понимала, что обращаться к адресу www.joomla.org нужно на локальном компьютере, а в интернете.

Сперва распакуем скачанную Joomla. Если у вас нет архиватора, для распаковки архива скачайте его с официального сайта win-rar.ru, с раздела «Загрузить». Установите программу, и после этого двойным кликом по названию «Joomla» откройте данный архив. Нажимаем кнопку «Извлечь», выбираем нашу папку (Open Server/domains/joomla.loc), нажимаем «Ок», и архив – дистрибутив Joomla – распаковывается (рисунок 14).

– распаковывается (рисунок 14). Центр обучения Joomla : http://alex-kurteev.ru/
– распаковывается (рисунок 14). Центр обучения Joomla : http://alex-kurteev.ru/

Центр обучения Joomla:

Александр Куртеев

«Быстрый старт в Joomla 3-ей серии»

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

«Перезапустить» (рисунок 15). Сервер успешно запущен, и нам

Сервер успешно запущен, и нам остается только установить Joomla. Переходим в браузер, пишем «joomla.loc» – и у нас запускается мастер установки (рисунок 16). Вводим название сайта – например, «Тест». Описание можно ввести потом. Теперь вводим e-mail, логин (любой логин, кроме «admin») и пароль. В поле «Выключить сайт» оставляем «Нет», чтобы сайт был сразу включен после установки. И нажимаем «Далее».

установки. И нажимаем «Далее» . Центр обучения Joomla : http://alex-kurteev.ru/
установки. И нажимаем «Далее» . Центр обучения Joomla : http://alex-kurteev.ru/

Центр обучения Joomla:

Александр Куртеев

«Быстрый старт в Joomla 3-ей серии»

Тип базы данных оставляем (рисунок 17). Имя сервера базы данных – для локального хостинга всегда «localhost», для многих хостингов обычно также «localhost», но имейте в виду, что на хостингах данное значение может отличаться. Имя пользователя – на локальном хостинге всегда «root». Пароля нет. Имя базы данных на локальном хостинге можем ввести сейчас любое, база данных для нас создастся автоматически (напишем «test1»). Префикс таблиц генерируется автоматически, его править не нужно. Нажимаем кнопку «Далее».

нужно. Нажимаем кнопку «Далее» . Проверка перед завершением

Проверка перед завершением установки (рисунок 18). Установка демо-данных – если нужна, можете поставить, чтобы посмотреть, как работает Joomla в различных вариантах.

Joomla в различных вариантах. Центр обучения Joomla : http://alex-kurteev.ru/

Центр обучения Joomla:

Александр Куртеев

«Быстрый старт в Joomla 3-ей серии»

«Быстрый старт в Joomla 3 - ей серии» Конфигурацию сайта можно

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

(все кроме пароля) (рисунок 1 9). И финальная проверка (рисунок 20).

И финальная проверка (рисунок 20). Слева в столбце все параметры должны быть «Да», иначе установка не продолжится. Справа – рекомендуемые установки. Если что-то

установки. Если что - то Центр обучения Joomla : http://alex-kurteev.ru/

Центр обучения Joomla:

Александр Куртеев

«Быстрый старт в Joomla 3-ей серии»

отличается

устанавливать Joomla. Нажимаем «Установка».

от

рекомендованного,

ничего

страшного,

можно

пропустить

и

дальше

можно пропустить и дальше После завершения установки

После завершения установки установить русский язык (рисунок 21).

нам

нужно

удалить

папку

«INSTALLATION»

и

нужно удалить папку « INSTALLATION » и Чтобы установить язык вручную,

Чтобы установить язык вручную, можно перейти в «Панель управления» и сделать это оттуда. Заходим в меню «Extensions» – пункт «Extension Manager» (рисунок 22).

пункт « Extension Manager » ( рисунок 22). Центр обучения Joomla : http://alex-kurteev.ru/

Центр обучения Joomla:

Александр Куртеев

«Быстрый старт в Joomla 3-ей серии»

«Быстрый старт в Joomla 3 - ей серии» Слева выбираем « Install languages » . Joomla

Слева выбираем «Install languages». Joomla переведена примерно на 60 языков. Выбираем свой язык и устанавливаем его – для этого нажимаем кнопку «Install» (рисунок

23).

кнопку « Install » (рисунок 23). Итак, русский язык установился,

Итак, русский язык установился, сейчас его нужно сделать «по умолчанию». Для этого заходим в «Extensions» – «Language Manager». Слева выбираем «Installed Site», ставим галочку «Russian» и нажимаем звездочку «Default», т.е. сделаем русский язык для интерфейса по умолчанию (рисунок 24). Это надписи «Зарегистрировать», «Купить» и т.д.

, «Купить» и т.д. Также поступаем в разделе « Installed

Также поступаем в разделе «Installed Administrator» (рисунок 25).

« Installed – Administrator » (рисунок 25). Центр обучения Joomla : http://alex-kurteev.ru/

Центр обучения Joomla:

Александр Куртеев

«Быстрый старт в Joomla 3-ей серии»

«Быстрый старт в Joomla 3 - ей серии» Переходим в «Языки контента».

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

делать сайт мультиязычным. Заголовок – « Russian (RU) ».

Заголовок – «Russian (RU)». Заголовок на родном языке – «Русский (RU)». Код языка – «ru». Префикс изображения – также «ru». Тег языка – «ru-RU». Нажимаем «Сохранить и закрыть» (рисунок 27).

и закрыть» (рисунок 27). Центр обучения Joomla : http://alex-kurteev.ru/

Центр обучения Joomla:

Александр Куртеев

«Быстрый старт в Joomla 3-ей серии»

«Быстрый старт в Joomla 3 - ей серии» Теперь наш сайт полностью на

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

с обзором панели управления! Центр обучения Joomla : http://alex-kurteev.ru/

Центр обучения Joomla:

Александр Куртеев

«Быстрый старт в Joomla 3-ей серии»

3. Обзор и настройка Joomla 3.x

Давайте сперва перейдем на обычный сайт, сделанный на Joomla, и определим, какими элементами мы должны управлять (рисунок 28). Итак, у нас на сайте есть меню с различными пунктами, у нас есть материалы, а также есть модули, которые выводят определенную информацию в различных местах сайта (причем, в данном случае у нас модуль вводит форму авторизации: раз есть авторизация – значит, у нас на сайте могут быть пользователи).

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

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

будет интересовать верхнее меню. Центр обучения Joomla : http://alex-kurteev.ru/
будет интересовать верхнее меню. Центр обучения Joomla : http://alex-kurteev.ru/

Центр обучения Joomla:

Александр Куртеев

«Быстрый старт в Joomla 3-ей серии»

Здесь мы управляем нашими

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

заметки о пользователях.

Итак,

начнем

с

«Пользователей»

(рисунок 30).

с «Пользователей» (рисунок 30). Далее «Меню» (рисунок 31). Здесь мы

Далее «Меню» (рисунок 31). Здесь мы создаем меню: верхнее меню, боковое, нижнее, и у каждого меню могут быть пункты.

у каждого меню могут быть пункты. Далее «Материалы» (рисунок 32).

Далее «Материалы» (рисунок 32). Здесь мы добавляем материалы и категории. Материалы могут располагаться просто общим списком, а также мы можем распределять материалы по определенным категориям: например, в категории «кино» добавляем материалы с фильмом «Аватар 2».

материалы с фильмом «Аватар 2» . Центр обучения Joomla : http://alex-kurteev.ru/
материалы с фильмом «Аватар 2» . Центр обучения Joomla : http://alex-kurteev.ru/

Центр обучения Joomla:

Александр Куртеев

«Быстрый старт в Joomla 3-ей серии»

Далее «Компоненты» (рисунок 33). Компоненты – это расширение, которое реализует главный функционал нашего сайта. Подробнее о компонентах мы поговорим в одном из следующих уроков.

в одном из следующих уроков. И следующий пункт –

И следующий пункт – «Расширения» (рисунок 34):

пункт – «Расширения» (рисунок 34): «Менеджер расширений» – удаляем

«Менеджер расширений» – удаляем расширения.

с

помощью данного пункта мы устанавливаем и

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

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

мы поговорим в отдельном уроке. Центр обучения Joomla : http://alex-kurteev.ru/

Центр обучения Joomla:

Александр Куртеев

«Быстрый старт в Joomla 3-ей серии»

«Менеджер шаблонов» – здесь мы управляем внешним видом нашего сайта. По шаблонам есть максимально подробный бесплатный видеокурс (посмотрите на сайте http://alex-kurteev.ru/).

И последний менеджер – это «Менеджер языков». Здесь мы уже были.

Последний пункт – «Справка» – здесь приведены различные ссылки на английскую документацию по Joomla (рисунок 35).

документацию по Joomla (рисунок 35) . И перед тем как мы начнем

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

одно и то же (рисунок 36). Заходим. Центр обучения Joomla : http://alex-kurteev.ru/
одно и то же (рисунок 36). Заходим. Центр обучения Joomla : http://alex-kurteev.ru/

Центр обучения Joomla:

Александр Куртеев

«Быстрый старт в Joomla 3-ей серии»

Итак, вы видите главное окно настроек системы в Joomla 3-ей серии (рисунок 37). У нас выведены не только общие настройки, но еще и настройки компонентов. На них не обращаем внимания, нас интересует только общие настройки и пять верхних вкладок.

и пять верхних вкладок. На первой вкладке «Сайт» мы

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

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

Вкладка «Система» нас сейчас не интересует.

Вкладка «Сервер» – здесь нам нужно выставить часовой пояс нашего сервера, чтобы у нас было правильное время в материалах (рисунок 38). Я выбираю Москву.

(рисунок 38). Я выбираю Москву. Центр обучения Joomla : http://alex-kurteev.ru/

Центр обучения Joomla:

Александр Куртеев

«Быстрый старт в Joomla 3-ей серии»

«Быстрый старт в Joomla 3 - ей серии» Остальные надобности. настройки

Остальные

надобности.

настройки

нас

сейчас

не

интересуют.

Обратимся

к

ним

по

мере

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

с вами добавим первый материал. Центр обучения Joomla : http://alex-kurteev.ru/

Центр обучения Joomla:

Александр Куртеев

«Быстрый старт в Joomla 3-ей серии»

4. Структура материалов Joomla 3

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

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

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

категорий неограниченная. Забегая вперед , сразу скажу, как

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

содержимое категории «Блог» . Центр обучения Joomla : http://alex-kurteev.ru/

Центр обучения Joomla:

Александр Куртеев

«Быстрый старт в Joomla 3-ей серии»

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

А

сейчас

давайте

создадим

админку Joomla (рисунок 40).

нашу

первую

категорию.

Для

этого

перейдем

в

категорию. Для этого перейдем в Все категории и материалы у нас

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

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

категорий» (рисунок 41) . Центр обучения Joomla : http://alex-kurteev.ru/

Центр обучения Joomla:

Александр Куртеев

«Быстрый старт в Joomla 3-ей серии»

«Быстрый старт в Joomla 3 - ей серии» Все менеджеры по управлению

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

«Создать» категорию;

«Изменить»;

«Опубликовать»;

«Снять с публикации»;

«В архив» (в архив – это еще не удаление, архив мы можем выводить на сайте, главное – мы его убираем из основных элементов);

«Разблокировать» (если вы неправильно вышли из элемента, около

категории появляется замочек и другие пользователи, пока вы не разблокируете, зайти туда не смогут);

«В корзину» (то же самое что и удалить, только из корзины вы всегда можете достать данные элементы, если они вам понадобятся позже);

«Пакетная

обработка»

(массовое

управление,

например,

массовое

помещение категории в другую категорию, т.е. сделать их вложенными);

т.е. сделать их вложенными ); Центр обучения Joomla : http://alex-kurteev.ru/

Центр обучения Joomla:

Александр Куртеев

«Быстрый старт в Joomla 3-ей серии»

«Перестроить» (это поменять порядок);

«Настройки» (рассмотрим в одной из следующих глав).

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

Далее, слева у нас находятся дубликаты ссылок, которые были у нас в материалах («Материалы» – «Категории» – «Избранные материалы»). Созданы они здесь для того, чтобы мы могли быстро перемещаться по вложенным элементам.

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

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

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

Итак, по умолчанию у нас уже создана одна категория с названием «Uncategorized». В эту категорию у нас помещаются все материалы, которым мы не назначили в категорию.

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

заполнить соответствующие поля. Центр обучения Joomla : http://alex-kurteev.ru/

Центр обучения Joomla:

Александр Куртеев

«Быстрый старт в Joomla 3-ей серии»

«Быстрый старт в Joomla 3 - ей серии» Описание – например: «Добро

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

Далее рассмотрим элемент «Алиас». Алиас – это название страницы на английском языке, которое будет использоваться для создания ссылки на данную страницу. Заполнять данное поле не нужно, оно будет генерироваться автоматически из вашего названия. Это актуально для seo-продвижения.

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

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

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

Поэтому изображение мы добавим на главной вкладке «Инормация о категории». Для этого нажимаем кнопку «Изображение», и у нас появляется стандартная форма загрузки изображения (рисунок 43). Листаем ее вниз, нажимаем «Выбрать файлы», загружаем подготовленную картинку, нажимая кнопку «Открыть». Нажимаем кнопку

«Открыть» . Нажимаем кнопку Центр обучения Joomla : http://alex-kurteev.ru/

Центр обучения Joomla:

Александр Куртеев

«Быстрый старт в Joomla 3-ей серии»

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

образом мы вставили картинку. У нас остались две вкладки :

У нас остались две вкладки: «Метаданные» – здесь мы заполняем теги для поисковых роботов, т.е. оптимизируем наш сайт для поискового продвижения (подробнее об этот в специальном курсе).

И о последней вкладке «Права доступа к категории» мы поговорим в специальном

уроке.

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

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

мы будем добавлять материалы. Центр обучения Joomla : http://alex-kurteev.ru/

Центр обучения Joomla:

Александр Куртеев

«Быстрый старт в Joomla 3-ей серии»

5. Добавляем материалы в Joomla 3

В этом уроке мы добавим первые материалы на наш сайт под управлением Joomla. Сперва посмотрим на структуру нашего будущего сайта (рисунок 44).

будущего сайта (рисунок 44) . На первоначальном этапе у нас

На первоначальном этапе у нас будет два пункта меню. Первый пункт – это «Блог», который выводить содержимое соответствующей категории, и там будут следующие материалы: «Животные Таиланда» и «Еда в Таиланде».

И второй пункт – это «Курс», который будет выводить отдельный материал с описанием курса «Как переехать жить в Таиланд». Перед добавлением материалов всегда рекомендую подготовить данные материалы, чтобы они у вас были в отдельном списке. Например, я храню все материалы в Word или в Evernote.

После этого приступаем к добавлению. Переходим на наш сайт и переводим в «Менеджер материалов» и нажимаем «Создать» (рисунок 45).

и нажимаем «Создать» (рисунок 45). Центр обучения Joomla : http://alex-kurteev.ru/
и нажимаем «Создать» (рисунок 45). Центр обучения Joomla : http://alex-kurteev.ru/

Центр обучения Joomla:

Александр Куртеев

«Быстрый старт в Joomla 3-ей серии»

Открывается карточка «Добавление материала», состоящая из шести вкладок (рисунок 46). На самом деле, для добавления материала нам нужно заполнить всего лишь три поля – это заголовок, категория, и сам материал. Все остальные параметры – дополнительные. Но мы рассмотрим все параметры и я дам свои рекомендации.

и я дам свои рекомендации. Итак, внесем первый материал.

Итак, внесем первый материал. Заголовок: «Животные Таиланда» скопируем, вставим. Далее. Категория – «Блог». И далее копируем текст нашего материала.

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

Поэтому я вам сейчас предоставлю чит-код, как правильно вставлять материалы на сайт. Переходим на рабочий стол и создаем текстовый документ (нажимаем правой кнопкой – «Создать» – «Текстовый документ»). Открываем текстовый документ, вставляем туда наш материал, снова его выделяем и копируем. Таким образом мы очистили все ненужные форматирование. Теперь мы добавляем текст на сайт, и он у нас абсолютно чист, т.е. никаких признаков лишнего форматирования сейчас нет.

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

, т.е. все , что нам будет нужно. Центр обучения Joomla : http://alex-kurteev.ru/

Центр обучения Joomla:

Александр Куртеев

«Быстрый старт в Joomla 3-ей серии»

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

Кнопка «Подробнее» – для того чтобы ограничить вводный текст материала от полного текста материала. Нажимаем «Подробнее» и у нас появляется черта (рисунок 47). Верхняя часть материала у нас будет выводиться в списке материалов, потом будет идти кнопка «Подробнее», и после нажатия на «Подробнее» открывается весь материал.

открывается весь материал. Далее давайте добавим

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

вынесены два отдельных поля . Центр обучения Joomla : http://alex-kurteev.ru/

Центр обучения Joomla:

Александр Куртеев

«Быстрый старт в Joomla 3-ей серии»

«Быстрый старт в Joomla 3 - ей серии» Итак, загружаем картинки,

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

и в заголовке, например, «Панды» . И вставим такое же изображения

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

текст и заголовок. Центр обучения Joomla : http://alex-kurteev.ru/

Центр обучения Joomla:

Александр Куртеев

«Быстрый старт в Joomla 3-ей серии»

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

Итак, на первой вкладке мы с вами все заполнили. Перейдем к оставшимся вкладкам. Они не обязательны, но рассмотреть их стоит.

«Параметры публикации» (рисунок 50). Алиас мы с вами уже рассматривали. Далее мы можем выбрать автора или указать псевдоним автора. Дата создания материала подставляется автоматически.

подставляется автоматически. Следующие опции бывают весьма

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

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

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

дату , и после этой даты данный Центр обучения Joomla : http://alex-kurteev.ru/

Центр обучения Joomla:

Александр Куртеев

«Быстрый старт в Joomla 3-ей серии»

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

Следующая вкладка – «Параметры отображения материала» (рисунок 51). Кроме самого материала у нас может выводиться дополнительная информация о материале. На данной вкладке мы можем задать эти параметры персонально для данного материала. Если мы оставим значение по умолчанию, то эти значения будут взяты из глобальной настройки. Подробнее про глобальные настройки этих параметров и про то, как данная информация может вводиться, мы рассмотрим через один урок. Сейчас пока оставим все по умолчанию.

пока оставим все по умолчанию. Далее идет вкладка «Параметры

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

изображения и указание ссылок . Центр обучения Joomla : http://alex-kurteev.ru/
изображения и указание ссылок . Центр обучения Joomla : http://alex-kurteev.ru/

Центр обучения Joomla:

Александр Куртеев

«Быстрый старт в Joomla 3-ей серии»

Вкладки «Метаданные» и «Права доступа к материалу» мы пока не рассматриваем. Рассмотрим их в соответствующих уроках.

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

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

данные материалы на нашем сайте. Центр обучения Joomla : http://alex-kurteev.ru/

Центр обучения Joomla:

Александр Куртеев

«Быстрый старт в Joomla 3-ей серии»

6. Меню в Joomla 3

В этой главе мы с вами рассмотрим меню. С помощью меню в Joomla мы выводим основной функционал нашего сайта, например, содержимое магазина, форум, форму контактов, список материалов или отдельные материалы (рисунок 53).

отдельные материалы (рисунок 53) . У нас может быть большое

У нас может быть большое количество меню, например верхнее, боковое или несколько боковых (слева, справа), нижнее. Каждое меню состоит из пунктов, например, как видно из схемы, пункт меню «Главная», пункт меню «Магазин», который выводит содержимое магазина, пункт меню «Форум», «О сайте», «Контакты», «Блог», «Курс» и т.д.

Итак, для начала работы нам нужно создать меню и вывести его в нужном нам месте, т.е. сверху, слева, справа или снизу. Перейдем на наш сайт и создадим меню. Все управление меню скрывается под пунктом «Меню» (рисунок 54). Здесь у нас находится главный пункт «Менеджер меню», здесь мы создаем группы меню, и под чертой уже созданы меню, в которых мы можем сразу же создавать пункты меню.

сразу же создавать пункты меню. Центр обучения Joomla : http://alex-kurteev.ru/
сразу же создавать пункты меню. Центр обучения Joomla : http://alex-kurteev.ru/

Центр обучения Joomla:

Александр Куртеев

«Быстрый старт в Joomla 3-ей серии»

Изначально у нас уже создано одно меню «Main Menu», потому что для работы сайта нужен хотя бы один главный пункт меню. Но мы создадим отдельно меню. Перейдем в «Менеджер меню» (рисунок 55). Для уже созданных групп меню показано, сколько у нас опубликованных ссылок, не опубликованных, сколько в корзине, и с помощью каких модулей и в какой позиции выводятся данные меню.

позиции выводятся данные меню. Давайте создадим свое меню – для

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

56). Нажмем «Сохранить и закрыть» . По идее , все, меню создали.

По идее, все, меню создали. Единственное, сейчас его нам нужно вывести, т.е. определить, в какой позиции данное меню будет выводиться. Меню у нас выводится на сайт с помощью модулей. Что такое модули? Давайте посмотрим на схему нашего сайта (рисунок 57). Схематично наш сайт выглядит следующим образом: у нас есть главная область сайта, в которой выводится основное содержимое нашего сайта, например:

содержимое магазина, список материалов, отдельные материалы, контакты; и есть дополнительные размеченные области, куда мы можем вывести дополнительную

мы можем вывести дополнительную Центр обучения Joomla : http://alex-kurteev.ru/

Центр обучения Joomla:

Александр Куртеев

«Быстрый старт в Joomla 3-ей серии»

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

с вами неоднократно рассмотрим ). Итак, сейчас для того чтобы

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

Напишем заголовок – «Главное меню» (рисунок 58). Показать заголовок – «Показать». И выберем позицию. Сейчас у нас показываются все позиции из всех шаблонов, которые установлены на сайте. Наш шаблон называется сейчас «Protostar». Выберем позицию «Right (position 7)» (более подробно мы с вами еще рассмотрим все позиции, и как они определяются в шаблоне, но сперва выведем чтобы наше меню выводилось справа).

наше меню выводилось справа ). Центр обучения Joomla : http://alex-kurteev.ru/

Центр обучения Joomla:

Александр Куртеев

«Быстрый старт в Joomla 3-ей серии»

«Быстрый старт в Joomla 3 - ей серии» Сейчас у нас уже есть одно меню –

Сейчас у нас уже есть одно меню – «Main Menu», которая была создана при установке Joomla, и она как раз выводится в правую позицию, т.е. под ним у нас будет выводиться наше меню, а чуть позже Main Menu мы за ненадобностью удалим.

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

внешнего вида нашего меню. Центр обучения Joomla : http://alex-kurteev.ru/
внешнего вида нашего меню. Центр обучения Joomla : http://alex-kurteev.ru/

Центр обучения Joomla:

Александр Куртеев

«Быстрый старт в Joomla 3-ей серии»

Далее во вкладке «Привязка к пунктам меню» посмотрим, чтобы наш модуль отображался на всех страницах (рисунок 60).

на всех страницах (рисунок 60) . Модуль опубликован. Нажимаем

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

вами займемся в следующем уроке. Центр обучения Joomla : http://alex-kurteev.ru/

Центр обучения Joomla:

Александр Куртеев

«Быстрый старт в Joomla 3-ей серии»

7. Выводим материалы в Joomla 3

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

будущего сайта (рисунок 61) . Итак, у нас есть главное меню,

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

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

вывести с помощью пунктов меню. Центр обучения Joomla : http://alex-kurteev.ru/
вывести с помощью пунктов меню. Центр обучения Joomla : http://alex-kurteev.ru/

Центр обучения Joomla:

Александр Куртеев

«Быстрый старт в Joomla 3-ей серии»

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

Итак, выбираем тип пункта меню. Давайте посмотрим, что мы можем вывести (рисунок 63):

что мы можем вывести (рисунок 63) :  контакты ( их мы еще не

контакты (их мы еще не рассматривали);

материалы (таким образом мы можем вывести все материалы, которые у

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

умный поиск;

ленты новостей (будут транслироваться с других сайтов на наш сайт);

с других сайтов на наш сайт ); Центр обучения Joomla : http://alex-kurteev.ru/

Центр обучения Joomla:

Александр Куртеев

«Быстрый старт в Joomla 3-ей серии»

поиск (разницу между умным поиском и обычным я вам потом объясню);

список тегов;

различные формы регистрации, авторизации и изменения пароля;

различные ссылки;

другой сайт в контент нашего сайта;

различные разделители и ссылки на сторонние сайты.

Сейчас мы выведем отдельный материал (рисунок 64). Нажимаем «Материалы». Далее, нам нужно выбрать материал, какой именно мы выводим курс – «Как переехать жить в Таиланд». Назовем пункт меню «Курс».

Назовем пункт меню «Курс» . Далее смотрим состояние –

Далее смотрим состояние – «Опубликовано». Важный момент: проверяем, к какой группе меню относится данный пункт. Все правильно – выбрано «Главного меню» по умолчанию. Доступ – для всех (public).

Далее, является или не является данный пункт у нас главной страницей – поставим «Нет». Следующий пункт меню сделаем главной страницей.

Далее, «Дополнительные параметры» (рисунок 65). Как и при создании материала, здесь мы можем указать, какую дополнительную информацию выводить вместе с

информацию выводить вместе с Центр обучения Joomla : http://alex-kurteev.ru/

Центр обучения Joomla:

Александр Куртеев

«Быстрый старт в Joomla 3-ей серии»

материалом. Оставим пока все значения по умолчанию (в следующем уроке мы рассмотрим эти значения, и как они влияют на вывод материала).

они влияют на вывод материала ). Остальные параметры у нас влияют

Остальные параметры у нас влияют на оформление нашего пункта в меню (рисунок 66). Мы можем написать заголовок страницы в браузере (по умолчанию он будет как заголовок, который вы указывали вначале), который будет отображаться во вкладке вверху в браузере. Также мы можем изменить заголовок страницы (они могут отличаться), это бывает полезно при внутренней оптимизации сайта под поисковое продвижение, и также можем указать персональный CSS-класс для оформления страницы. Ниже вкладка «Метаданные», которая также служит для поисковой оптимизации вашего сайта.

оптимизации вашего сайта . Центр обучения Joomla : http://alex-kurteev.ru/

Центр обучения Joomla:

Александр Куртеев

«Быстрый старт в Joomla 3-ей серии»

«Быстрый старт в Joomla 3 - ей серии» Последний пункт меню, чтобы не

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

Итак, нажимаем «Сохранить и закрыть» и переходим во внешний интерфейс нашего сайта и смотрим: у нас появилось главное меню и пункт меню «Курс» (рисунок

67).

и пункт меню «Курс» (рисунок 67). Центр обучения Joomla : http://alex-kurteev.ru/
и пункт меню «Курс» (рисунок 67). Центр обучения Joomla : http://alex-kurteev.ru/

Центр обучения Joomla:

Александр Куртеев

«Быстрый старт в Joomla 3-ей серии»

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

мы проведем в следующем уроке. Далее давайте создадим

Далее

давайте

создадим

следующий

содержимое категории (рисунок 69).

пункт

меню,

который

будет

выводить

меню, который будет выводить Нажимаем «Создать», сразу

Нажимаем «Создать», сразу выберем, что пункт создается в «Главном меню» и выбираем тип пункта меню: «Материалы» – «Блог категории» (рисунок 70). Выберем, из

(рисунок 70). Выберем , из Центр обучения Joomla : http://alex-kurteev.ru/

Центр обучения Joomla:

Александр Куртеев

«Быстрый старт в Joomla 3-ей серии»

какой категории нам выводить материалы – «Блог». Назовем наш пункт меню «Блог» и сделаем главной страницей.

и сделаем главной страницей . Перейдем в «Дополнительные

Перейдем в «Дополнительные параметры» (рисунок 71). Здесь у нас появились новые параметры. Показывать текст «Подкатегории», если они есть, или не показывать – поставим «Скрыть». Заголовок категории – сделаем для начала «Показать». Описание – тоже «Показать» (потом уберем). Изображение – «Показать». Уровни подкатегорий – у нас один уровень, поэтому не имеет значения. Пустые категории – «Не показывать». Сообщение об отсутствии материалов – «Скрыть». Описания подкатегорий – у нас их нет, поэтому не имеет значения. Количество материалов категории оставим по умолчанию.

категории оставим по умолчанию. Центр обучения Joomla : http://alex-kurteev.ru/

Центр обучения Joomla:

Александр Куртеев

«Быстрый старт в Joomla 3-ей серии»

«Быстрый старт в Joomla 3 - ей серии» Далее , «Параметры макета» для

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

материала будет 10 с введениями . Центр обучения Joomla : http://alex-kurteev.ru/

Центр обучения Joomla:

Александр Куртеев

«Быстрый старт в Joomla 3-ей серии»

«Быстрый старт в Joomla 3 - ей серии» После списка материалов у нас

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

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

– «в менеджере материалов» . Центр обучения Joomla : http://alex-kurteev.ru/

Центр обучения Joomla:

Александр Куртеев

«Быстрый старт в Joomla 3-ей серии»

«Быстрый старт в Joomla 3 - ей серии» Далее, сортировать по дате или не

Далее, сортировать по дате или не сортировать. Разбиение на страницы – когда у нас все материалы не вмещаются на одну страницу, Joomla у нас делает несколько страниц. Это называется «пагинация», и мы в пункт меню выбираем, показывать пагинации или не показывать, и показывать результаты разбиения на страницы или не показывать.

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

Итак, пункт меню создали, нажимаем «Сохранить и закрыть». Посмотрим как выглядит данный пункт (рисунок 74). У нас появился блог: описание категории, картинка категории и материалы «Еда в Таиланде» (краткое описание, кнопка «Подробнее», картинка) и «Животные Таиланда».

) и «Животные Таиланда» . Центр обучения Joomla : http://alex-kurteev.ru/

Центр обучения Joomla:

Александр Куртеев

«Быстрый старт в Joomla 3-ей серии»

«Быстрый старт в Joomla 3 - ей серии» Перейдем в полный текст (рисунок

Перейдем в полный текст (рисунок 75).

в полный текст (рисунок 75). Сейчас давайте немного

Сейчас давайте немного приберемся: поместим пункт меню «Блог» наверх и удалим «Main Menu». Для этого перейдем к фильтру слева в главное меню, и здесь около пункта меню в вертикальном порядке у нас размещены три точки. Наводите мышкой на эти три точки, нажимаете левую клавишу мыши и перетаскиваете пункт меню вверх (рисунок 76). Все! Теперь блок у нас будет наверху, а курс будет внизу.

наверху, а курс будет внизу . Центр обучения Joomla : http://alex-kurteev.ru/

Центр обучения Joomla:

Александр Куртеев

«Быстрый старт в Joomla 3-ей серии»

«Быстрый старт в Joomla 3 - ей серии» Сейчас переходим в « Main Menu »,

Сейчас переходим в «Main Menu», удалим вначале пункт: выделяем, помещаем в корзину (рисунок 77).

помещаем в корзину (рисунок 77). Теперь переходим в меню и

Теперь переходим в меню и удаляем «Main Menu»: нажимаем «Удалить» (рисунок

78).

»: нажимаем «Удалить» (рисунок 78). Итак, все удалили, перейдем

Итак, все удалили, перейдем обратно на наш сайт и посмотрим (рисунок 79): нас есть главное меню, предыдущее меню удалилось, порядок – вначале идет «Блог», потом «Курс».

идет «Блог», потом «Курс» . Центр обучения Joomla : http://alex-kurteev.ru/

Центр обучения Joomla:

Александр Куртеев

«Быстрый старт в Joomla 3-ей серии»

«Быстрый старт в Joomla 3 - ей серии» На этом урок закончен ! В

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

оформления материалов. Центр обучения Joomla : http://alex-kurteev.ru/

Центр обучения Joomla:

Александр Куртеев

«Быстрый старт в Joomla 3-ей серии»

8. Настройка внешнего вида материалов в Joomla

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

Итак, давайте перейдем в «Глобальные настройки» и настроим оформление наших материалов. Где взять глобальные настройки для оформления материалов? Можем перейти в пункт меню «Общие настройки» и здесь выбрать настройки компонента «Материалы» (рисунок 80).

«Материалы» (рисунок 80). Центр обучения Joomla : http://alex-kurteev.ru/
«Материалы» (рисунок 80). Центр обучения Joomla : http://alex-kurteev.ru/

Центр обучения Joomla:

Александр Куртеев

«Быстрый старт в Joomla 3-ей серии»

Или мы можем зайти в «Менеджер материалов» и нажать на соответствующую кнопку «Настройки» (рисунок 81). Попадем мы с вами в то же самое место.

мы с вами в то же самое место. Итак, перед нами открывается 9

Итак, перед нами открывается 9 вкладок для глобальных настроек наших материалов и пунктов меню (рисунок 82). Давайте настроим их. Первая вкладка – «Материалы», т.е. как вводится сам материал.

т.е. как вводится сам материал. Показывать заголовок или не

Показывать заголовок или не показывать – поставим «Показать». Заголовок как ссылка – на данный момент у нас в материалах «Еда в Таиланде» и «Животные Таиланда» заголовок как ссылка. Нажимаем на данный заголовок – переходим внутрь материала. Если поставим «Нет», то у нас будет обычный заголовок, без ссылки. Оставим «Да».

«Вводный текст» – показывать или не показывать? У нас в кратком виде есть вводный текст, и данный же текст у нас показывается в полном материале. Так вот, мы можем сделать так, чтобы в полном материале данный текст не показывался. Это бывает

текст не показывался. Это бывает Центр обучения Joomla : http://alex-kurteev.ru/

Центр обучения Joomla:

Александр Куртеев

«Быстрый старт в Joomla 3-ей серии»

актуально в том случае, если в кратком виде мы рекламируем материал, а в полном виде мы его впишем в сам текст. Мы же оставим пока «Показать».

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

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

это на домашнее задание ). Центр обучения Joomla : http://alex-kurteev.ru/
это на домашнее задание ). Центр обучения Joomla : http://alex-kurteev.ru/

Центр обучения Joomla:

Александр Куртеев

«Быстрый старт в Joomla 3-ей серии»

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

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

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

сейчас выглядит наш материал. Итак, мы скрыли все ненужные

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

Все они заданы «По умолчанию» . Центр обучения Joomla : http://alex-kurteev.ru/

Центр обучения Joomla:

Александр Куртеев

«Быстрый старт в Joomla 3-ей серии»

«Быстрый старт в Joomla 3 - ей серии» Перейдем к следующим настройкам

Перейдем к следующим настройкам – «Форма редактирования» (рисунок 86). Здесь мы задаем параметры по умолчанию для формы редактирования материалов через внешний интерфейс.

через внешний интерфейс. Далее, «Категория» – настройки

Далее, «Категория» – настройки вывода материалов из категории (рисунок 87). Данные параметры для нашей категории мы задали принудительно в пункте «Меню». Здесь можем указать глобальные настройки, чтобы для каждого отдельного пункта меню эти параметры принудительно не указывать.

принудительно не указывать. Центр обучения Joomla : http://alex-kurteev.ru/

Центр обучения Joomla:

Александр Куртеев

«Быстрый старт в Joomla 3-ей серии»

«Быстрый старт в Joomla 3 - ей серии» Показывать заголовок категории

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

Показывать пустые категории, т.е. без материалов – «Скрыть». Сообщение об отсутствии материалов, т.е. если не будет материалов, у нас будет показано, что материалов нет – оставим «Показать». Описание подкатегорий – пускай будет. Количество материалов – «Скрыть». И «Показывать теги» – давайте поставим «Скрыть».

Далее, «Категории» – настройки списка категорий (рисунок 88). У нас есть пункт меню, который выводит все категории. Здесь мы можем настраивать глобальные параметры для данного пункта меню.

для данного пункта меню. «Блог/Избранные» – настройки

«Блог/Избранные» – настройки блога и избранных материалов (рисунок 89). Мы сейчас указывали «Принудительно», т.е. поставили во всю ширину – 10, только введение – 10, количество колонок – 1, количество ссылок – 0. Сейчас мы задали глобальные

– 0. Сейчас мы задали глобальные Центр обучения Joomla : http://alex-kurteev.ru/

Центр обучения Joomla:

Александр Куртеев

«Быстрый старт в Joomla 3-ей серии»

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

параметры мы можем не трогать. «Макеты списка» – мы можем

«Макеты списка» – мы можем выводить материалы как в форме блога, т.е. краткое описание и кнопка «Подробнее», или вывести списком все материалы в форме таблицы (рисунок 90). Здесь мы задаем глобальные параметры для данного пункта меню.

для данного пункта меню. «Общие настройки» – как у нас

«Общие настройки» – как у нас будут сортироваться материалы (самые новые первыми) и как у нас будут выводиться категории (рисунок 91). Какая будет дата служить для сортировки материалов – у нас есть 3 даты у материала: дата публикации, дата создания и дата изменения – оставим «Дата публикации». Разбиение на страницы – если у нас большое количество материалов, и они все не влезают на одну страницу, то Joomla может их разбить на несколько страниц. Поставим «Авто». Это означает, что если все материалы у нас влезают на одну страницу, то разбиение не нужно. Если же материалы у нас не влезают на одну страницу, то разбивать.

на одну страницу, то разбивать. Центр обучения Joomla : http://alex-kurteev.ru/

Центр обучения Joomla:

Александр Куртеев

«Быстрый старт в Joomla 3-ей серии»

«Быстрый старт в Joomla 3 - ей серии» Следующая вкладка –

Следующая вкладка – «Интеграция» (рисунок 92): показывать ссылку на ленту новостей в браузере вверху, в строке навигации, или не показывать.

навигации, или не показывать. Итак, это у нас были глобальные

Итак, это у нас были глобальные настройки, их сохраняем, и при дальнейшем добавлении материалов и пунктов меню мы можем оставлять все значения по умолчанию, т.к. сейчас мы уже задали глобальные параметры. Единственное – вернемся, в наш пункт меню «Блог» и параметры, которые мы с вами задали принудительно, изменим на «По умолчанию» (рисунок 93). «Сохранить» и «Закрыть».

93) . «Сохранить» и «Закрыть» . Центр обучения Joomla : http://alex-kurteev.ru/
93) . «Сохранить» и «Закрыть» . Центр обучения Joomla : http://alex-kurteev.ru/

Центр обучения Joomla:

Александр Куртеев

«Быстрый старт в Joomla 3-ей серии»

Итак, описание категории у нас исчезло, внешний вид материалов настроили (рисунок 94), в следующем уроке мы настроим внешний вид нашего сайта.

внешний вид нашего сайта. Центр обучения Joomla : http://alex-kurteev.ru/
внешний вид нашего сайта. Центр обучения Joomla : http://alex-kurteev.ru/

Центр обучения Joomla:

Александр Куртеев

«Быстрый старт в Joomla 3-ей серии»

9. Настройка внешнего вида сайта Joomla

В этой главе мы сделаем наш сайт красивым! Установим профессиональный шаблон и настроим его. Данный урок – это краткое содержание курса по шаблонам. Полный курс по шаблонам вы можете взять на нашем сайте бесплатно: http://alex- kurteev.ru/link/premiumtemplate. В нем рассмотрены абсолютно все нюансы касательно настройки профессиональных сложных шаблонов. Благодаря данному курсу вы узнаете, как выбрать профессиональный шаблон, как его настроить и как правильно оформлять контент.

А сейчас мы переходим к уроку и посмотрим, как быстро мы можем изменить внешний вид нашего сайта. Итак, зайдем на наш сайт и установим через менеджер расширений наш шаблон. Шаблон я уже скачал. Шаблон от компании «Тем-эксперт» под названием «Zenit». Данный шаблон бесплатный, и вы также его можете скачать с сайта разработчика. Нажимаем «Загрузить и установить» (рисунок 95).

и установить» (рисунок 95) . Итак, шаблон у нас установлен,

Итак, шаблон у нас установлен, далее переходим в расширение «Менеджер шаблонов», для того чтобы назначить данный шаблон на наш сайт. Итак, видим шаблон ТХ «Zenit» – поставим звездочку, т.е. отметим данный шаблон по умолчанию (рисунок

96).

шаблон по умолчанию (рисунок 96). Центр обучения Joomla : http://alex-kurteev.ru/

Центр обучения Joomla:

Александр Куртеев

«Быстрый старт в Joomla 3-ей серии»

«Быстрый старт в Joomla 3 - ей серии» Зайдем на наш сайт, обновим. Так

Зайдем на наш сайт, обновим. Так выглядит наш сайт в новой «одежде» (рисунок

97).

сайт в новой «одежде» (рисунок 97). Давайте немного настроим данный

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

Итак, открываем вкладку «Styles» и давайте изменим стиль на «Green» (рисунок 98). Нажмем «Сохранить». Здесь мы также можем настроить цветовую палитру отдельных областей нашего сайта.

отдельных областей нашего сайта. Центр обучения Joomla : http://alex-kurteev.ru/

Центр обучения Joomla:

Александр Куртеев

«Быстрый старт в Joomla 3-ей серии»

«Быстрый старт в Joomla 3 - ей серии» Обновим сайт, посмотрим, как

Обновим сайт, посмотрим, как изменился внешний вид (рисунок 99).

внешний вид (рисунок 99). Идем далее. Переходим на вкладку

Идем далее. Переходим на вкладку «Widgets», и здесь мы можем загрузить логотип. Логотип на сайт мы можем загрузить двумя способами. Первый способ – это через шаблон, т.е. в настройках шаблона. Второй способ – это создание модуля HTML-код и вставка туда картинки (модуль HTML-код мы рассмотрим буквально через урок).

Давайте сейчас загрузим логотип. Позиция «top-1», нажмем кнопку «Выбрать» и загрузим подготовленную картинку (рисунок 100).

картинку (рисунок 100) . Центр обучения Joomla : http://alex-kurteev.ru/

Центр обучения Joomla:

Александр Куртеев

«Быстрый старт в Joomla 3-ей серии»

«Быстрый старт в Joomla 3 - ей серии» Далее давайте скроем копирайты,

Далее давайте скроем копирайты, они нам не нужны (рисунок 101). Кнопка «наверх» – тоже пока скроем, и социальные иконки тоже скроем, а также логотип, на котором сделан шаблон.

на котором сделан шаблон. Итак, сохраним и посмотрим, как

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

нужно, поэтому мы его отключим. Центр обучения Joomla : http://alex-kurteev.ru/

Центр обучения Joomla:

Александр Куртеев

«Быстрый старт в Joomla 3-ей серии»

«Быстрый старт в Joomla 3 - ей серии» Перейдем во вкладку «Меню»

Перейдем во вкладку «Меню» (рисунок 103). Здесь у нас настраивается вывод верхнего меню, т.е. верхнее меню реализовано средствами шаблона. Выбирается стиль меню, выбирается, какое меню выводить вверху и в какой позиции (позиция «top-2»). Давайте отключим данное меню, нажмем «Сохранить».

данное меню, нажмем «Сохранить» . Смотрим: логотип должен у нас

Смотрим:

логотип

должен

у

нас

исчезнуть (рисунок 104).

вывестись

в

полный

размер,

104) . вывестись в полный размер, Центр обучения Joomla : http://alex-kurteev.ru/

Центр обучения Joomla:

меню

должно

Александр Куртеев

«Быстрый старт в Joomla 3-ей серии»

«Быстрый старт в Joomla 3 - ей серии» Но меню нам все - таки нужно

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

Давайте

посмотрим

на

позиции.

Перейдем

в

следующую

вкладку

«Layout»

(рисунок 105). Здесь есть кнопка «Module positions map». Посмотрим.

кнопка « Module positions map ». Посмотрим. Итак, в центре у нас маленькая

Итак, в центре у нас маленькая область – здесь вводится главный контент (рисунок 106). А все остальное – это позиции. Логотип у нас выведен в позиции «TOP-1». Давайте в позицию «TOP -2» мы выведем форму авторизации. В целом, в позиции «TOP» мы можем вывести до пяти модулей. Выведем два. Наше меню выведем в позиции «SIDEBAR-B». Кстати, название данных позиций в большинстве своем универсально, и при переходе с

универсально, и при переходе с Центр обучения Joomla : http://alex-kurteev.ru/

Центр обучения Joomla:

Александр Куртеев

«Быстрый старт в Joomla 3-ей серии»

одного профессионального шаблона на другой позиции у вас будут сохраняться, но все равно проверять стоит.

но все равно проверять стоит. Давайте перейдем сейчас в

Давайте перейдем сейчас в менеджер модулей и переместим наше меню в SIDEBAR-B. Для этого заходим в меню «Расширение» – «Менеджер модулей». Заходим в главное меню и выберем позицию «SIDEBAR-B» (рисунок 107). Нажмем «Сохранить».

107) . Нажмем «Сохранить» . Центр обучения Joomla : http://alex-kurteev.ru/
107) . Нажмем «Сохранить» . Центр обучения Joomla : http://alex-kurteev.ru/

Центр обучения Joomla:

Александр Куртеев

«Быстрый старт в Joomla 3-ей серии»

Посмотрим – отлично, модуль с меню у нас вывелся (рисунок 108).

с меню у нас вывелся (рисунок 108) . Давайте немного его приукрасим.

Давайте немного его приукрасим. Это секретный чит-код, о котором рассказано в полном курсе. Зайдем в «Дополнительные параметры» (рисунок 109). Суффикс класса меню – напишем «nav, nav-list». Суффикс класса модуль – напишем «box1». Данные параметры отвечают за оформление модуля и за оформление меню. Нажимаем «Сохранить» и «Закрыть» и посмотрим, как будет выглядеть наше меню.

как будет выглядеть наше меню. Центр обучения Joomla : http://alex-kurteev.ru/
как будет выглядеть наше меню. Центр обучения Joomla : http://alex-kurteev.ru/

Центр обучения Joomla:

Александр Куртеев

«Быстрый старт в Joomla 3-ей серии»

Итак, меню стало выглядеть красивее (рисунок 110).

выглядеть красивее (рисунок 110). Следующий модуль – форма

Следующий модуль – форма авторизации (рисунок 111).

– форма авторизации (рисунок 111) . Поставим позицию « TOP-2 », т.е.

Поставим позицию «TOP-2», т.е. рядом с логотипом, напишем «Авторизация», заголовок скроем (рисунок 112). Сохраним и посмотрим.

112). Сохраним и посмотрим. Центр обучения Joomla : http://alex-kurteev.ru/
112). Сохраним и посмотрим. Центр обучения Joomla : http://alex-kurteev.ru/

Центр обучения Joomla:

Александр Куртеев

«Быстрый старт в Joomla 3-ей серии»

Отлично (рисунок 113). Единственное, почему-то позиция «TOP-2» у нас занимает больше места, чем позиция «TOP-1». Сейчас мы это исправим.

« TOP-1 ». Сейчас мы это исправим. Но сперва у нас остался еще один

Но сперва у нас остался еще один модуль, который требует нашего внимания – это модуль «Breadcrumbs» (путь на сайте) (рисунок 114).

» (путь на сайте) (рисунок 114) . Выведем его Модуль « Breadcrumbs » .

Выведем

его

Модуль

«Breadcrumbs».

показывает,

в

соответствующую

где

мы

находимся.

позицию

Позиция

(рисунок

115).

для

данного

Заголовок

модуля

скроем.

называется

модуля скроем. называется Название главной страницы –

Название главной страницы – напишем «Главная» (рисунок 116). Надпись мы уберем. «Сохранить и закрыть».

уберем. «Сохранить и закрыть» . Центр обучения Joomla : http://alex-kurteev.ru/

Центр обучения Joomla:

Александр Куртеев

«Быстрый старт в Joomla 3-ей серии»

«Быстрый старт в Joomla 3 - ей серии» И обновим наш сайт (рисунок 117) .

И обновим наш сайт (рисунок 117).

И обновим наш сайт (рисунок 117) . Итак, мы вывели модуль

Итак, мы вывели модуль местоположения. Сейчас давайте изменим пропорции у логотипа и у формы авторизации (рисунок 118). Перейдем обратно в «Менеджер шаблонов». И во вкладке «Layout» у позиции «TOP» поставим, что у нас здесь выводится 2 модуля, и пропорции поставим не 3 к 9, а, например, поровну – 6 к 6 (подробнее про пропорции в полном курсе по шаблонам).

в полном курсе по шаблонам ). Центр обучения Joomla : http://alex-kurteev.ru/

Центр обучения Joomla:

Александр Куртеев

«Быстрый старт в Joomla 3-ей серии»

«Быстрый старт в Joomla 3 - ей серии» Обновляем. Так гораздо лучше

Обновляем. Так гораздо лучше (рисунок 119)! Отлично, оставляем.

(рисунок 119)! Отлично, оставляем. В этом уроке мы с вами коротко

В этом уроке мы с вами коротко рассмотрели, как можно быстро настроить внешний вид вашего сайта. Еще раз дам ссылку на полный курс по шаблонам: http://alex- kurteev.ru/link/premiumtemplate. Также на нашем сайте вы можете подобрать шаблон:

http://alex-kurteev.ru/подобрать-шаблон.html. Смотрите на здоровье!

В следующем уроке мы рассмотрим дополнительные модули для нашего сайта.

модули для нашего сайта. Центр обучения Joomla : http://alex-kurteev.ru/

Центр обучения Joomla:

Александр Куртеев

«Быстрый старт в Joomla 3-ей серии»

10. Вспомогательные модули для удобства пользователей

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

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

120).

со слова «материалы» (рисунок 120). Итак, первый модуль «Материалы в

Итак, первый модуль «Материалы в архиве». Данный модуль выводит список календарных месяцев, которые содержат архивные материалы.

Модуль «Новости» выводит фиксированное количество материалов из категории или нескольких категорий.

или нескольких категорий. Центр обучения Joomla : http://alex-kurteev.ru/

Центр обучения Joomla:

Александр Куртеев

«Быстрый старт в Joomla 3-ей серии»

Модуль

«Последние

новости»

которых не истек срок публикации.

отображает

список

последних

материалов,

у

Модуль «Самые читаемые» показывает самые часто просматриваемые материалы.

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

И следующий модуль – «Список материалов в категории». Этот модуль отображает все материалы из одной или нескольких категорий.

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

Напишем

«Популярные»,

выберем

«Опубликовано» (рисунок 121).