Бесплатное онлайн занятие по созданию сайта на CMS WordPress и Elementor

Научись в прямом эфире разрабатывать современный сайт на CMS WordPress и Elementor.

дней
Часов
Минут
Секунд

Стоимость

$110 Бесплатно
+ домен и хостинг free!
PS. донаты по вашему желанию.

Когда?

Стримы проходят в понедельник, среду и пятницу с 14:00 до 17:00

Для кого?

Для всех, даже новичков без опыта в разработке!

Где?

Смотри бесплатные онлайн-стримы в моем канале на Twitch

Что необходимо для участия?

Никаких затрат! Участие в стриме бесплатное! Нужно только ваше желание и компьютер (или ноутбук) для комфортного прохождения обучения.

Справится даже "новичок" без опыта!

Знаний языков программирования не требуется! Все будет достаточно понятно: смотри на видео-уроках что делает преподаватель и сразу повторяй.

Материалы для урока

Скачать CMS WordPresshttps://ru.wordpress.org/download/

Хостинги и регистраторы доменов:

Алгоритм установки CMS WordPress:

  1. Скачать с официального сайта CMS WordPress (на ПК скачается zip-архив)
  2. Zip-архив с Вордпрессом закачать через файловый менеджер в папку с сайтом.
  3. Создать базу данных MySQL и пользователя. Добавить пользователя к базе данных и выдать все привилегии.
  4. Запустить установку CMS WordPress на сайте.  Для этого вам необходимо в браузере открыть новую вкладку и просто перейти по адресу (домену) вашего сайта.

Вход в админку (консоль WP):
вашдомен/admin
вашдомен/wp-admin
вашдомен/wp-login.php

После установки WP:

  1. Зайти в раздел «Настройки» — «Постоянные ссылки». Выбрать структуру постоянных ссылок «Название записи» и нажать внизу страницы на синюю кнопку «Сохранить изменения».
  2. Зайти в раздел «Внешний вид» — «Темы». Вверху на странице нажать на кнопку «Добавить новую тему». В открывшейся странице если нет в списке, то найти через поле поиска тему с названием «Hello Elementor». Нажать кнопку «Установить». После установки кнопка смениться на «Активировать» — нажать на неё.
  3. Зайти в раздел «Плагины» — «Установленные». На открывшейся странице отметить галочками 2 плагина: «Akismet Anti-Spam: Spam Protection» и «Hello Dolly». Выбрать действие — «Удалить». Эти 2 плагина нам не понадобятся.
  4. Зайти в раздел «Плагины» — «Добавить плагин». Через форму поиска найти, установить и активировать следующие плагины:
    — Classic Editor
    — Classic Widgets
    — Advanced Editor Tools (ранее TinyMCE Advanced)
    — Really Simple SSL
    — Yoast SEO
    — WP-Optimize
    — WPFront Scroll Top
    — Elementor
    — MetForm
    — ElementsKit
    — Under Construction

Как установить ссылку для номера телефона и email

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

Для телефона:

				
					tel:+375445706666
				
			

Для email:

				
					mailto:info@webmaster.name
				
			

Как установить ссылку на слово в элементе "Заголовок"

В примере ниже прописан код для установки ссылки на страницу моих контактов. Атрибут target="_blank" открывает ссылку в новом окне. Если вообще не писать данный атрибут в структуре кода ссылки или использовать атрибут target="_self" , то ссылка откроется в текущем окне.

Для открытия в новом окне:

				
					Смотрите <a href="/contacts/" target="_blank">мои контакты</a>
				
			

Результат:
Смотрите мои контакты

Для открытия в текущем окне:

PS. Если в элементе "Заголовок" весь написанный текст должен быть кликабельным, то используйте для вставки ссылки соответствующее поле с названием "Ссылка", которое находится чуть ниже поля ввода заголовка.

В ином случае игнорируйте поле "Ссылка", а в поле заголовка введите следующее:

				
					Мои <a href="/contacts/">Контакты</a>
				
			

Результат:
Мои Контакты

Пример ссылки в новом окне на другой сайт:

				
					Открыть <a href="https://www.google.com/" target="_blank">Google</a>
				
			

Результат:
Открыть Google

Как установить ссылки для мессенджеров

Чтобы сделать иконки мессенджеров (или любые другие элементы) кликабельными, установите следующие ссылки:

				
					https://api.whatsapp.com/send?phone=375445706666
viber://chat?number=375445706666
https://t.me/webmaster_online
skype:live:beea99fffb0f1685?chat
				
			

Как выделить текст "жирным"

При необходимости выделить какое-либо из слов в элементе "Заголовок" жирным, используйте следующий код:

				
					+7 900 <b>123-45-67</b>
				
			

Результат:

+7 900 123-45-67

Если необходимо весь текст сделать, "жирным", то используйте для заголовка настройки типографики во вкладке "Стиль" и установите необходимую насыщенность (толщину).

Не забудьте вставить в элементе "заголовок" в поле ссыка следующий ниже код, чтобы номер был кликабельным:

				
					tel:+79001234567
				
			

Как изменить размер текста в списке с иконками

				
					<span style="font-size: 13px;">Ежедневно 08:00 - 20:00</span>
				
			

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

Результат:

Айдентика BeautySalon

Цветовая палитра BeautySalon

#DD848B

#CE747B

#FBECED

#F4CFD2

#1C1E20

Шрифт

Roboto

Айдентика HandyMan

Цветовая палитра HandyMan

#1349DB

#6EC1E4

#00B018

#028A14

#1C1E20

Шрифт

Roboto

Полезные сервисы для вебмастера

https://designs.ai/colors
https://coolors.co/
Инструменты для  выбора цветовой палитры, сочетание цвета.

https://imagecompressor.com/ru/
https://www.shrink.media/ru
Отлично сжимает (не разрешение, а размер) любые типы изображений.

https://www.remove.bg/ru
https://www.erase.bg/ru
Удаляет фон с изображений.

https://www.blobmaker.app/
Генератор «блобов» — изображений произвольной формы.

https://www.videosmaller.com/
Отлично сжимает видео.

https://fotoram.io/editor/ru
Бесплатный онлайн-фоторедактор. 

https://www.flaticon.com/
Огромная коллекция иконок SVG и PNG

https://tinywow.com/
200+ онлайн-инструментов для работы с изображениями, видео и текстом.

https://library.phygital.plus/
700+ библиотека искусственного интеллекта.

https://clipdrop.co/tools
Онлайн-инструменты для коррекции изображений.

https://lumen5.com/
Сервис для создания видео-презентаций

https://icons8.ru/lunacy
Программа для дизайнеров (аналог figma)

https://www.watermarkremover.io/ru
Удаляет водяные знаки с изображений

https://123apps.com/ru/
Отличный онлайн-сервис для обработки видео

https://www.upscale.media/ru
Улучшает качество и разрешение изображений

https://lexica.art/
https://playgroundai.com/
Уникальные изображения, созданные ИИ.

https://zyro.com/ru/instrumenty/uluchshyt-kachestvo-foto
ИИ улучшит качество и разрешение изображения. Исходное фото должно быть не более 5мб и 750px.

https://github.com/Sanster/lama-cleaner
Lama Cleaner — ИИ софт для ПК, позволяющий удалять любые объекты с изображений, а также дорисовывать необходимое. Инструкция на Youtube.

Who i am

Кто ведёт обучение?

Привет! Меня зовут Андрей, я живу в Минске и с 2014 года занимаюсь разработкой сайтов и лэндингов на CMS WordPress.

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

90% моих учеников – это владельцы собственного бизнеса (ИП или юридические лица).

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

Поэтому я разработал собственную программу обучения, позволяющую эффективно работать с сайтами и успешно развивать свой бизнес в сети Интернет. Без шаблонов, без программирования, без воды…

Выберите свой город:
Не нашли свой город в списке? Не беда! Обучение созданию сайтов возможно провести в режиме онлайн, даже если вы находитесь вообще в другой стране. Записаться на онлайн обучение.

Запись на обучение

Заполните форму для предварительной записи на обучение созданию сайтов или напишите консультанту в один из мессенджеров: