Вход | Регистрация

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

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

Содержание:

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

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

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

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

Установка Joomla

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

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

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

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

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

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

 

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

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

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

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

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

 

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

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

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

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

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

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

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

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

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

 

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

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

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

создание пунктов меню в Joomla 3

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

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

 

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

В стандартной сборке 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 и выше.

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

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

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

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

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

 

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

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

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

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

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

Теперь ждём когда поисковые системы его проиндексируют и он появится в результатах поиска.
На это уходит примерно неделя-две.

 

SEO оптимизация

Сайт без посетителей - как машина без колёс.

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

Тема SEO очень большая, охватить её одним абзацем невозможно.
Поэтому рекомендую вам книгу "Секреты SEO для новичка".

Дам пару советов.

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

Это будет учитываться поисковыми системами и они будут лучше к вам относится.

seo оптимизация сайта после создания

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

 

Сколько нужно денег чтобы создать свой сайт с нуля?

Сумма зависит от того насколько быстро вы хотите создать свой сайт.

Обязательные расходы:

  • домен = 99р (за год)
  • хостинг ~ 100р/мес

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

 

Дополнительные расходы (при желании):

А чтобы сделать сайт быстрее и сделать правильно, вам нужно всего около 3-4 тысяч рублей.
Решение за вами!

Рекомендую посмотреть наши онлайн курсы >>

 

А с чего же начать создание сайта?

Ответ в этом видео.

С уважением, Олег Касьянов

Сохраните эту информацию к себе, чтобы не потерять:

И подписывайтесь на наш онлайн-журнал.
С уважением, Олег Касьянов.

нашли ошибку? напишите
X

Вход

Ваш e-mail:

Ваш пароль:


Забыли пароль?
Регистрация

X

Нашли ошибку или баг? Напишите мне.

placeholder="Опишите пожалуйста где вы нашли ошибку и какую, буду вам очень благодарен">

^ Наверх