Придбаний [Stepik] WordPress від нуля до результату. Створення сайтів без коду (Дмитро Фокєєв)

[Gadzhi]

[Stepik] WordPress с нуля до результата. Создание сайтов без кода (Дмитрий Фокеев)


Курс по WordPress познайомить вас з усіма інструментами для створення сучасного сайту з будь-яким дизайном і повним функціоналом без підписок і додаткових витрат, які є У інших CMS і конструкторів сайтів. Швидкий старт у створенні сайтів з нуля!

Чого ви навчитеся:

• Створювати сайти на WordPress з будь-яким дизайном
• Створювати сайти на WordPress, використовуючи сторонні шаблони
• Навчіться змінювати будь-які стилі теми сайту на WordPress
• Навчіться працювати в no-code платформі Elementor
• Вивчіть всі можливості WordPress
• Зможете створити інтернет-магазин
• Навчіться підключати оплату в рублях і криптовалюта
• Навчіться створювати блок з коментарями
• Дізнаєтеся, як адаптувати сайт під будь-який пристрій
• Навчіться просувати ваш сайт в Пошуку Google / Yandex
• Дізнаєтеся основи SEO
• Зрозумієте, як створювати основні анімації на сайті
• Навчіться купувати домен, хостинг та налаштовувати WordPress
• Дізнаєтеся, як оптимізувати ваш сайт, щоб він працював швидше
• Навчіться створювати власні шаблони для сайту
• Зможете створити сайт будь-якої складності на WordPress
• Дізнаєтеся, як використовувати власні CSS-стилі в WordPress

Для кого цей курс:

• Для тих, хто хоче навчитися створювати сайти з нуля
• Для початківців розробників
• Для розробників, які хочуть розширити свій стек навичок
• Для веб-дизайнерів, які хочуть втілювати свої дизайни в готові сайти

Початкові вимоги:

Ніяких додаткових вимог або знань не потрібно.
Працюючий комп'ютер і бажання дізнаватися нове.

курс включає (95 уроків, 13 годин 37 хвилин відео, 1 тест)

Введення

Вітаю на курсі!
Завантажуємо матеріали
Встановлюємо WordPress на хостинг

Знайомство з WordPress

Базові налаштування нового сайту
Як редагувати сторінку
Як працюють теми в WordPress
Як працюють плагіни в WordPress
ПРАКТИКА! Створіть свій сайт

Знайомство з Elementor

Як завантажувати плагіни та теми з комп'ютера
Налаштування Hello Theme Elementor
Створюємо перші елементи в elementor
Як розташувати елементи в контейнері
Скидаємо стандартні стилі elementor
Вирівнювання елементів і зовнішні відступи (Margins)
Внутрішні відступи + заливка фону (Padding)
Як додати градієнт + одиниці виміру VH
Зображення на сайті та їх формати.
Як працює абсолютне позиціонування елементів
ПРАКТИКА. Почніть створювати першу секцію сайту

Стиль

Створюємо стилі кольору. Скидання стилів elementor
Створюємо стилі тексту і кнопок
Налаштування стилів всього тексту на сайті
Обмеження контенту сайту і доп настройки
Як працює налаштування фонового зображення
ПРАКТИКА. Створіть наступну секцію сайту

Налаштування та помилки

Out of memory \ гальмує elementor
Як налаштувати WP та скинути стилі
Як змінити пароль і кастомізувати WP
Якщо не оновлюється нове зображення замість старого

Поглиблення в Elementor

Розміри зображень і overflow hidden
Центрування абсолютно позиціонованого елемента
Як працюють CSS фільтри
Бібліотека іконок Elementor. Доробляємо картки
Властивості трансформування елементів
Що таке семантичні теги
ПРАКТИКА. Створіть наступні 2 секції сайту
Як працює Grid css
Верстаємо наступну секцію ч. 1
Верстаємо наступну секцію ч. 2
Створюємо навігаційне меню

Анімація

Якірні посилання
Ефекти руху
Анімації віджетами
Lottie Анімації

Адаптивний дизайн

Теорія адаптивного дизайну
Створюємо breakpoints
Адаптуємо планшетну версію
Адаптація грід сітки
Як приховати елемент у певній версії сайту
ПРАКТИКА. Адаптуйте сайт
Адаптуємо breakpoint планшет
Адаптуємо мобільний breakpoint

Форми та Popup

Форма через Royal Addon
Як створити popup

Введення в шаблони і конструктор тим

Як працюють шаблони
Як працюють динамічні шаблони

Блог і конструктор тим

Про що блок
Верстаємо сторінку блогу
Автоматичне створення картки поста поста
Як працюють категорії та мітки
Як зробити динамічний запис поста
Що таке архіви
Створюємо архів Рубрик
Як створити динамічний шаблон

Інтернет Магазин

Встановлюємо Woocomerce
Як створити одиничний товар
Що таке варіативний товар
ПРАКТИКА. Створюєте 2 товари
Що таке Up Sale і Cross Sale
Які основні сторінки магазину
Як створювати купони
Стилізація сторінок замовлення і каси
Стилізація сторінки магазину і товару
Як створити можливість реєстрації користувача
Як підключити recaptcha
Підбивати підсумки
Додавання товару в кошик за посиланням
Як підключити оплату за рублі
Як підключити оплату криптовалютою

Готовий сайт з шаблонів

Демо контент теми
Тема з інтернету
Як використовувати шаблони

SEO

Первинна настройка YaST SEO
SEO Заголовок та опис
Заголовок h1
404 / alt / індексакція сторінок
Google search & Yandex Master
Оптимізація сайту

Свій код і ElementorPro

Свій CSS код
Огляд Elementor Pro
Динамічні теги

До нових зустрічей!

Підбивати підсумки.

Рос
Курс по WordPress познакомит вас со всеми инструментами для создания современного сайта с любым дизайном и полным функционалом без подписок и дополнительных трат, которые есть у других CMS и конструкторов сайтов. Быстрый старт в создании сайтов с нуля!

Чему вы научитесь:

• Создавать сайты на WordPress с любым дизайном
• Создавать сайты на WordPress, используя сторонние шаблоны
• Научитесь изменять любые стили темы сайта на WordPress
• Научитесь работать в no-code платформе Elementor
• Изучите все возможности WordPress
• Сможете создать интернет-магазин
• Научитесь подключать оплату в рублях и криптовалюте
• Научитесь создавать блок с комментариями
• Узнаете, как адаптировать сайт под любое устройство
• Научитесь продвигать ваш сайт в поиске Google/Yandex
• Узнаете основы SEO
• Поймёте, как создавать основные анимации на сайте
• Научитесь приобретать домен, хостинг и настраивать WordPress
• Узнаете, как оптимизировать ваш сайт, чтобы он работал быстрее
• Научитесь создавать собственные шаблоны для сайта
• Сможете создать сайт любой сложности на WordPress
• Узнаете, как использовать собственные CSS-стили в WordPress

Для кого этот курс:

• Для тех, кто хочет научиться создавать сайты с нуля
• Для начинающих разработчиков
• Для разработчиков, которые хотят расширить свой стек навыков
• Для веб-дизайнеров, которые хотят воплощать свои дизайны в готовые сайты

Начальные требования:

• Никаких дополнительных требований или знаний не нужно.
• Работающий компьютер и желание узнавать новое.

Спойлер: Информация

В курс входят (95 уроков, 13 часов 37 минут видео, 1 тест)

Введение

1. Приветствую на курсе!
2. Скачиваем материалы
3. Устанавливаем WordPress на хостинг

Знакомство с WordPress

1. Базовые настройки нового сайта
2. Как редактировать страницу
3. Как работают темы в WordPress
4. Как работают плагины в WordPress
5. ПРАКТИКА! Создайте свой сайт

Знакомство с Elementor

1. Как загружать плагины и темы с компьютера
2. Настройки Hello Theme Elementor
3. Создаем первые элементы в elementor
4. Как позиционировать элементы в контейнере
5. Сбрасываем стандартные стили elementor
6. Выравнивание элементов и внешние отступы (Margins)
7. Внутренние отступы + заливка фона (Padding)
8. Как добавлять градиент + единицы измерения VH
9. Изображения на сайте и их форматы.
10. Как работает абсолютное позиционирование элементов
11. ПРАКТИКА. Начните создавать первую секцию сайта

Стили

1. Создаем стили цвета. Сброс стилей elementor
2. Создаем стили текста и кнопок
3. Настройка стилей всего текста на сайте
4. Ограничение контента сайта и доп настройки
5. Как работает настройка фонового изображения
6. ПРАКТИКА. Создайте следующую секцию сайта

Настройки и ошибки

1. Out of memory \ тормозит elementor
2. Как настроить WP и сбросить стили
3. Как сменить пароль и кастомизировать WP
4. Если не обновляется новое изображение вместо старого

Углубление в Elementor

1. Размеры изображений и overflow hidden
2. Центрирование абсолютно позиционированного элемента
3. Как работают CSS фильтры
4. Библиотека иконок Elementor. Доделываем карточки
5. Свойства трансформирования элементов
6. Что такое семантические теги
7. ПРАКТИКА. Создайте следующие 2 секции сайта
8. Как работает grid css
9. Верстаем следующую секцию ч.1
10. Верстаем следующую секцию ч.2
11. Создаем навигационное меню

Анимации

1. Якорные ссылки
2. Эффекты движения
3. Анимации виджетами
4. Lottie Анимации

Адаптивный дизайн

1. Теория адаптивного дизайна
2. Создаем breakpoints
3. Адаптируем планшетную версию
4. Адаптация грид сетки
5. Как скрыть элемент в определённой версии сайта
6. ПРАКТИКА. Адаптируйте сайт
7. Адаптируем breakpoint планшет
8. Адаптируем мобильный breakpoint

Формы и Popup

1. Форма через Royal Addon
2. Как создать popup

Введение в шаблоны и конструктор тем

1. Как работают шаблоны
2. Как работают динамические шаблоны

Блог и конструктор тем

1. О чем блок
2. Верстаем страницу блога
3. Автоматическое создание карточки поста поста
4. Как работают категории и метки
5. Как сделать динамическую запись поста
6. Что такое архивы
7. Создаем архив Рубрик
8. Как создать динамический шаблон

Интернет Магазин

1. Устанавливаем Woocomerce
2. Как создать единичный товар
3. Что такое вариативный товар
4. ПРАКТИКА. Создаете 2 товара
5. Что такое Up Sale и Cross Sale
6. Какие основные страницы магазина
7. Как создавать купоны
8. Стилизация страниц заказа и кассы
9. Стилизация страницы магазина и товара
10. Как создать возможность регистрации пользователя
11. Как подключить recaptcha
12. Подводим итог
13. Добавление товара в корзину по ссылке
14. Как подключить оплату за рубли
15. Как подключить оплату криптовалютой

Готовый сайт из шаблонов

1. Демо контент темы
2. Тема из интернета
3. Как использовать шаблоны

SEO

1. Первичная настройка YAST SEO
2. SEO Заголовок и описание
3. Заголовок h1
4. 404/alt/индексакция страниц
5. Google search & Yandex Master
6. Оптимизация сайта

Свой код и ElementorPro

1. Свой CSS код
2. Обзор Elementor Pro
3. Динамические теги

До новых встреч!

• Подводим итог.

https://stepik.org/208466/

 

[22Oleh]

готовий оплатити

 

[22Oleh]

Хочу поповнити карткою.

 

[Квітка]

Хочу поповнити карткою.

у реквізити загляньте