Создание сайта для клининговых услуг с нуля (подробная инструкция + шаблон сайта для скачивания)

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

Если после просмотра инструкции у вас останутся вопросы — пишите их в комментарии и я постараюсь их разобрать.

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

Как скачать:
Дополнительно я добавил ссылку на скачивание архива с сайтом визиткой (из урока) и прикрепил инструкцию по установке его к себе на хостинг.

Так же, в описании находятся таймкоды на темы из видео.

Инструкция по созданию сайта для клининговой сферы

Создание сайта для клининга — доп. материалы:

➡ Хостинг, домен и CMS регистрируем тут: https://clck.ru/JLr9M
➡ Генератор логотипов для сайта тут: https://clck.ru/MPpyv
➡ Бесплатный курс по созданию сайтов с нуля тут: https://clck.ru/NBKzT

Как скачать шаблон сайта и установить к себе на хостинг

?Шаблон сайта из видео можно скачать тут: https://yadi.sk/d/jgiz8hOkGPj08w
?Инструкция по размещению сайта на хостинге и подключение домена тут: https://youtu.be/rvl3gDmuj_o

Название плагинов и тем, которые я использую в видео:

1. Тема — ASTRA
2. Плагины:
   • Elementor
   • Elementor — Header, Footer & Blocks
   • Contact form 7
   • jQuery Smooth Scroll
   • Popup Maker

Дополнительные материалы:

1. Как придумать доменное имя для своего сайта: https://clck.ru/NBhsQ
2. Как зарегистрировать домен и подключить его к сайту: https://youtu.be/6bkvslQMH6E
3. Бесплатные изображения для сайта можно брать тут: https://clck.ru/JfNoy
4. Бесплатные иконки для сайта можно брать тут: https://clck.ru/NBhcs
5. Конструктор карт Яндекса тут: https://clck.ru/EXnJi

Коды на мессенджеры и прочее:

1. WhatsApp — whatsapp://send?phone=
2. Viber — viber://contact?number=
3. Telegram — tg://resolve?domain=
4. Телефон — tel:
5. Емейл — mailto:

Таймкоды на темы из видео:

0:40 — организационные моменты
2:46 — регистрация на хостинге и настройка аккаунта
4:39 — коротко о доменах и поддоменах
5:06 — установка CMS WordPress (создание сайта)
8:05 — обновление WP
8:42 — внутренние настройки WP
12:12 — что такое темы и как их устанавливать
15:15 — настройка темы Астра
20:50 — что такое плагины и установка плагинов
24:57 — создание страниц
28:00 — обзор Elementor
33:45 — создаем каркас сайта
34:18 — создаем «шапку» сайта
36:53 — создаем первый экран
38:39 — создаем раздел «услуги»
40:08 — создаем раздел «примеры работ»
41:00 — создаем раздел «Отзывы»
43:55 — создаем раздел «Почему мы»
45:18 — создаем раздел «Нам доверяют»
45:49 — создаем раздел «Блок с контактной формой»
46:30 — создаем раздел «Контакты»
47:34 — создаем раздел «Подвал»
48:25 — настройка дизайна «Шапки»
54:58 — создаем меню для «Шапки»
58:55 — настройка дизайна первого экрана
1:07:08 — дизайн раздела «Услуги нашей компании»
1:16:31 — дизайн раздела «Примеры наших работ»
1:19:45 — дизайн раздела «Отзывы о нашей работе»
1:29:31 — дизайн раздела «Почему мы»
1:38:16 — дизайн раздела «Нам доверяют»
1:40:35 — дизайн раздела «Блок с контактной формой»
1:47:50 — дизайн раздела «Наши контакты»
1:53:13 — настройка дизайна «Подвала»
1:57:18 — создаем, настраиваем и встраиваем на сайт контактные формы
2:05:45 — настраиваем якорные ссылки, меню и кнопки
2:13:58 — создаем и настраиваем Попап окно «Заказ обратного звонка»
2:22:28 — создаем и настраиваем Попап окна для каждой услуги
2:27:17 — установка карт от Яндекса в раздел «Наши контакты»
2:30:38 — настраиваем мобильную и планшетную версию
2:44:21 — выставляем созданную страницу в качестве главной

Заключение

Я постарался разобраться создание сайта как можно подробнее и если вам понравился этот видео-урок — поделитесь им в соц. сетях. Это будет лучшая благодарность для меня.

Ну, а если вам есть что добавить — пишите в комментарии.