- Часть 1. Теория. Панель администратора, возможности магазина
Первая часть курса – это теоретическая часть, в которой мы с вами будем учиться работать с интернет магазином WooCommerce.При этом мы в полной мере разберем все инструменты, которые предлагает нам панель администратора. Таким образом, вы сможете оценить возможности базового функционала движка и увидеть, какой именно магазин можно создать. При этом мы также будем работать и с дополнительными расширениями, так как одним из преимуществ движка WooCommerce является его расширяемость и наличие огромного количества доступных расширений, которые поставляются как на платной, так и бесплатной основе. По итогам первой части вы научитесь создавать полноценный интернет-магазин с использованием WordPress в связке с плагином WooCommerce, который будет полностью настроен и готов к работе, наполнен различными товарами и конечно же, обеспечен необходимыми способами оплаты и доставки.
СОДЕРЖАНИЕ
В первом вводном уроке мы с вами традиционно определимся с тем, что будем изучать, что вам потребуется для нормального освоения курса, а также рассмотрим преимущества интернет-магазина WooCommerce перед другими движками с открытым исходным кодом.
- УРОК 2. УСТАНОВКА CMS И ПЛАГИНА WOOCOMMERCE
В данном видео мы с вами установим CMS WordPress плагин WooCommerce и сделаем небольшой краткий экскурс в будущий интернет-магазин, при этом мы рассмотрим доступные инструменты в панели администратора и, конечно же, пользовательскую часть, доступную для всеобщего просмотра.
- УРОК 3. КАТЕГОРИИ ТОВАРОВ
После того, как установка интернет магазина завершена, мы начнем наполнять его контентом. Но в данном видео товары мы еще создавать не будем, поскольку перед этим нужно добавить несколько категорий, которые будут делить общее количество товаров магазина на отдельные группы.
Итак, разделы будущего магазина созданы, то есть категории для будущих товаров. В данном видео мы добавим теги (метки), к которым будут привязываться отдельные группы товаров. Также мы начнем работать с внешним видом будущего магазина: сформируем главное меню и определимся с главной страницей всего проекта в целом.
- УРОК 5. СОЗДАНИЕ ПРОСТОГО ТОВАРА
Главной составляющей интернет-магазина являются товары, которые могут быть как виртуальными, или цифровыми, так и реальными (физическими), которые можно забрать на пункте выдачи. А значит – пришло время создать свой первый товар. В этом уроке мы рассмотрим базовое добавление простого товара.
Товары характеризуются огромным количеством различных параметров. Очень важными элементами являются атрибуты, которые четко определяют особенности создаваемого товара и учитываются при его выборе покупателем. А значит в данном уроке мы поговорим об атрибутах.
- УРОК 7. ВАРИАТИВНЫЕ ТОВАРЫ
В данном уроке мы поговорим о создании вариативных товаров в интернете-магазине WooCommerce, то есть товаров, которые имеют множество различных свойств, вариаций.
- УРОК 8. СГРУППИРОВАННЫЕ ТОВАРЫ
Достаточно часто в интернет-магазинах, помимо отдельных товаров, представлены и наборы товаров, которые представлены в виде одного товара, состоящего из нескольких частей, каждая из которых имеет свою цену, но приобрести можно только весь набор целиком. Поэтому в данном уроке мы поговорим о том, как создаются товары подобного рода в плагине WooCommerce.
- УРОК 9. ВИРТУАЛЬНЫЕ ТОВАРЫ
Помимо реальных (физических) товаров в магазине также продаются и виртуальные (цифровые) товары, которые не доставляются покупателю, а скачиваются им на жесткий диск после оплаты. В качестве подобных товаров, могут выступать различные программы, аудио или видео контент.
- УРОК 10. ГЛОБАЛЬНЫЕ НАСТРОЙКИ. НАСТРОЙКИ МАГАЗИНА И ТОВАРОВ
Мы рассмотрели механизмы добавления и редактирования товаров, а значит переходим к изучению глобальных настроек плагина WooCommerce. При этом настроек достаточно много и все они были разделены на отдельные группы. В этом видео мы рассмотрим группы: основные и товар.
- УРОК 11. ГЛОБАЛЬНЫЕ НАСТРОЙКИ. СПОСОБЫ ДОСТАВКИ
Интернет-магазин, как правило, находится достаточно далеко от его конечных покупателей, а значит без механизма доставки просто не обойтись. Помимо товара вы сможете предоставить пользователю определенные способы доставки его товара: как платные, так и бесплатные. Поэтому в данном уроке мы поговорим о настройках возможных способов доставки в магазине WooCommerce.
- УРОК 12. ГЛОБАЛЬНЫЕ НАСТРОЙКИ. СПОСОБЫ ОПЛАТЫ
Интернет-магазин, так или иначе, продает определенные товары, а значит, помимо способов доставки, необходимо покупателю предоставлять различные методы оплаты купленного товара, и чем их больше, тем лучше. Так как, если покупатель не сможет оплатить товар, то он просто покинет ваш магазин и обратится к вашему конкуренту. Поэтому в данном уроке мы как раз и поговорим о способах оплаты.
- УРОК 13. ГЛОБАЛЬНЫЕ НАСТРОЙКИ. ГРУППЫ НАСТРОЕК АККАУНТ, EMAILS, API
В данном видео мы рассмотрим оставшиеся группы глобальных настроек плагина WooCommerce.
- УРОК 14. ФОРМИРОВАНИЕ ЗАКАЗА
В данном уроке мы поговорим о формировании заказа.
В этом уроке мы поговорим о скидках, а именно подробно рассмотрим понятие купоны.
В данном видео мы еще немного рассмотрим настройки. Так как интернет-магазин активно работает с финансами, значит, на этапе разработки необходимо определиться с тем, как будет осуществляться налогообложение, если конечно это предусмотрено законодательством конкретной страны. Поэтому в данном видео мы рассмотрим настройки, отвечающие за формирование и расчет налоговых ставок.
- УРОК 17. ИМПОРТ/ЭКСПОРТ ТОВАРОВ
Интернет магазин – это активный динамический ресурс, контент которого (товары) постоянно изменяется. При этом, если товаров немного, то все манипуляции вполне можно осуществить вручную, через панель управления. Но если товаров тысячи, то в этом случае наиболее удобно применять автоматическую загрузку и выгрузку товаров, то есть импорт или экспорт, о чем мы и поговорим в этом видео.
В этом уроке мы подведем итоги.
- Часть 2. Практика. Создание шаблона
Вторая часть курса – это практическая часть, в которой мы будем создавать шаблон для будущего магазина – с нуля, используя верстку готового макета. Как было сказано ранее, дизайн абсолютно каждого ресурса в интернете должен быть уникальным и неповторимым. Конечно, для вашего проекта можно найти и выбрать подходящий шаблон из огромнейшего числа доступных шаблонов, как платных, так и бесплатных. Но где гарантия, что точно такой же не будет использован на другом ресурсе (к примеру, у вашего прямого конкурента)? Наилучшее решение – это создать собственный шаблон, для своего проекта, который идеально подойдет под поставленные задачи. Как раз этим мы и будем заниматься в данной части курса. Конечно, хоть в этой части вы и получите готовый шаблон, но, в первую очередь, я ставлю цель научить вас создавать темы для плагина WooCommerce. Так как для своего проекта вы будете создавать собственный шаблон с уникальным дизайном.
СОДЕРЖАНИЕ
В данном уроке мы с Вами рассмотрим шаблон, с которым будем использовать создание темы для движка WordPress и плагина WooCommerce.
- УРОК 2. УСТАНОВКА ТЕМЫ. ПЕРЕНОС ШАБЛОНА В СТРУКТУРУ ТЕМЫ
Урок 2 – первый и уверенный шаг к реализации будущей темы, а именно создание файла стилей и установка в CMS WordPress. Таким образом, дальнейшая работа будет проводиться непосредственно в структуре темы, постепенно наращивая и дорабатывая эту самую структуру.
- УРОК 3. ПОДКЛЮЧЕНИЕ СТИЛЕЙ И СКРИПТОВ
В этом уроке мы подключим необходимые файлы стилей и библиотек JavaScript, которые требуются для правильной работы шаблона.
- УРОК 4. ПОДКЛЮЧЕНИЕ БЛОКА НАВИГАЦИИ. ПУТИ ДЛЯ ИЗОБРАЖЕНИЙ
В этом уроке мы пропишем правильные пути для изображений шаблона, а также подключим и выведем на экран главное навигационное меню, которое будет располагаться в отдельном файле.
- УРОК 5. ПОЛЬЗОВАТЕЛЬСКИЕ НАСТРОЙКИ ТЕМЫ
Для работы шаблона потребуются некоторые настройки – такие как телефон службы обратной связи, а также заголовок кнопки главного баннера. При этом, наиболее удобным местом их хранения является панель администратора и раздел глобальных настроек. Поэтому в данном уроке мы поговорим о том, как добавить в этот раздел пользовательские настройки.
- УРОК 6. БАННЕР ГЛАВНОЙ СТРАНИЦЫ
В этом уроке мы создадим баннер, который по шаблону будет отображаться на главной странице будущего магазина, а именно слайдер, отображающий блоки текстовой информации.
- УРОК 7 – 8. ГЛАВНОЕ НАВИГАЦИОННОЕ МЕНЮ
В этом уроке мы начнем формировать логическую структуру по отображению на экран главного навигационного меню. Меню в используемом шаблоне многоуровневое и хоть и не сложное на первый взгляд, но достаточно интересное и не стандартное в плане реализации HTML-разметки.
- УРОК 9. ВИДЖЕТЫ ПОД ГЛАВНЫМ БАННЕРОМ
Под основным баннером на главной странице отображается несколько информационных блоков, поэтому в данном уроке мы выведем их на экран, используя виджеты.
- УРОК 10 – 12. БЛОК ПОСЛЕДНИЕ ПРОДУКТЫ
В этих уроках мы приступаем к реализации основного блока главной страницы, а именно с блока, отображающего последние добавленные товары магазина.
- Сформируем структуру основного контейнера и поговорим о используемых событиях (хуках).
- Выведем на экран основную информацию по товару.
- Поговорим об отображении на экран цены товара и кнопки добавить в корзину, в соответствии с разметкой шаблона.
- УРОК 13. МЕТКА РАСПРОДАЖНЫЙ ТОВАР
В этом видео мы рассмотрим событие, которое используется для вывода на экран метки – о том, что текущий товар, является рекомендуемым, и выведем на экран для определенных товаров вышеуказанную метку.
- УРОК 14 – 15. ВИДЖЕТ ИЗБРАННЫЕ ТОВАРЫ
В этом уроке мы сформируем собственный пользовательский виджет для отображения карусели рекомендуемых товаров, которые будут отображаться на некоторых страницах шаблона под основным контентом. Отобразим на экране необходимые товары
В этом видео мы выведем на экран меню в футере будущего магазина, используя виджеты произвольное меню.
В этом уроке мы поговорим о форме поиска и создадим заготовку для страницы отображения результатов поиска продуктов. Почему заготовку? Потому что указанная страница практически идентична со страницей, отображающей информацию о товарах, привязанных к некоторой категории. А значит, как только она будет завершена, мы закончим код созданной заготовки.