Сайт с нуля. Создаем сайт на CMS Joomla 3.

Урок №1

Сайт с нуля. Создаем сайт на CMS Joomla 3

Вступление. Обзор будущего сайта

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

Урок №2

Сайт с нуля. Создаем сайт на CMS Joomla 3

Создание рабочей среды. Эффективность и удобство при создании сайтов

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

Урок №3

Сайт с нуля. Создаем сайт на CMS Joomla 3

Установка локального сервера "Open Server" на компьютер

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

Урок №4

Сайт с нуля. Создаем сайт на CMS Joomla 3

Установка и русификация CMS Joomla 3

В этом уроке мы с вами скачаем джумлу с официального сайта установим ее и русифицируем.

ВНИМАНИЕ! В уроке допущена ошибка. После создания пользователя и базы данных, необходимо перезагрузить локальный сервер.

Урок №5

Сайт с нуля. Создаем сайт на CMS Joomla 3

Знакомство и настройка административной панели CMS Joomla

Этот урок посвящен знакомству с административной панелью и ее настройке.

Урок №6

Сайт с нуля. Создаем сайт на CMS Joomla 3

Установка и настройка Akeeba Backup. Создаем слепок сайта

В этом уроке мы скачаем и установим расширение Akeeba Backup с помощью которого сделаем резервную копию сайта.

Урок №7

Сайт с нуля. Создаем сайт на CMS Joomla 3

Распаковка сайта из бэкапа Akeeba Backup

Этот урок посвящен восстановлению нашего сайта из заранее подготовленного файла резервной копии.

Урок №8

Сайт с нуля. Создаем сайт на CMS Joomla 3

Выбираем шаблон для сайта на CMS Joomla 3

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

Урок №9

Сайт с нуля. Создаем сайт на CMS Joomla 3

Установка шаблона CMS Joomla 3

В это уроке мы скачаем и установим выбранный шаблон и подключим просмотр позиций модулей.

Урок №10

Сайт с нуля. Создаем сайт на CMS Joomla 3

Настройка шаблона на Joomla 3

В это уроке мы рассмотрим настройки шаблона и постараемся поменять логотип.

Урок №11

Сайт с нуля. Создаем сайт на CMS Joomla 3

Создание фавикона для сайта

Здесь мы научимся создавать и устанавливать на сайт специальную иконку фавикон.

Урок №12

Сайт с нуля. Создаем сайт на CMS Joomla 3

Структура сайта и добавление категорий

В это уроке мы разберемся со структурой нашего будущего сайта, после чего создадим категории.

Урок №13

Сайт с нуля. Создаем сайт на CMS Joomla 3

Установка и русификация редактора JCE для joomla

В это уроке мы скачаем и установим текстовый редактор JCE Editor и рассмотрим русификацию редактора.

Урок №14

Сайт с нуля. Создаем сайт на CMS Joomla 3

Установка расширений Regular Labs

В это уроке мы скачаем и установим менеджер от Regular Labs после чего рассмотрим расширения входящие в комплект.

Урок №15

Сайт с нуля. Создаем сайт на CMS Joomla 3

Размещение статьи в joomla

В это уроке мы научимся добавлять статьи и изображения на наш сайт.

Урок №16

Сайт с нуля. Создаем сайт на CMS Joomla 3

Настройка менеджера материалов в joomla 3

В это уроке мы научимся настраивать отображение нашей страницы с материалами и изменим размер текста.

Урок №17

Сайт с нуля. Создаем сайт на CMS Joomla 3

Unite Nivo Slider. Установка и настройка слайдера

Здесь мы разберем установку и настройку Unite Nivo Slider. Это красочный слайдер для нашей главной страницы.

Урок №18

Сайт с нуля. Создаем сайт на CMS Joomla 3

Создание HTML модуля в joomla

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

Урок №19

Сайт с нуля. Создаем сайт на CMS Joomla 3

Установка и настройка SIGE - Simple Image Gallery для joomla

В этом уроке мы скачаем, установим и настроим модуль SIGE - Simple Image Gallery, для создания красочной галереи.

Урок №20

Сайт с нуля. Создаем сайт на CMS Joomla 3

Размещение видео с Ютуб на сайте joomla

В этом уроке мы научимся вставлять видео ролики на наш сайт с помощью плагина AllVideos.

Урок №21

Сайт с нуля. Создаем сайт на CMS Joomla 3

Доделываем статьи на сайте joomla

В этом уроке мы добавим недостающие статьи и научимся готовить статьи для блога категории.

Урок №22

Сайт с нуля. Создаем сайт на CMS Joomla 3

Создаем меню в joomla 3

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

Урок №23

Сайт с нуля. Создаем сайт на CMS Joomla 3

Добавление логотипа и изменение фонового изображения в joomla

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

Урок №24

Сайт с нуля. Создаем сайт на CMS Joomla 3

Создание формы обратной связи для joomla 3

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

Урок №25

Сайт с нуля. Создаем сайт на CMS Joomla 3

Создаем страницу контакты в joomla 3

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

Урок №26

Сайт с нуля. Создаем сайт на CMS Joomla 3

Подключаем модули Breadcrumbs и самые читаемые материалы

В этом уроке мы подключим и настроим стандартные модули Breadcrumbs и популярные статьи.

Урок №27

Сайт с нуля. Создаем сайт на CMS Joomla 3

Устанавливаем социальные кнопки Joomla JL Like

В этом уроке мы установим специальный плагин социальных кнопок Joomla JL Like.

Урок №28

Сайт с нуля. Создаем сайт на CMS Joomla 3

Установка расширения JL No Doubles

В этом уроке мы скачаем, установим и настоим плагин для борьбы с дублями страниц JL No Doubles.

Урок №29

Сайт с нуля. Создаем сайт на CMS Joomla 3

Регистрация на хостинге Бегет

В этом уроке мы с Вами зарегистрируем аккаунт на хостинге Бегет, где и разместим свой сайт.

Урок №30

Сайт с нуля. Создаем сайт на CMS Joomla 3

Регистрация домена на Beget.ru

После того как мы зарегистрировали аккаунт на хостинге beget.com, мы здесь же зарегистрируем и домен.

Урок №31

Сайт с нуля. Создаем сайт на CMS Joomla 3

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

Наш сайт полностью готов и в этом уроке мы перенесем его на хостинг в интернет.

Урок №32

Сайт с нуля. Создаем сайт на CMS Joomla 3

Устанавливаем Яндекс метрику на joomla 3

В этом уроке мы установим плагин для подключения веб аналитики «Яндекс метрика».

Урок №33

Сайт с нуля. Создаем сайт на CMS Joomla 3

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

В заключительном уроке мы заявим о своем существовании, поисковым системам. И заодно установим карту сайта OSMap.

Комментарии   

Здравствуйте. Делаю сайт по вашим урокам. Сразу как я установила шаблон сверху появились 2 непонятные строчки и я не знаю что сделать чтобы их не было, при установлении других шаблонов такого нет. Подскажите что это такое и как с этим бороться. Заранее спасибо.
08.04.2019 16:13 Ответить Ответить с цитатой Цитировать
Здравствуйте, Наталья!

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

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

Успехов!
08.04.2019 16:14 Ответить Ответить с цитатой Цитировать
Спасибо что ответили. Да я уже заминила шаблон)
08.04.2019 16:15 Ответить Ответить с цитатой Цитировать
Отлично! Будут трудности, пишите.
08.04.2019 16:16 Ответить Ответить с цитатой Цитировать
Я не знаю как потом будет работать сайт и по этому не рисковала)
08.04.2019 16:17 Ответить Ответить с цитатой Цитировать
Если у Вас на компе все работает корректно, то и на хостинге все будет работать так же.
08.04.2019 16:17 Ответить Ответить с цитатой Цитировать
Не подскажите нормальный модуль для погоды?

Я что-то скачивала, но настроить не как(

Ничего не показывает кроме заголовка, что только не видела (
08.04.2019 16:18 Ответить Ответить с цитатой Цитировать
Это не модули, а виджеты. Берете любой виджет получаете html код и вставляете его в любом месте, через сорсер. Либо в поиске: "виджет погоды для joomla"
08.04.2019 16:19 Ответить Ответить с цитатой Цитировать
Посторонний код joomla как правило обрезает, поэтому и существует сорсер. Урок 14. После установки внизу редактора у Вас появится кнопка , после нажатия у вас появится всплывающее окно и форма для кода Ваш код . Только так можно победить joomla.
08.04.2019 16:20 Ответить Ответить с цитатой Цитировать
nochi.com/widgets/weather
не подскажите куда именно его нужно вставить?
08.04.2019 16:21 Ответить Ответить с цитатой Цитировать
Для начала настраиваете сам виджет под цвет вашего сайта, затем с правой стороны нажимаете кнопку получить код. Затем копируете код из нижнего окна, там прописано "для вордпресс и джумлы". Копируете этот код и вставляете в модуль.

Для этого переходите создать модуль и выбираете HTML модуль. Далее все просто. Внизу редактора жмете на кнопку код и между открывающим и закрывающим тегами "{source}" вырезаете все, что там есть и вставляете свой код.
08.04.2019 16:22 Ответить Ответить с цитатой Цитировать
Я его настроила, только не могла понять как правильно вывести

Спасибо большое
08.04.2019 16:22 Ответить Ответить с цитатой Цитировать
Успехов!
Как опубликуете сайт, пришлите пожалуйста ссылочку . Любопытно посмотреть на качество своих уроков. Понятно ли я объясняю.
08.04.2019 16:23 Ответить Ответить с цитатой Цитировать
Обязательно) только я оставила тот шаблон на которым вы все показывали. Первый, пробный пускай будет немного проще))
08.04.2019 16:24 Ответить Ответить с цитатой Цитировать
Здравствуйте, Андрей.
Вопрос о том, как сделать, чтобы в меню верхнем и правом были разные категории? И можно чтобы в правом меню подкатегории сворачивались и раскрывались?
14.04.2019 09:46 Ответить Ответить с цитатой Цитировать
Здравствуйте Ирина.
Для того что бы сделать разные меню достаточно в менеджере меню создать новое меню с нужными Вам пунктами и вывести его через модуль "меню" в нужной Вам позиции.

Теперь по второму вопросу. Сворачивающееся меню реализуется с помощью стилей шаблона, конечно можно дописать в css файл такие стили, но для Вас это будет проблематично. Самый простой способ для Вас это скачать модуль. Забиваете запрос, что то типа: "скачать модуль выпадающего меню для joomla 3". Только все расширения нужно качать с сайтов разработчика. Далее устанавливаете модуль как обычное расширение и настраиваете его под Ваши нужды.

Надеюсь смог помочь, будут вопросы, пишите. Успехов!
14.04.2019 13:33 Ответить Ответить с цитатой Цитировать
Спасибо. Попробую сделать.
14.04.2019 16:29 Ответить Ответить с цитатой Цитировать
Благодарю за помощь. Почти все получилось.
Есть еще пара вопросов:
1. Когда создается категория, в которой будет несколько подкатегорий, для нее выбирается функция Блок категорий?
2. Как поставить Поиск на сайт?
Заранее спасибо.
16.04.2019 12:44 Ответить Ответить с цитатой Цитировать
1. Совсем не обязательно. Каждый пункт меню выполняет свою функцию. Например на основную категорию можно поставить определенную статью или вовсе сделать пункт меню заглушкой. Например: Тип пункта меню/выбрать/Системные ссылки/Разделитель. В общем вариантов много.

2. Поиск на joomla реализуется через модуль: Расширения/Модули/Создать/Поиск. Далее выбираете позицию и публикуете.

Надеюсь смог Вам помочь. Успехов.
16.04.2019 20:27 Ответить Ответить с цитатой Цитировать
Застряла с Поиском.
Поставила обычный Поиск, поле для поиска есть, а кнопки Искать нет, хотя я ее включила и текст для нее написала.
Ставлю Умный Поиск, кнопка есть, но на ней нет ни надписи, ни картинки. и размер какой-то маленький по сравнению с полем поиска.
Смотрится странно и непонятно.
Где это можно исправить?
18.04.2019 18:14 Ответить Ответить с цитатой Цитировать
Часто такие проблемы возникают из за шаблона. Посмотрите в позициях модулей самого шаблона и если поставить модуль на место предусмотренное самим шаблоном, должно смотреться красиво. Второй вариант а именно правка стилей я думаю Вам на начальном этапе не подойдет.

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

Успеха!
18.04.2019 18:23 Ответить Ответить с цитатой Цитировать
Поигралась с позициями, результат тот же.
Поставила RokAjaxSearch, а он ничего не находит.
Оставила обычный Поиск без кнопки, но он почему у меня в результатах поиска выводит названия с какими-то непонятными вставками?
Грибной крем-суп на обед - вкусно, быстро и сытно ...
18.04.2019 22:07 Ответить Ответить с цитатой Цитировать
Ирина, к сожалению я сейчас не смогу помочь Вам так как не имею доступа к сайту. Как вариант: просто оставьте поиск в покое и доделывайте свой сайт, а как только его опубликуете в интернете, мы с Вами решим эту задачу.

Успехов!
19.04.2019 07:41 Ответить Ответить с цитатой Цитировать
Спасибо Вам большое за ваши уроки. Все очень доходчиво и понятно. Вот только немного напортачила.
Не пойму после чего появилась такая надпись вверху сайта:
Warning: A non-numeric value encountered in W:\domains\druge-dixanya\templates\as002064free\pa rams.php on line 169.
Сделала 2 отката назад. Не помогает.
169 строка в этом файле: $mainContentWidth = 12 - ($aside_left_width + $aside_right_width);
Помогите пожалуйста, а то уже голова пухнет. Собралась выставить на хостинг и вдруг такое.
13.05.2019 11:58 Ответить Ответить с цитатой Цитировать
Елена, судя по ошибке вы поставили шаблон из урока, к сожалению при записи урока мы использовали версию PHP 5.6 сейчас же joomla использует версия 7.2, отсюда и ошибки. К сожалению сами вы не сможете исправить эту ошибку, для этого нужно серьезно заняться изучением РНР.

Как вариант, советую Вам взять похожий шаблон только намного свежее. И не забудьте проверить настройки Open server, если там установлена РНР 5.6 необходимо настройки изменить на седьмую версию. Ссылка на урок: https://yankav.ru/sajt-joomla/khosting/11-kak-smenit-versiyu-php-na-open-servere.html
13.05.2019 12:27 Ответить Ответить с цитатой Цитировать
Андрей, очень благодарна Вам за уроки. Шаблон сменила, сайт доделала. Буду теперь его заполнять.
Как было бы здорово, если бы Вы записали урок про оптимизацию такого сайта под смартфоны.
05.06.2019 16:56 Ответить Ответить с цитатой Цитировать
Загрузила расширение Regular Labs. Но оно не работает. Пишет "Невозможно установить связь с сайтом Regular Labs. Повторите попытку позднее". И так уже сутки. Пробовала поставить отдельно каждое расширение - тот же эффект. Не подскажите в чем дело?
30.05.2019 13:35 Ответить Ответить с цитатой Цитировать
Здравствуйте, Алина. Если честно, я ни разу не сталкивался с такой проблемой, поэтому могу только подсказать направление поиска решения. Для начала попробуйте переустановить сам компонент. Сделать это можно из панели управления всего компонента, либо через полную деинсталляцию.
01.06.2019 16:13 Ответить Ответить с цитатой Цитировать
План действий:
1. Скачиваем последнюю версию расширения с сайта разработчика.
2. Деинсталлируем сам Extension Manager. Для этого переходим: Расширения -> Менеджер расширений -> Управление. Далее в поиске прописываем Extension Manager и жмем на иконку лупы.
3. Затем галочками помечаем все установленные расширения и жмем на кнопку "Деинсталлировать".
4. На этой же странице переходим к левому меню и жмем на кнопку "База данных".
5. Перейдя на страницу жмем "Исправить".
После проделанных операций чистим КЭШ браузера и производим установку компонента по новой.
Иногда бывает так, что после установки Экстеншн менеджера, компонент перед инсталляцией требует обновления, в таком случае необходимо нажать на кнопку «Обновить».
01.06.2019 16:14 Ответить Ответить с цитатой Цитировать