Видеокурсы создание сайтов

Видеокурс "Создание интернет-магазина на WooCommerce"

цена видеокурса: 2982 руб.
Есть бонусы - 7 шт.

перейти на сайт видеокурса

Видеокурс "Создание интернет-магазина на WooCommerce"

Содержание видеокурса:

Часть 1. Теория

Панель администратора, возможности магазина

Первая часть курса – это теоретическая часть, в которой мы с вами будем учиться работать с интернет магазином WooCommerce.

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

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

По итогам первой части вы научитесь создавать полноценный интернет-магазин с использованием WordPress в связке с плагином WooCommerce, который будет полностью настроен и готов к работе, наполнен различными товарами и конечно же, обеспечен необходимыми способами оплаты и доставки.

Видеоуроки первой части

УРОК 1. ВВЕДЕНИЕ [00:14:03]

В первом вводном уроке мы с вами традиционно определимся с тем, что будем изучать, что вам потребуется для нормального освоения курса, а также рассмотрим преимущества интернет-магазина WooCommerce перед другими движками с открытым исходным кодом.

УРОК 2. УСТАНОВКА CMS И ПЛАГИНА WOOCOMMERCE [00:32:18]

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

УРОК 3. КАТЕГОРИИ ТОВАРОВ [00:14:28]

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

УРОК 4. МЕТКИ ТОВАРОВ [00:15:03]

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

УРОК 5. СОЗДАНИЕ ПРОСТОГО ТОВАРА [00:36:14]

Главной составляющей интернет-магазина являются товары, которые могут быть как виртуальными, или цифровыми, так и реальными (физическими), которые можно забрать на пункте выдачи. А значит – пришло время создать свой первый товар. В этом уроке мы рассмотрим базовое добавление простого товара.

УРОК 6. АТРИБУТЫ ТОВАРОВ [00:14:03]

Товары характеризуются огромным количеством различных параметров. Очень важными элементами являются атрибуты, которые четко определяют особенности создаваемого товара и учитываются при его выборе покупателем. А значит в данном уроке мы поговорим об атрибутах.

УРОК 7. ВАРИАТИВНЫЕ ТОВАРЫ [00:25:52]

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

УРОК 8. СГРУППИРОВАННЫЕ ТОВАРЫ [00:18:18]

Достаточно часто в интернет-магазинах, помимо отдельных товаров, представлены и наборы товаров, которые представлены в виде одного товара, состоящего из нескольких частей, каждая из которых имеет свою цену, но приобрести можно только весь набор целиком. Поэтому в данном уроке мы поговорим о том, как создаются товары подобного рода в плагине WooCommerce.

УРОК 9. ВИРТУАЛЬНЫЕ ТОВАРЫ [00:11:51]

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

УРОК 10. ГЛОБАЛЬНЫЕ НАСТРОЙКИ. НАСТРОЙКИ МАГАЗИНА И ТОВАРОВ [00:36:17]

Мы рассмотрели механизмы добавления и редактирования товаров, а значит переходим к изучению глобальных настроек плагина WooCommerce. При этом настроек достаточно много и все они были разделены на отдельные группы. В этом видео мы рассмотрим группы: основные и товар.

УРОК 11. ГЛОБАЛЬНЫЕ НАСТРОЙКИ. СПОСОБЫ ДОСТАВКИ [00:39:07]

Интернет-магазин, как правило, находится достаточно далеко от его конечных покупателей, а значит без механизма доставки просто не обойтись. Помимо товара вы сможете предоставить пользователю определенные способы доставки его товара: как платные, так и бесплатные. Поэтому в данном уроке мы поговорим о настройках возможных способов доставки в магазине WooCommerce.

УРОК 12. ГЛОБАЛЬНЫЕ НАСТРОЙКИ. СПОСОБЫ ОПЛАТЫ [00:33:00]

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

УРОК 13. ГЛОБАЛЬНЫЕ НАСТРОЙКИ. ГРУППЫ НАСТРОЕК АККАУНТ, EMAILS, API [00:18:50]

В данном видео мы рассмотрим оставшиеся группы глобальных настроек плагина WooCommerce.

УРОК 14. ФОРМИРОВАНИЕ ЗАКАЗА [00:36:03]

В данном уроке мы поговорим о формировании заказа.

УРОК 15. КУПОНЫ [00:19:55]

В этом уроке мы поговорим о скидках, а именно подробно рассмотрим понятие купоны.

УРОК 16. НАЛОГИ [00:32:57]

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

УРОК 17. ИМПОРТ/ЭКСПОРТ ТОВАРОВ [00:37:17]

Интернет магазин – это активный динамический ресурс, контент которого (товары) постоянно изменяется. При этом, если товаров немного, то все манипуляции вполне можно осуществить вручную, через панель управления. Но если товаров тысячи, то в этом случае наиболее удобно применять автоматическую загрузку и выгрузку товаров, то есть импорт или экспорт, о чем мы и поговорим в этом видео.

УРОК 18. ЗАВЕРШЕНИЕ [00:09:56]

В этом уроке мы подведем итоги.

Часть 2. Практика

Создание шаблона

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

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

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

Видеоуроки второй части

УРОК 1. ОБЗОР ШАБЛОНА [00:19:28]

В данном уроке мы с Вами рассмотрим шаблон, с которым будем использовать создание темы для движка WordPress и плагина WooCommerce.

УРОК 2. УСТАНОВКА ТЕМЫ. ПЕРЕНОС ШАБЛОНА В СТРУКТУРУ ТЕМЫ [00:29:51]

Урок 2 – первый и уверенный шаг к реализации будущей темы, а именно создание файла стилей и установка в CMS WordPress. Таким образом, дальнейшая работа будет проводиться непосредственно в структуре темы, постепенно наращивая и дорабатывая эту самую структуру.

УРОК 3. ПОДКЛЮЧЕНИЕ СТИЛЕЙ И СКРИПТОВ [00:22:30]

В этом уроке мы подключим необходимые файлы стилей и библиотек JavaScript, которые требуются для правильной работы шаблона.

УРОК 4. ПОДКЛЮЧЕНИЕ БЛОКА НАВИГАЦИИ. ПУТИ ДЛЯ ИЗОБРАЖЕНИЙ [00:09:35]

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

УРОК 5. ПОЛЬЗОВАТЕЛЬСКИЕ НАСТРОЙКИ ТЕМЫ [00:19:36]

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

УРОК 6. БАННЕР ГЛАВНОЙ СТРАНИЦЫ [00:33:52]

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

УРОК 7 - 8. ГЛАВНОЕ НАВИГАЦИОННОЕ МЕНЮ [01:01:51] Часть 1 - 2

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

УРОК 9. ВИДЖЕТЫ ПОД ГЛАВНЫМ БАННЕРОМ [00:18:37]

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

УРОК 10 - 12. БЛОК ПОСЛЕДНИЕ ПРОДУКТЫ [01:26:06] Часть 1 - 3

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

  • Сформируем структуру основного контейнера и поговорим о используемых событиях (хуках).
  • Выведем на экран основную информацию по товару.
  • Поговорим об отображении на экран цены товара и кнопки добавить в корзину, в соответствии с разметкой шаблона.

УРОК 13. МЕТКА РАСПРОДАЖНЫЙ ТОВАР [00:12:10]

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

УРОК 14 - 15. ВИДЖЕТ ИЗБРАННЫЕ ТОВАРЫ [00:50:34] Часть 1 - 2

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

УРОК 16. МЕНЮ ФУТЕРА [00:18:39]

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

УРОК 17. БЛОК ПОИСКА [00:23:25]

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

УРОК 18. СОЗДАНИЕ СТРУКТУРЫ СТРАНИЦЫ КАТЕГОРИИ [00:15:52]

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

УРОК 19. ЛЕВЫЙ САЙДБАР. ВИДЖЕТ МЕНЮ И БАННЕР [00:26:34]

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

УРОК 20. ЛЕВЫЙ САЙДБАР. БЛОК ОБЛАКО ТЕГОВ [00:12:30]

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

УРОК 21. НАЧАЛО СОЗДАНИЯ ЦЕНТРАЛЬНОЙ ОБЛАСТИ СТРАНИЦЫ КАТЕГОРИИ [00:28:55]

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

УРОК 22. ОТОБРАЖЕНИЕ ТОВАРОВ СТРАНИЦЫ КАТЕГОРИИ [00:25:52]

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

УРОК 23 - 24. БЛОК ФИЛЬТРАЦИИ [01:11:56] Часть 1 - 2

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

УРОК 25. СТРАНИЦЫ ПОИСКА, МЕТОК, 404 [00:09:29]

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

УРОК 26 - 30. КАРТОЧКА ТОВАРА [03:29:32] Часть 1 - 5

В этих уроках мы начинаем создание страницы карточки товара.

  • Мы поговорим об используемых событиях, сформируем основной каркас и выведем на экран главное изображение.
  • Поработаем над дополнительными изображениями товаров, а также выведем на экран заголовок продукта.
  • Отобразим на экран краткую информацию по товару, а именно данные по категории, артикулу, меткам, а также выведем цену и сформируем кнопку Купить.
  • На странице карточки товара, мы отобразим панель вкладок для вывода на экран полной информации и значений связанных атрибутов, а также выведем на экран форму добавления отзывов и добавленные отзывы (в виде списка).
  • Выведем на экран товары из группы Up Sell и сопутствующие товары.

УРОК 31 - 33. КОРЗИНА [01:21:24] Часть 1 - 3

Здесь мы будем работать со страницей корзины.

  • Реализуем основной каркас и поговорим о соответствующих событиях.
  • Отобразим на экране в требуемой разметке товары, добавленные в корзину.
  • Поработаем над блоком выбора способа доставки.

УРОК 34 - 35. СТРАНИЦА ОФОРМЛЕНИЯ ЗАКАЗА [00:29:32] Часть 1 - 2

  • Разберем страницу оформления заказа. Она правда не предусмотрена версткой шаблона, но для оформления заказа без нее просто не обойтись.
  • Рассмотрим события, связанные со страницей оформления заказа, и шаблоны, которые формируют ее структуру.

УРОК 36. ЛИЧНЫЙ КАБИНЕТ [00:18:06]

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

УРОК 37. ЗАВЕРШЕНИЕ [00:22:09]

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

перейти на сайт видеокурса

Вы здесь: Home ПЛАТНЫЕ ВИДЕОКУРСЫ Создание сайтов Видеокурс "Создание интернет-магазина на WooCommerce"