Уроки по Joomla

Уроки по Joomla

Видео уроки по созданию сайтов на Joomla. На русском языке с применением платных и бесплатных расширений. Пошаговое создание сайта от «проектирования» до выгрузки на хостинг. Теория и практика. Ответы на вопросы в комментариях.

  • Видео уроки Joomla (часть 1). Как создать сайт кафе

    • Тип – русскоязычный бесплатный движок для создания сайта.

     

     

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

  • Видео уроки Joomla (часть 2). Создаём сайт с нуля самостоятельно

    • Тип – бесплатная программа для создания сайтов.

     

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

    В предыдущей статье «Видео уроки Joomla (часть 1). Как самостоятельно создать сайт» мы рассмотрели теоретические моменты в вопросе создания сайта с нуля и на практике (в видео) начали создавать сайт кафе. В этой статье содержится урок, в котором показан пример разработки главной страницы сайта в виде лендинга (посадочная страница, на англ. landing page).

  • Видео инструкции Джумла (часть 3). Как самостоятельно и бесплатно создать сайт

    • Тип – бесплатная программа для разработки веб-сайтов.

     

     

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

    Продолжаем пошаговое руководство по самостоятельному созданию сайта при помощи бесплатных и платных расширений на Joomla. В прошлых видео-уроках мы развернули на своём компьютере локальный сервер Open Server, установили Joomla, шаблон и несколько расширений. Также произвели базовые настройки движка, сделали меню, настроили шаблон и во второй части цикла статей создали главную страницу сайта в виде лендинга при помощи бесплатного компонента RSPageBuilder. В данном видео уроке мы создадим страницу меню нашего сайта пиццерии (рисунки ниже).

  • Пошаговая инструкция Joomla (часть 4). Самостоятельное создание сайта

    • Тип – бесплатная программа для создания сайтов.

     

     

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

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

    В этом видео поработаем с расширениями для создания галерей. Будет рассмотрен платный компонент RSMediaGallery и бесплатные альтернативы RSShowcase и sigplus.

  • Как сделать сайт на Джумла (часть 5). Пошаговая инструкция

    • Тип – бесплатная программа для создания сайтов.

     

     

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

    В этом видео создадим страницу «О нас» при помощи уже знакомого бесплатного расширения RSPageBuilder, добавим видео с YouTube и социальные кнопки.

  • Пошаговая инструкция создания сайта на Joomla (часть 6)

    • Тип – бесплатная программа для создания сайтов.

     

     

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

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

  • Видео уроки Джумлы (часть 7). Пошаговая инструкция создания сайта

    • Тип – бесплатная программа для создания сайтов.

     

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

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

  • Видео урок №8. Создаём сайт на Joomla с нуля

    • Тип – бесплатная программа для создания сайтов.

     

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

    В этом видео рассмотрим, как можно создать страницу контактов с формой обратной связи и картой Google. Также затронем вопрос переноса сайта на хостинг.

  • Урок по TinyMCE. Визуальный текстовый редактор Joomla 3

    • Тип – редактор в Джумле 3.

     

     

    TinyMCE – это бесплатный русскоязычный визуальный текстовый редактор, встроенный в Joomla по умолчанию. Он применяется при редактировании материалов (рисунок ниже); в модуле HTML-код; товарах и категориях VirtueMart, DJ-Catalog2, DJ-Classifieds, HikaShop и в десятках других расширений. Работа с инструментами почти одинакова в большинство этих случаев. Многие рассмотренные инструменты будут актуальны для почти любых версий Joomla вплоть до Joomla 1.5.

  • Урок по TinyMCE. Визуальный текстовый редактор Joomla 4

    • Тип – редактор в Джумле 4.

     

     

    Информация почти полностью актуальна для Joomla 5 (примечание добавлено 21.10.2023).

    TinyMCE – это бесплатный русскоязычный визуальный текстовый редактор, встроенный в Joomla по умолчанию. Он применяется при редактировании материалов (рисунок ниже); в модуле HTML-код; товарах и категориях VirtueMart, DJ-Catalog2, DJ-Classifieds, HikaShop и в десятках других расширений. Работа с инструментами почти одинакова в большинство этих случаев. Многие рассмотренные инструменты будут актуальны почти для любых версий Joomla, вплоть до Joomla 1.5.

    В предыдущей статье «Урок по TinyMCE. Визуальный текстовый редактор Joomla 3» мы рассмотрели этот же редактор, но в рамках 3-й версии Джумла. Также Вас может заинтересовать статья с «Видео урок по текстовому редактору JCE в Joomla», в которой рассмотрен альтернативный бесплатный компонент – JCE. Статья актуальна как для 4-й так и для 3-й версии Джумла.

  • Самостоятельное создание сайта (часть 1). Как сделать сайт на Joomla 4

    • Тип – бесплатная CMS для создания сайтов.

     

     

    Информация почти полностью актуальна для Joomla 5 (примечание добавлено 21.10.2023).

    Joomla 4 – это бесплатная русскоязычная «платформа» для создания сайтов практически любой сложности: лендинги, сайты-визитки, каталоги, интернет магазины, блоги, форумы, социальные сети, доски объявлений и т.д. Для Джумла существует более 6000 расширений для обеспечения функциональности и тысячи шаблонов для формирования дизайна. Часть из них бесплатные, часть платные. Система переведена на десятки языков, включая русский, украинский, английский, немецкий, французский и т.д. Для неё легко найти недорогой или даже бесплатный хостинг, а также документацию и видео уроки.

  • Видео урок (часть 2). Самостоятельное создание сайта на Joomla 4

    • Тип – бесплатная CMS для создания сайтов.

     

     

    Информация почти полностью актуальна для Joomla 5 (примечание добавлено 21.10.2023).

    В предыдущем видео-уроке «Самостоятельное создание сайта (часть 1). Как сделать сайт на Joomla 4» мы установили и настроили локальный сервер OpenServer, установили в него Joomla 4, русифицировали её и частично настроили. В этом видео-уроке рассмотрим, как можно устанавливать расширения, поработаем с настройками шаблона и займёмся шапкой и подвалом сайта.

  • Видео урок по Joomla 4 (часть 3). Как самому сделать сайт с нуля и бесплатно

    • Тип – бесплатная CMS для создания сайтов.

     

     

    Информация почти полностью актуальна для Joomla 5 (примечание добавлено 21.10.2023).

    В предыдущей статье «Видео урок (часть 2). Самостоятельное создание сайта на Joomla 4» мы установили шаблон, настроили его и при помощи модулей создали подвал сайта. Плюс, поработали с меню Joomla 4. В этой статье создадим главную страницу сайта при помощи бесплатного конструктора контента SP Page Builder Lite (рисунок ниже). В моём блоге есть цикл статей с видео обзорами бесплатной и платной версиями этого расширения.

  • Видео урок по Joomla 4 (часть 4). Бесплатное пошаговое создание сайтов

    • Тип – бесплатная CMS для создания сайтов.

     

     

    Информация почти полностью актуальна для Joomla 5 (примечание добавлено 21.10.2023).

    В предыдущей статье «Видео урок по Joomla 4 (часть 3). Как самому сделать сайт с нуля и бесплатно» мы создали главную страницу сайта при помощи бесплатного конструктора контента SP Page Builder Lite. В этой части продолжим работу с данным компонентом, создав страницу «О нас» (рисунок ниже), а также создадим страницу «Наши проекты» в виде галереи изображений с подписями. Для галереи будем использовать бесплатный плагин sigplus. Подробнее о нём можно прочесть в предыдущей статье в моём блоге «Обзор sigplus. Галерея в материале Joomla».

  • Видео урок по Joomla 4 (часть 5). Пошаговая инструкция по созданию бесплатного сайта

    • Тип – бесплатная CMS для создания сайтов.

     

     

    Информация почти полностью актуальна для Joomla 5 (примечание добавлено 21.10.2023).

    В предыдущей статье «Видео урок по Joomla 4 (часть 4). Бесплатное пошаговое создание сайтов» мы создали страницу «О нас» в бесплатном конструкторе контента SP Page Builder Lite, а также добавили галерею работ на бесплатном плагине sigplus. В этой статье рассмотрим создание страницы «Контакты» (рисунок ниже) с формой обратной связи, контактными данными и картой Google с отметкой на ней местоположения нашей фирмы. Плюс добавим форму контактов в подвал сайта и поговорим о настройке отправки почты с сайта через бесплатные почтовые сервисы Gmail, Яндекс Почту и Почту Mail.ru.

  • Видео урок по Joomla 4 (часть 6). Блог с комментариями

    • Тип – бесплатная CMS для создания сайтов.

     

     

    Информация почти полностью актуальна для Joomla 5 (примечание добавлено 21.10.2023).

    В предыдущей статье «Видео урок по Joomla 4 (часть 5). Пошаговая инструкция по созданию бесплатного сайта» мы обновили Joomla с 4.0.5 до 4.0.6, создали страницу контактов, разместили в подвале форму обратной связи, а также рассмотрели процесс настройки отправки почты сайта через бесплатные почтовые сервисы Gmail, Яндекс Почту и Почту Mail.ru.

    В этой статье создадим блог (информационно-новостной раздел) с комментариями (CComment Core), кнопками шеринга в социальные сети (JL Like), а также рассмотрим вставку видео с YouTube в материалы Joomla (AllVideos).

  • Видео урок по Joomla 4 (часть 7). Бесплатное создание сайта с нуля

    • Тип – бесплатная CMS для создания сайтов.

     

     

    Информация почти полностью актуальна для Joomla 5 (примечание добавлено 21.10.2023).

    В предыдущей статье «Видео урок по Joomla 4 (часть 6). Блог с комментариями» мы добавили на сайт блог с комментариями и кнопками шеринга в социальные сети. А также рассмотрели вопрос вставки видео в материалы Джумла 4 с YouTube.

    В этой статье рассмотрим перенос сайта с локального сервера Open Server Panel на реальный хостинг. Для примера возьму Хостинг Украина и Reg.ru. Чтобы упростить процесс переноса буду использовать бесплатный компонент Akeeba Backup Core (рисунок ниже).

  • Видео урок по Joomla 4 (часть 8). Базовая защита и ускорение сайта

    • Тип – бесплатная CMS для создания сайтов.

     

     

    Информация почти полностью актуальна для Joomla 5 (примечание добавлено 21.10.2023).

    В предыдущей статье «Видео урок по Joomla 4 (часть 7). Бесплатное создание сайта с нуля» мы рассмотрели перенос сайта с локального сервера Open Server Panel на реальный хостинг. В этой части поговорим о защите сайта от взлома, его ускорении, а также добавим капчу в формы обратной связи.

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

  • Видео урок по Joomla 4 (часть 9). Обучение самостоятельному созданию сайта

    • Тип – бесплатная CMS для создания сайтов.

     

     

    Информация почти полностью актуальна для Joomla 5 (примечание добавлено 21.10.2023).

    В предыдущей статье «Видео урок по Joomla 4 (часть 8). Базовая защита и ускорение сайта» мы поговорили о защите сайта от взлома, его ускорении, а также добавили капчу в формы обратной связи. В этой части поговорим про добавление собственных CSS стилей, а также затронем вопрос базовой SEO оптимизации Джумла 4.

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

  • Урок по меню Джумла 4. Создание и редактирование

    • Тип – встроенный в Joomla компонент Меню.

     

     

    Информация почти полностью актуальна для Joomla 5 (примечание добавлено 21.10.2023).

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

    К его созданию нужно подойти очень и очень ответственно ещё на этапе проектирования сайта. Обязательно продумайте, какие пункты меню нужно создать, какова их иерархическая вложенность, как они будут называться и т.д. Вы в любой момент сможете изменить, добавить или удалить меню, но лучше продумать изначально его структуру так, чтобы её можно было легко масштабировать без влияния на уже существующие пункты меню, так как это может повлиять на структуру URL адресов.

  • Урок по меню сайта Joomla 3. Создание и редактирование

    • Тип – встроенный в Joomla 3 компонент Меню.

     

     

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

    В предыдущей статье «Урок по меню Джумла 4. Создание и редактирование» мы рассмотрели работу с меню Joomla 4. Между 3-й и 4-й версиями очень много общего. Но из-за кардинальной смены шаблона в 4-й версии, визуально, есть ряд отличий. Поэтому, теоретические вопросы и часть практических, рассмотренных в предыдущей статье и видео уроке будут актуальны и для 3-й версии. По большому счёту, базовые принципы работы с меню не менялись как минимум с Joomla 1.5, возможно, и с 1.0 (с которой я не сталкивался).

  • Настройка мультиязычности Joomla 4

     

    Информация почти полностью актуальна для Joomla 5 (примечание добавлено 21.10.2023).

    О том, зачем нужен перевод сайта на разные языки и как к нему подготовиться Вы может узнать в предыдущей статье «Мультиязычность Joomla. Как перевести сайт на несколько языков». Все теоретические и часть практических вопросов, которые там затронуты, актуальны не только для Joomla 3, но и для 4-й версии. В Джумла 4 и 3 встроена система мультиязычности – перевода сайта на несколько языков. Многие сторонние расширения полностью поддерживают её. А те, что не поддерживают (или поддерживают частично), как правило, обладают или своей собственной системой или позволяют настроить мультиязычность при помощи Falang и аналогичных компонентов.

  • Категории Джумла 4. Создание, настройка и вывод категорий

     

    Информация почти полностью актуальна для Joomla 5 (примечание добавлено 21.10.2023).

    Категории (com_categories) – это встроенный в Joomla компонент для создания категорий материалов. Категории незаменимы в ситуации, когда есть материалы, которые нужно разделять по темам. Разделённые таким образом материалы можно выводить на отдельных страницах. Например, «Расширения», «Шаблоны» и «Защита сайта». По сути, категории – это как папки в Windows и других операционных системах, а материалы – файлы внутри этих папок.

  • Материалы Джумла 4. Создание, управление и вывод на сайте

     

    Информация почти полностью актуальна для Joomla 5 (примечание добавлено 21.10.2023).

    Материалы (com_content) – это встроенный в Joomla компонент для создания и управления материалами. В основном, под материалами подразумевается основная часть страницы, содержащая текстовую и графическую информацию. Материал ещё можно назвать статьёй, публикацией, постом и т.д. Кроме текста и изображений материал может содержать видео, аудио, анимацию, модули и всё, что можно отображать на сайте. По сути, материалы – это универсальная «единица» контента, при помощи которой можно отображать разнообразное содержимое.

    В статье «Урок по TinyMCE. Визуальный текстовый редактор Joomla 4» мы рассмотрели работу с текстовым редактором, а в статье «Категории Джумла 4. Создание, настройка и вывод категорий» поговорили о пользе категорий материалов. А в данном уроке посмотрим, как можно настроить и вывести материалы на сайте.

  • Метки Joomla 4. Создание и использование тегов

     

    Информация почти полностью актуальна для Joomla 5 (примечание добавлено 21.10.2023).

    Теги (com_tags) – это встроенный в Joomla компонент для создания и управления тегами (метками). В предыдущей статье «Обзор Joomla com_tags. Добавление меток материалов» мы достаточно подробно рассмотрели данный компонент на примере Joomla 3. В 4-й версии изменений нет. О всех теоретических аспектах работы с данным компонентом Вы можете узнать в предыдущей статье. В этом видеоуроке поговорим о практической стороне работы с метками в Joomla 4.

    В уроке участвует последняя доступная мне, на момент написания статьи (15.06.2022), русскоязычная версия Joomla 4.1.5, шаблон фронтальной части сайта Cassiopeia 1.0.

  • Шаблоны и стили Joomla 4. Установка, настройка, просмотр позиций

     

    Информация почти полностью актуальна для Joomla 5 (примечание добавлено 21.10.2023).

    Шаблон Joomla – это расширение, которое отвечает за внешний вид сайта. По сути, это дизайн сайта. В шаблон заложено то, как будет отображаться каждый элемент сайта. Там заложены все шрифты, цвета, макет (расположение разных элементов), отступы, тени, градиенты и т.д. Оформление внешнего вида сайта, его дизайн, обеспечивается за счёт стилей (CSS). Есть шаблоны для админки (панели управления) Joomla и для сайта (той части, которую видят все посетители).

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

  • Настройка Джумла 4. Почта, кэширование, SEF и т.д.

     

    Информация почти полностью актуальна для Joomla 5 (примечание добавлено 21.10.2023).

    Общие настройки Joomla 4 доступны на главном экране в блоке System или в меню Система – Общие настройки. Там содержатся «глобальная» конфигурация, влияющая на работу всего сайта в целом: доступность сайта для обычных пользователей, настройки URL, кэширование, параметры сессий, настройки базы данных, почты, логирования и фильтра текста. Некоторые расширения могут содержать свои собственные настройки, переопределяющие общие. Например, настройки почты. Но в большинстве случаев заданные тут параметры относятся ко всему сайту.

  • Модули Joomla 4. Вывод на сайте, просмотр позиций, настройка

     

    Информация почти полностью актуальна для Joomla 5 (примечание добавлено 21.10.2023).

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

    Общие принципы работы с модулями, рассмотренные в данном уроке, актуальны не только для 4-й версии Джумла, но и для более ранних, начиная с 1.5.

  • Пользователи Joomla 4. Регистрация, группы и права доступа

     

    Информация почти полностью актуальна для Joomla 5 (примечание добавлено 21.10.2023).

    Для разграничения прав доступа, а также для персонализации сайта в Joomla 4 есть пользователи. Пользователи разделены на группы, а группы – на уровни. Эту «систему» называют ACL (от англ. Access Control List – список контроля доступа). В настройках многих «элементов» Joomla (материалы, модули, пункты меню и т.д.) есть вкладка Права доступа. При помощи неё можно указать, какие группы пользователей могут совершать те или иные действия с каждым конкретным элементом. А при помощи уровней доступа можно отображать или скрывать разные элементы для разных групп пользователей. Для этого во многих элементах есть опция Доступ.

    Разграничение прав доступа на базе ACL поддерживают не только встроенные в Joomla расширения, но и многие сторонние. За счёт наличия учётной записи пользователя на сайте у каждого человека может быть свой отдельный личный кабинет, для него можно отображать/скрывать разные элементы сайта, вести персональную переписку с ним, отображать специальные цены на товары и т.д.

  • Умный поиск Joomla 4. Индексация поиска, настройки модуля

     

    Информация почти полностью актуальна для Joomla 5 (примечание добавлено 21.10.2023).

    В предыдущих статьях уже рассматривались разные компоненты поиска по сайту для Joomla 2.5-3.х. Также были рассмотрены сторонние сервисы от Google и Яндекс, которые не привязаны к конкретной CMS. Плюс, поднимался вопрос того, каким должен быть поиск по сайту и проводилось сравнение шести «вариантов» поиска.