Небольшое отступление. Интерфейс административной панели Joomla 4, 5 и 6 одинаковые. Есть небольшие различия, но вы их не заметите. По этому, если вы увидите здесь скрины с версией Joomla 4, то не беспокойтесь, установка Joomla 4, 5 и 6 одинакова.
Будем создавать сайт сразу на хостинге, минуя локальный сервер. Купим домен и поехали ! Зачем вам вникать в установку и использование сервера на компьютере? Ведь ваш сайт будет на хостинге и там вы будете им постоянно управлять.
Регистрируемся на хостинге, покупаем домен, привязываем к файлам сайта и всё, готово . Почему сразу на хостинге, а не на компьютере? Здесь масса преимуществ. Не надо вникать в локальный сервер. Сайт не нужно переносить. Для новичка это самое болезненное занятие. Сайт может работать на локальном, но не работать на хостинге. Всё это исправляется, но для ваших скромных познаний потребуется куча времени для изучения этих нюансов.
Регистрация на хостинге
Заходим по этой ссылке на beget.com, регистрируемся. Первый месяц бесплатный. Коротко про этот хостинг: Один из лучших в России . Техподдержка на уровне – супер. Скорость и работа ресурсов на высоте. Есть все современные модули и решения для веб ресурсов. Главное, интуитивно понятный интерфейс. Всё познается в сравнении. Есть сайты клиентов на других хостингах. Так бывает даже такое, что версию PHP не возможно переключить отдельно для каждого сайта, а нужно прописывать отдельные команды для сервера в файле htaccess. А про интуитивно понятный интерфейс, то на других хостингах бывает невозможно найти без техподдержки элементарные включения определенных функций. Перейдя по ссылке, вам откроется следующее окно, где вам нужно кликнуть на "Blog". На сегодняшний день стоимость хостинга в месяц составляет 320 руб. Стоимость домена оплачивается один раз в год - 390 руб. Но первый раз вы платите всего 179 руб. Итого, чтоб заработал сайт на вашем домене, нужно купить домен за 179 руб и оплатить хостинг, бонус - первый месяц бесплатно.
Регистрация домена
Подибраем домен. Как подобрать читаем здесь .
Покупка домена на хостинге . И так, вы проверили домен, он свободен и в архиве на нём никаких подводных камней нет. Заходим в Домены и поддомены → Регистрация доменов Под надписью Зарегистрировать домен есть поле. В него пишем желаемый домен и регистрируем. Домен желательно купить в зоне .RU, потому что у вас российский интернет. Здесь- Как выбрать домен.
Создание SSL сертификата
Установить бесплатный SSL сертификат, нужно всего два клика . Заходите - Домены и поддомены Справа от вашего домена менюшка, кликаете, открывается следующее меню. Выбираете - Управление SSL сертификатами . Здесь ничего изменять не нужно, а прокручиваете страницу вниз кликаете кнопку Установить . Примерно через 30 мин появится зеленая иконка с галкой. Всё, сертификат установлен.
Теперь нужно создать папку для сайта на сервере и прикрепить к ней домен. Заходим в Сайты и в поле Имя домена вводим ваш домен, ниже кликаем «Создать» Ниже в разделе Сайты и прилинкованные домены появится ваш домен. Справа, напротив домена менюшка, кликаете, открывается список. Выбираете Прикрепить домен
Скачать Joomla 6
Теперь вам нужна CMS Joomla. Ниже будут ссылки для скачивания. Вам, как новичку предлагаю установочный пакет Quickstart Helix Ultimate Joomla 6 вместе с шаблоном Helix Ultimate . Чем эта сборка лучше? А тем, что шаблон, который вам так нужен установится автоматически вместе с движком. Этим шагом вы перепрыгнете через установку шаблона, необходимых компонентов и базовую настройку. То есть, шаблон и компоненты уже будет стоять по умолчанию. Это официальная версия с их сайта joomshaper.com . Так же будут уже установлены компоненты SP PageBuilder, SP Easy Image Gallery и SP Simple Portfolio .
Или чистая Joomla 6 тоже с оф сайта joomla.org и ниже шаблон и плагин. Потом установить нужно шаблон и плагин. Но, компононенты SP PageBuilder, SP Easy Image Gallery и SP Simple Portfolio будете устанавливать отдельно.
Скачать Quickstart Helix Ultimate Joomla 6 Скачать шаблон Helix Ultimate и плагин к нему. Скачать чистую CMS Joomla 6 Скачать русский язык для Joomla 6
Загрузка файлов сайта на хостинг
Ждём 10 минут и переходим в папку сайта через менюшку, где вы прикрепляли домен, либо жмём сверху вкладку Хостинг , потом Файловый менеджер . Заходим в папку public_html - это главная папка сайта в которой будут твориться все чудеса. Открываем её и удаляем всё, что там есть, она должна быть пустая. Далее жмём вкладку Загрузить файлы , потом во всплывающем окне Browse попадаем в проводник вашей ОС на компьютере и выбираем файл архива, жмём Загрузка . Теперь у вас такая картина:
Вверху формируется путь, это важно, чтоб вы понимали где находитесь. На изображении - / адрес сайта(домен) / корневая папка сайта . Вы находитесь внутри корневой папки и видите архив с файлами сайта, который вы загрузили. Жмём правой кнопкой мыши на архив и всплывает список, в котором выбираем Распаковать архив . Потом всплывет окно, в котором путь для распаковки. Обычно всё совпадает автоматически, но лучше сверить пути - вверху и в этом окошке и нажать Ок . Всё, архив распакован. Удалите теперь сам zip архив, кликнув пк мыши на него, и выбрать - Удалить , он вам больше не нужен. Вот так это должно выглядеть: Итак, файлы сайта на месте, приступаем к установке Joomla. Создаем файлик блокнотом в формате imya-sayta.txt и записываем туда следующие данные:
Админ панель сайта: Имя администратора ***** Логин ****** Пароль ***** База данных: БД ******** Пароль ****** Ну, и для эстетического порядка внесите в этот файлик логин и пароль для входа на хостинг.
Создание базы данных
Создаем базу данных. . Не выходите из Файлового менеджера , перейдите на соседнюю вкладку браузера и попадёте в панель управления хостингом. Переходим в раздел MySQL . В поле Имя базы уже стоит префикс нижним подчеркиванием. Дописываем туда имя БД - prefix_mybaza и генерируем пароль. Теперь вносите эти данные в файлик, соответстевнно БД - это имя базы данных, пароль - вписываем от БД. Выше, в файлике, где админ панель сайта, придумываете логин и пароль для входа в административную панель сайта, должно быть не менее 12-ти символов. Для этого лучше использовать генератор паролей, который вы найдете в Яндексе или Гугле.
Итак, подытожим: файлы сайта распакованы на хостинге в папке public_html, а так же создана база данных. Естественно домен куплен, прилинкован к директории сайта, и создан сертификат SSL. Далее переходим к установке CMS Joomla на хостинге, то есть запускаем сайт.
Установка CMS Joomla
Пишем в самой верхней строке браузера адрес вашего сайта, то есть домен, который вы зарегистрировали, и жмём Enter. Вот так это выглядит: В поле Название сайта вводим название вашего сайта - vash-site.ru и жмём Параметры учетной записи . Открываются Параметры учетной записи и здесь вводим Имя администратора , Логин администратора , Пароль администратора и E-mail администратора . Почту можете ввести любую, потом изменить. Всё пишется латиницей, кроме имени, его можно писать и так, и так. Смело жмём Параметры базы данных и переходим к самому интересному, где новички часто ошибаются. Будьте внимательны и пошагово копируйте действия написанные здесь.
Имя пользователя базы данных и Параметры базы данных - это одно и тоже, туда вводится имя базы данных, созданная вами на хостинге, которая с префиксом. Пароль пользователя базы данных - это пароль, который вы создали для базы данных на хостинге и записали его в файлик.
Вам нужно ввести базу данных в поля Имя пользователя базы данных и в Имя базы данных , а пароль от вашей базы данных ввести в поле Пароль пользователя базы данных . Остальное не трогаем ничего. Внимание! Задействованы только три поля - Имя пользователя базы данных , Имя базы данных и Пароль пользователя базы данных . В остальных полях ничего не меняем. Если вы все правильно сделали, то появится поздравительное окошко от Joomla. Теперь переходим в где Установку языковых пакетов для установки русского языка на сайт и в панель управления.
Установка русского языка
В установке языков выбираем Russian. Если понадобятся еще языки, то можете установить дополнительные, хотя можно и потом.Может произойти следующее. Вы жмёте Установить выбранные языки , но ничего не происходит . Тогда перейдите вверх странички и увидите предупреждение, что язык не удалось установить. Ничего страшного, вы его дальше установите. Это из за санкций, проделки разаработчиков Joomla. Хотя немало российских программмистов учавствуют в процессе разработки, но бывает и такое. Это все легко решается установкой через установки расширений. Внизу жмите вкладку Пропустить и Открыть панель управления . Если что-то пошло не так, то вводите в адресную строку браузера(в самом верху) адрес вашего сайта и через слеш administrator и жмёте Enter. Должно быть так: vash-site.ru/administrator . Попадаем в административную панель сайта. Берем из файлика логин и пароль от админ панели, вводим и жмём Log in и заходим в админку сайта. Далее, слева где гаечный ключик жмём System → Extensios → Upload Package File → Or browse for file → Попадаете в проводник ОС вашего компьютера и выбираете zip файл русского языка, который вы скачаете здесь или выше, где файлы CMS Joomla и шаблона. Как только вы в проводнике кликнули на zip файл языка, он сразу устанавливается автоматически и вы должны увидеть это: Теперь возвращаемся в System , потом идём в Language , только как показано на картинке ниже, потому что там два одинаковых Language , только в разных разделах, будьте внимательны.Итак, осталось всего два клика ваших мучений . Ниже на скрине показано - нужно кликнуть напротив русского языка(стрелка внизу). Теперь желтая звёздочка переместилась с английского языка на русский. Далее делаем тоже самое, только нужно переключить(стрелка вверху) с Site на Administrator . И так же звёздочка должна переместиться на русский язык. То есть, вы включили русский язык на сайте, потом в администартивной панели. Всё, русский язык установлен. Вот так это выглядит:Поздравляю ! Ваш сайт создан. Кликайте по ссылке названия вашего сайта, вверху в админке и вас перекинет на лицевую часть сайта. И если вы устанавливали Quickstart от Joomshaper, то сайт уже в какой-то степени настроен. Вы можете посмотреть возможности расположения блоков, изображений и галереи, а так же боковое и выпадающее меню. Разаработчики вкинули вам бесплатные версии компонентов SP Page Builder, SP Easy Image Gallery и SP Simple Portfolio. Этих возможностей обычно хватает для сайта-визитки, блога, каталога или информационного сайта. Пройдитесь по меню сайта. В выпадающем меню Home на самом сайте есть образцы готовых страниц. Так же справа от Home есть образец галереи, портфолио, блога и других возможностей CMS Joomla с шаблоном и компонентами от Joomshaper, которые вы можете реализовать на своём сайте.
А в следующей статье мы будем настраивать CMS Joomla . Продлим время сессии, чтоб не выкидывало постоянно из админки, переведем сайт на протокол HTTPS, и включим другие полезные функции.