- Видео урок.
- Подготовительный этап и примечания по видео урокам.
- Ссылки и расширения из видео урока.
- Список вопросов, рассмотренных в уроках 1-9.
Информация почти полностью актуальна для Joomla 5 (примечание добавлено 21.10.2023).
Joomla 4 – это бесплатная русскоязычная «платформа» для создания сайтов практически любой сложности: лендинги, сайты-визитки, каталоги, интернет магазины, блоги, форумы, социальные сети, доски объявлений и т.д..
Видео урок
- Установка и настройка локального сервера OpenServer – 00:02:17.
- Установка Joomla 4 на OpenServer – 00:12:15.
- Русификация Joomla 4 – 00:16:56.
- Перенаправлять URL (файл «.htaccess») – 00:17:52.
- Смена логина и пароля своей учётной записи – 00:23:59.
- Создание новых пользователей – 00:24:18.
- Отключение модулей админки – 00:25:15.
Видео лучше просматривать с качеством 720 HD. Этот и другие видео уроки можете найти на каналах сайта Aleksius.com в YouTube и Mail.ru.
Для Джумла существует более 6000 расширений для обеспечения функциональности и тысячи шаблонов для формирования дизайна. Часть из них бесплатные, часть платные. Система переведена на десятки языков, включая русский, украинский, английский, немецкий, французский и т.д. Для неё легко найти недорогой или даже бесплатный хостинг, а также документацию и видео уроки.
В данном цикле видео уроков мы рассмотрим пошаговый процесс самостоятельного создания сайта на Joomla 4 с нуля и до выгрузки на хостинг. В видео будут рассмотрены только бесплатные расширения. За основу будет взят бесплатный шаблон Helix Ultimate, а в качестве основного компонента для создания страниц рассмотрим конструктор контента SP Page Builder Lite.
По итогам цикла видео уроков получится сайт фирмы (рисунок ниже) на русском языке с адаптивным дизайном, главной страницей в виде мини-лендинга, галереей работ, блога, страницы контактов и т.д. Ориентировочный пример конечного сайта можно увидеть на демонстрационном сайте разработчика.
В уроке участвует последняя доступная мне, на момент написания статьи (24.12.2021), русскоязычная версия Joomla 4.0.5 и Open Server Panel 5.4.1.
Аналогичный видео урок, но на украинском языке и для более новой версии Joomla, доступен в статье «Відеоурок 1. Самостійне створення сайту на Joomla 4».
Подготовительный этап и примечания по видео урокам
В предыдущем цикле видео уроков по самостоятельному созданию сайта мы рассмотрели Joomla 3. Несмотря на то, что предыдущие уроки вышли в декабре 2017 года, настоятельно рекомендую ознакомиться с теоретической составляющей, описанной в статье «Видео уроки Joomla (часть 1). Как создать сайт кафе», которая касается подготовительного этапа. Данный этап выполняется до непосредственного создания сайта и может существенно улучшить конечный результат и сократить время на саму разработку сайта. Эта информация не устарела и пригодится для тех, кто решил самостоятельно создать сайт в Джумла 4.
Также рекомендую ознакомиться с такими теоретическими вопросами, актуальными и для Joomla 4:
- Компоненты, модули и плагины.
- Где искать расширения Joomla.
- Шаблон и его позиции, сетка Bootstrap.
- URL, алиасы, имена файлов.
Примечания касательно видео уроков. В конце каждой статьи с видео уроком могут даваться ссылки на дополнительные материалы и ссылки на загрузку разных расширений, которые использовались в видео (если таковы были).
Ссылки и расширения из видео урока
- Ориентировочны пример конечного сайта.
- Предыдущий цикл видео уроков по Joomla 3.
- Подготовительный этап (теория).
- OpenServer.
- Технические требования к серверу для Joomla.
- Форум OpenServer.
- Документация OpenServer.
- Скачать Joomla.
- Скачать Notepad++ для переименования «htaccess.txt» в «.htaccess».
Файлы доступны для загрузки под статьёй над комментариями.
Список вопросов, рассмотренных в уроках 1-9
- Установка и настройка локального сервера OpenServer – 00:02:17.
- Установка Joomla 4 на OpenServer – 00:12:15.
- Русификация Joomla 4 – 00:16:56.
- Перенаправлять URL (файл «.htaccess») – 00:17:52.
- Смена логина и пароля своей учётной записи – 00:23:59.
- Создание новых пользователей – 00:24:18.
- Отключение модулей админки – 00:25:15.
- Ускорение сайта на OpenServer – 00:01:00.
- Установка шаблона в Joomla 4 – 00:01:56.
- Установка расширений в Joomla 4 – 00:03:28.
- Обновление расширений из админки Джумла 4 – 00:05:20.
- Настройка шаблона и создание шапки сайта – 00:06:26.
- Создание подвала сайта (работа с модулями) – 00:15:55.
- Создание меню в Joomla 4 – 00:22:17.
- Создание страницы и пункта меню – 00:00:41.
- Создание страницы в SP Page Builder – 00:02:07.
28.07.2022 вышла стабильная новая версия SP Page Builder Lite 4. Если Вы хотите использовать её, рекомендую ознакомиться с видео уроком «Как пользоваться SP Page Builder 4 (часть 1)». В нём показано создание тех же страниц, что и в данном цикле видео уроков, но в 4-й версии конструктора контента.
- Создание страницы «О нас» – 00:02:45.
- Создание страницы «Наши проекты» – 00:14:00.
28.07.2022 вышла стабильная новая версия SP Page Builder Lite 4. Если Вы хотите использовать её, рекомендую ознакомиться с видео уроком «Как пользоваться SP Page Builder 4 (часть 2)». В нём показано создание тех же страниц, что и в данном цикле видео уроков, но в 4-й версии конструктора контента.
- Обновление c Joomla 4.0.5. до 4.0.6 – 00:00:52.
- Создание страницы контактов – 00:06:36.
- Карта Google – 00:12:57.
- Форма обратной связи в подвале – 00:15:15, 00:34:06.
- Настройка почты в Joomla 4 – 00:22:50.
- Отправка писем через Gmail – 00:24:46.
- Отправка писем через Яндекс почту – 00:29:22.
- Отправка писем через Почту Mail.ru – 00:30:39.
- Загрузка и установка расширений – 00:00:49.
- Создание категории и пункта меню – 00:03:25.
- Загрузка картинок при помощи медиа-менеджера – 00:04:12.
- Создание материалов (статей) – 00:05:48.
- Вставка видео с YouTube в материалы Joomla 4 – 00:09:58.
- Настройка страницы «Блог» – 00:12:16.
- Модуль новостей – 00:14:12.
- Комментарии в Джумла 4 – 00:16:12.
- Кнопки шеринга – 00:20:11.
- Установка и настройка Akeeba Backup Core – 00:00:49.
- Перенос Joomla 4 на Хостинг Украина – 00:03:03.
- Перенос Джумла 4 на хостинг Reg.ru – 00:12:22.
- Смена логина и/или пароля администратора – 00:01:57.
- Отключение регистрации в Joomla 4 – 00:02:29.
- Установка и настройка Securitycheck – 00:02:59.
- Резервное копирование – 00:11:12.
- Капча в формы Joomla 4 – 00:12:58.
- Тест скорости сайта до оптимизации – 00:17:05.
- Кэширование в Джумла 4 – 00:19:48.
- Сжатие изображений – 00:22:13.
- Установка и настройка JCH Optimize Core – 00:25:34.
- Тест скорости сайта после оптимизации – 00:33:29.
- Собственные CSS стили – 00:01:34.
- SEO анализ сайта в программе SiteAnalyzer – 00:03:24.
- Мета-данные (заголовки, описания) – 00:06:20.
- Отсутствующий или пустой H1 – 00:15:20.
- Дубликаты Title – 00:17:16.
- Дубликаты Description – 00:17:50.
- Одинаковые Title и H1-H6 – 00:18:03.
- Отсутствует Alt – 00:19:28.
- Карта сайта для Joomla 4 – 00:20:59.
- Добавление сайта в Google Search Console – 00:23:09.
- Добавление сайта в Яндекс Вебмастер – 00:27:35.
- Добавление на сайт Google Analytics – 00:29:54.
- Добавление на сайт Яндекс Метрики – 00:32:48.
В следующей статье «Видео урок (часть 2). Самостоятельное создание сайта на Joomla 4» мы рассмотрим установку шаблона и расширений в Джумла 4 и создадим шапку (хедер), подвал (футер) и меню сайта.
| Похожие материалы |
|---|
| Автор статьи – Хорошевский Алексей |
|---|
 Кандидат технических наук, преподаватель Харьковского национального университета радиоэлектроники, веб-мастер и SEO-оптимизатор с опытом более 15 лет. Специалист по созданию сайтов на Joomla и WebSite X5. Автор научных публикаций, видеокурсов и обучающего контента по веб-разработке и SEO. Ведёт блог и YouTube-канал, где делится своими знаниями и практическим опытом. Предоставляет услуги по созданию, доработке, сопровождению и продвижению сайтов. Подробнее об авторе… Публикации и работа: |
| Скачать файл | Описание |
|---|---|
| zip Файлы к видео уроку №1 | Установочный архив Joomla 4.0.5 |
