Как создать сайт на Joomla с нуля. Инструкции + видео.

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

Содержание:

Установка Joomla
Знакомство с админкой и настройки
Создание категорий и статей
Создание меню и пунктов
Дополнительные функции
Перенос на хостинг
Первоначальная настройка на хостинге
SEO оптимизация
Сколько денег нужно?
А с чего начать создание сайта?

Joomla - это бесплатная система управления контентом. Очень гибкая и функциональная.
Имеет большое сообщество, в том числе в России и СНГ.
При помощи неё вы можете создать практически любой тип сайта.

Это могут быть:

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

Этапы разработки для каждого типа сайта практически одинаковы.
Давайте их рассмотрим.

Установка Joomla

Для начала нужно познакомиться с системой и установить её.

Скачать последнюю версию можете с официального сайта >>

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

Если вы не знакомы с Joomla, то рекомендую установить её на локальный сервер.
Установка самого сервера и Joomla довольно простые, посмотрите весь процесс в видеоролике:

Установка OpenServer >>

Установка Joomla на OpenServer >>

Знакомство с админкой и базовые настройки

админ панель joomla

Всё управление сайтом происходит через административную панель.
Вход в неё всегда такой ваш_сайт.ru/administrator

Видео обзор админпанели Joomla >>

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

Создание категорий и статей.

В Joomla, основной контент состоит из материалов (статей) - это некая универсальная единица контента.
Материалы могут принадлежать определённым категориям или под-категориям.

В материале Joomla размещаются такие типы контента:

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

Теперь определимся с будущей структурой вашего сайта и создадим предполагаемые категории.
Как создать категории Joomla >>

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

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

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

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

Создание меню в Joomla и типы пунктов

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

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

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

Как создать меню с пунктами >>

Дополнительные функции

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

Это родные расширения Joomla.
Все расширения делятся на типы: модули, плагины и компоненты и т.д.

Самый большой тип - это компоненты.

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

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

Модули - это вспомогательные расширения.

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

Выполняют простую работу по выводу информации на сайт.
Например модуль входа (авторизации) выводит форму для ввода логина и пароля.

Плагины - это системные дополнения.

Их можно назвать "примочками", например, плагин авторизации по e-mail.
После его включения, пользователи сайта могут заходить не только под своим логином, но и под своим email'ом.

Или плагин рекапча от Google, он помогает защищать формы от спам ботов.

Видео обзор стандартных модулей и плагинов >>

Также ещё есть шаблоны, языки и пакеты.
Они тоже считаются расширениями.

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

Шаблоны - изменяют внешний вид сайта, т.е. его дизайн.
Сейчас применяются адаптивные шаблоны, они подстраиваются под мобильные устройства.

установка шаблона на Joomla

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

Существуют так называемые квикстарты (quickstart).
Это чистый сайт на Joomla (с демо данными) с полностью настроенным шаблоном.
Это удобно, когда времени на разработку и настройку совсем нет.

Посмотрите наши русские шаблоны для Joomla >>

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

Пакеты - это объединение в один архив компонента, модулей и плагинов к нему.
Всё это устанавливается в один клик и сделано для удобства.

Видео о том как устанавливать расширения в Joomla >>

Прим.: расширения могут быть платные и бесплатные.

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

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

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

Перенос сайта на хостинг

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

Далее регистрируется доменное имя и сайт переносится на хостинг в интернет.

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

перенос сайта на хостинг

Хостинг тоже делится по типам.

Бесплатный - его мы рассматривать не будем. Это сплошная головная боль и нервы.
Виртуальный хостинг (90 - 150 р/месяц), самый дешёвый вид хостинга. Подходит для небольших сайтов.
Виртуальный выделенный сервер (300 р/мес и выше). Это уже серьёзнее. Рекомендуется для интернет магазинов и крупных сайтов.
Более стабилен и безопасен.
Физический сервер - одна машина (компьютер) для одного клиента. Стоимость от 2-х тысяч и выше.
Подходит для крупных проектов с большой посещаемостью.

Как выбрать хостинг >>

Домен - это уникальное имя сайта.

Например: aliexpress.com

Домен регистрируется на 1 год, и потом каждый год продлевается.
Регистрация домена в зоне .ru стоит в районе 99р.
Продление дороже, 300 и выше.

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

Посмотрите как зарегистрировать домен и привязать его к вашему хостингу >>

Процесс переноса сайта.

На хостинге создаётся база данных (пустая)
На локалке создаётся резервная копия сайта
Загружается по FTP на хостинг
Устанавливается на хостинге (как обычая установка Joomla).

Подробнее в этом видео >>

Первоначальная настройка сайта на хостинге

После того как ваш сайт заработает на хостинге, производится его начальная настройка:

В настройках Joomla включить SEF и mod_rewrite
На хостинге переименовать файл htaccess.txt в .htaccess (точка впереди)
Добавить сайт в Яндекс.Вебмастер >>
Этот сервис предоставляет много полезной информации о вашем сайте.
Также желательно добавить сайт в похожий сервис от Google >>
Создать карту сайта и отправить её в Яндекс.Вебмастер и Гугл.
При помощи карты сайта поисковые системы быстрее просканируют ваш сайт
Видео про карту сайта >>

Поздравляю! Ваш сайт в интернете.

добавление сайта в яндекс вебмастер