WordPress

Создание интернет-магазина на WooCommerce

Как создать полноценный интернет-магазин на WooCommerce

Как профессионально работать с WordPress

Как создать стандартную тему с пользовательским дизайном под WordPress

Как создать мультиязычные темы для WordPress с необходимым функционалом

Приятный бонус: курс по основам PHP 8, ООП PHP и MySQL

Для кого создавался курс

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

Попробуем угадать:

Вы – начинающий разработчик на WordPress?

Может быть, у Вас уже даже имеется опыт создания сайтов на WordPress?

Вам надоело создавать новостные сайты и блоги для клиентов?

Вы хотите пойти дальше и научиться создавать полноценные интернет-магазины на платформе WooCommrece?

Вы изучаете сайтостроение как хобби с перспективой заработка?

Всерьез задумались о перспективе фриланса, расширения перечня своих услуг и нового источника дохода?

Если вы узнали себя хотя бы в одном пункте – наш курс Вам подходит.

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

Узнайте подробности

Живой видеообзор от автора курса

Купить курс

Что такое WooCommerce?

WooCommerce — это бесплатный плагин для WordPress, который добавляет на сайт функционал полноценного интернет-магазина.

Установка простая, всего в несколько кликов.

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

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

WordPress – №1 в мировых рейтингах

Wordpress – это CMS или движок, иными словами, который изначально задумывался и создавался в качестве CMS для блогов. Однако, WordPress уже достаточно давно перерос свою «блоговость» и на сегодняшний день он позволяет создавать и управлять сайтами любой тематики: блог, сайт-визитка, новостной портал, портфолио фотографа, корпоративный сайт и, конечно же, интернет-магазин.

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

Создавая сайт, мы сегодня вольны выбирать из десятков различных популярных CMS, таких как: Joomla, Drupal, DLE, MODX, 1С-Битрикс… Список можно продолжить. Так почему именно WordPress заслуживает внимания в первую очередь? В чем преимущества WordPress по сравнению с другими системами управления контентом (CMS)?

При ответе на данный вопрос можно ограничиться всего-навсего одним преимуществом WordPress по сравнению с прочими движками… одним, но очень и очень существенным. WordPress – это CMS №1 в мире по популярности.

Половина сайтов в рунете работают на WordPress

Здесь можно опровергнуть еще одно безосновательное утверждение, которое последнее время появилось в сети. Это утверждение о том, что сегодня на WordPress уже никто не делает сайты, что сейчас принято делать сайты на PHP-фреймворках.

На самом деле это не так и авторы подобных высказываний, опять-таки, лукавят. Это достаточно легко проверить, если заглянуть в рейтинги CMS за последние годы. К примеру, вот статистика 2021 года:

Согласно различным оценкам, доля WordPress на рынке сайтов составляет около 40%! Вы только подумайте, более трети сайтов в сети сделаны на WordPress. Согласитесь, цифра впечатляет. Но все познается в сравнении. Быть может, ближайший конкурент наступает на пятки лидеру? Отнюдь нет. Ближайший конкурент – 1С-Битрикс. Доля этой CMS – около 13%.

Именно поэтому, безусловная популярность WordPress может являться основным доводом в пользу изучения и дальнейшей работы с этой CMS.

Почему именно WordPress?

Кроме распространенности можно выделить и другие аргументы «ЗА». Например, уже упомянутую многопрофильность WordPress.

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

На этом движке разработано более трети всех веб-сайтов, то есть приблизительно полмиллиарда самых различных площадок. Среди сайтов на WordPress можно встретить блоги знаменитостей, сайты крупных мировых СМИ и журналов. На данной платформе работают автомобильные гиганты Mercedes-Benz, Toyota, а также всемирно известные Microsoft News Center, Adobe Blogs, Sony Music и многие другие.

Если компании с мировыми именами и гигантскими бюджетами выбирают для своих проектов WordPress, то этому движку можно доверять на все 100%.

Важные фишки WordPress

Подробная документация на любом языке

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

Бесплатность

Это CMS с открытым исходным кодом, написанная на одном из популярнейших языков веб-разработки – PHP.

Простая установка

Даже новичок сможет справиться с установкой буквально за 10-15 минут.

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

Дружелюбность к пользователю

WordPress по праву считается одной из наиболее понятных CMS для управления сайтом.

Админская часть WordPress логична и понятна, с ней разберется даже начинающий за достаточно короткое время

Готовые темы

Десятки тысяч платных и бесплатных тем помогут настроить сайт любой тематики

Множество плагинов

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

Как уже отмечалось выше, для WordPress написано огромное количество самых разных плагинов, позволяющих значительно расширить функционал CMS.

И одним из таких плагинов является WooCommerce. При этом это один из наиболее популярных плагинов. В репозитории WordPress можно увидеть более 5 млн. активных установок данного плагина.

Почему стоит приобрести курс

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

Что поможет решить курс:

1
Проблему общей разработки тем для WordPress

В курсе вы найдете информацию, как создать стандартную тему с пользовательским дизайном под WordPress

2
Проблему расширения функционала темы WordPress

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

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

3
Проблему работы с WooCommerce на уровне менеджера

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

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

4
Проблема работы с WooCommerce на уровне программиста

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

Результат – современный и функциональный готовый сайт для ведения интернет-продажи.

WooCommerce – один из самых популярных плагинов

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

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

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

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

Статистика WooCommerce

Наиболее значимые и интересные факты о WooCommerce:

официальный плагин был загружен более 162 миллионов раз;

более 5 100 000 действующих веб-сайтов используют WooCommerce;

каждый день плагин скачивают более 30 000 раз;

8,7% всех сайтов в интернете используют WooCommerce;

доля рынка среди платформ для интернет-магазинов составляет 23,43%;

из всех интернет-магазинов на WooCommerce работают 12,96%;

плагин поддерживает 66 языков.

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

Преимущества WooCommerce

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

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

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

  1. Бесплатность. Этот фактор часто является решающим для новичков.
  2. Простота. Установка в 2 клика – и этим все сказано.
  3. Полноценный мощный интернет-магазин, который готов продавать сразу после установки.
  4. Понятная и удобная админка, что означает быструю и логичную настройку магазина.
  5. Возможность добавления неограниченного количества товаров и категорий.
  6. Много плагинов. Платных и бесплатных. Поддерживаются плагины для WordPress, к примеру, интеграция различных социальных дополнений: лайков, комментариев из соц. сетей и др.
  7. Большое количество шаблонов (дизайнов), также платных и бесплатных. Ежедневно публикуются новые качественные и стильные темы для магазинов.
  8. Встроено несколько платежных шлюзов, готовых к работе.
  9. Подробная информация о заказе с историей изменений и редактированием заказов.
  10. Несколько встроенных методов доставки с поддержкой калькулятора для расчета и гибкой настройкой стоимости.
  11. Можно создавать и применять на сайте скидки по купонам (промокоды) на весь ассортимент или на выбранные товары.
  12. Встроенная удобная система аналитики – подробные графики и отчеты продаж.
  13. Готовые элементы маркетинга: «Апсел», «Кроссел», «Скидочные купоны», «Распродажа», виджеты (рекомендуемые товары, хиты и т.д.) – все это уже встроено.
  14. Личный кабинет покупателя: профиль, история заказов и т.д.
  15. Отзывы клиентов.
  16. Автоматизированное информирование по e-mail о новых заказах, смене их статуса, низком уровне остатка товара на складе или его отсутствии, размещении отзыва.
  17. Складской учет товаров и оповещение по e-mail.
  18. Настройка налогов по ставкам страны.
  19. Разделение прав пользователей. Несколько сотрудников магазина могут обладать различными правами и отдельным доступом.
  20. SEO-оптимизация. ЧПУ, карта сайта, разметка метатегов для каждой страницы, подключение аналитики – всё есть.

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

Перспективы курса

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

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

Изучив курс, Вы:

1

Узнаете, как создавать темы для WordPress.

2

Узнаете, как создавать темы для WordPress, которые имеют нужный вам функционал.

3

Узнаете, как создавать темы для WordPress, с поддержкой WooCommerce.

4

Узнаете, как создавать интернет-магазины на WooCommerce, за которые заказчик готов заплатить действительно хорошие деньги.

5

Создадите полноценную тему для WooCommerce с обширным функционалом.

Купить курс

Возможности WooCommerce

Продажа любой продукции

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

Гибкая настройка доставки

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

Множество способов оплаты

WooCommerce идет в комплекте с возможностью принимать большинство банковских карт и наличные при доставке.

Нужны дополнительные опции? Более 140 региональных шлюзов интегрировано с WooCommerce, включая самые популярные.

Создание дизайна

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

Определите ваш стиль путем кастомизации Storefront по вашему вкусу или выберите одну из ее дочерних тем. Это все на ваше усмотрение и с открытым исходным кодом.

Полный контроль над интернет-магазином

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

Масштабируемость

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

Расширяемость

Для WooCommerce создано большое количество расширений и дополнений:

Google аналитика;

заметки о доставке;

PDF-накладные и описи заказов;

интеграция партнерской программы Light;

новые эмблемы товаров;

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

Сколько зарабатывают специалисты со знанием WooCommerce?

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

Заработная плата таких разработчиков начинается, как правило, от 80 000 руб.

Но зачастую предлагаемая заработная плата превышает 100000 руб.

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

Почему стоит выбрать WooCommerce?

Если вам нужно создать интернет-магазин, то есть несколько различных вариантов, как это сделать. Но один из лучших — использовать WooCommerce. На нем создано 23,43% всех интернет-магазинов или 8,7% от общего количества сайтов в интернете (w3Techs).

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

Выше мы уже рассмотрели основные преимущества и возможности WooCommerce. Но даже у такого популярного и функционального плагина есть свои недочеты.

Минусы интернет-магазина на WooCommerce

Как у любой системы, обладающей таким широким набором инструментов и настроек, здесь тоже найдутся недостатки, к которым нужно быть готовыми. Но их всего два:

1

Ориентация на Запад в плане платежных опций и способов доставки. С адаптацией под определенный регион придется работать самостоятельно. Аналогичная ситуация и с доступными валютами — далеко не для всех стран доступно отображение местных денег.

2

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

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

Чем поможет данный видеокурс

Что вы получаете, приобретая данный курс? Вот лишь основные преимущества:

1.

Возможность изучить вопрос создания тем для WordPress с нуля

2.

Возможность изучить PHP и ООП, если Вы начинающий программист и хотите поднять свой уровень.

3.

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

4.

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

5.

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

6.

Вы узнаете, как создавать полностью мультиязычные темы для WordPress и WooCommerce с локализацией.

План действий

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

Часть 1

Знакомство с WooCommerce. Панель администратора

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

Здесь вы узнаете о том, как создавать и управлять категориями магазина, как создавать различные типы товаров, как работать с атрибутами товаров. Мы рассмотрим ключевые настройки магазина, связанные с доставкой и оплатой, с отображением товаров, с покупателями магазина и т.д. Также вы узнаете, как использовать функционал экспорта/импорта товаров и как работать с файлами экспорта/импорта товаров. Эта часть состоит из 14 уроков продолжительностью около 3 часов.

Часть 2

Разработка темы WooCommerce

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

Все уроки второй части посвящены исключительно разработке и работе с кодом. Как итог – будет создана полноценная тема для WordPress с поддержкой WooCommerce и на выходе мы получим интернет-магазин с уникальным дизайном и со всем необходимым функционалом: категории товаров, товары всех типов, которые предлагает WooCommerce, атрибуты товаров и фильтры, страницы корзины и оформления заказа, а также многое другое. В этой части 40 уроков общей продолжительностью более 12 часов.

Купить курс

Подробное содержание курса

Часть 1

Знакомство с WooCommerce. Панель администратора

Урок 1. Введение
В первом уроке курса мы пройдемся по организационным моментам, рассмотрим структуру курса, требуемый минимум знаний, необходимый для прохождения курса. Также в уроке будут предложены варианты программного обеспечения для работы.
Урок 2. Установка WooCommerce

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

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

Урок 3. Управление категориями

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

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

Урок 4. Простой товар

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

Урок 5. Настройка отображения категорий

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

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

Урок 6. Метки
Как вы помните, товары можно каталогизировать по категориям, чтобы затем на сайте можно было просмотреть все товары той или иной категории. Но иногда может быть недостаточно возможности группировать товары только по категориям. В этом случае дополнительно можно использовать метки, которые очень похожи на категории. После того, как товарам присваиваются метки, появляется возможность просмотреть на сайте товары по выбранной метке.
Урок 7. Атрибуты

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

Урок 8. Сгруппированный товар

Следующим типом товара, который будет рассмотрен в предлагаемом уроке, будет сгруппированный товар. По сути, сгруппированный товар – это несколько простых товаров, которые вы можете захотеть представить в группе, чтобы предоставить покупателю возможность приобрести эти товары в рамках группы. Простой пример: телефон + чехол. Это два отдельных товара, которые можно объединить в группу.

Урок 9. Вариативный товар

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

Урок 10. Внешний товар

В этом уроке вы познакомитесь с последним типом товара в WooCommerce – это внешний или партнерский товар. Это самый простой тип товара. На самом деле этот товар не продается на сайте, а просто представлен в виде рекламы, т.е. ваш магазин просто рекламирует товар другого магазина и предлагает приобрести этот товар у партнера.

Урок 11. Основные настройки

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

Урок 12. Доставка и оплата

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

Урок 13. Виртуальные товары

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

Урок 14. Импорт и экспорт товаров

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

Часть 2

Разработка темы WooCommerce

Урок 1. Установка WooCommerce

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

Урок 2. Поддержка WooCommerce в теме
Разрабатывая тему для WooCommerce, мы фактически начинаем с разработки темы для WordPress. Нюанс заключается в том, что эта тема должна поддерживать WooCommerce и его возможности. Как включить поддержку плагина WooCommerce в теме WordPress – вы узнаете из данного урока.
Урок 3. Хуки и шаблоны в WooCommerce

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

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

Урок 4. Подключение стилей и скриптов

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

Урок 5. Меню страниц
WordPress из коробки предлагает очень гибкую возможность по работе с произвольными меню. Разработчик может создавать нужно количество разных меню и добавлять в них как стандартные страницы и категории, так и произвольные ссылки. В этом уроке мы добавим и выведем меню страниц.
Урок 6. Меню категорий

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

Урок 7. Меню навбара

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

Урок 8-9. Карточки категорий. Часть 1-2

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

Урок 10-11. Карточка товара. Часть 1-2

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

Урок 12. Слайдер

На главной странице сайта нередко выводится слайдер. Наш сайт – не исключение. Для реализации слайдера мы воспользуемся функционалом пользовательских постов, которые позволяет регистрировать WordPress.

Урок 13. Мини-корзина

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

Урок 14. Поиск по товарам
При создании темы для WooCommerce не лишним будет предусмотреть поиск. При этом желательно, чтобы этот поиск работал только для товаров, а не для абсолютно всего контента на сайте. В данном уроке мы воспользуемся одним из плагинов для WooCommerce и получим поиск по товарам. При этом это будет живой поиск, т.е. товары будут предлагаться по части введенного названия и без перезагрузки страницы.
Урок 15-18. Шаблон страницы магазина. Часть 1-4

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

Урок 19-25. Страница товара. Часть 1-7
Сразу семь уроков будут отведены под реализацию страницы товара. Это достаточно объемная по функционалу страница. Здесь необходимо не только вывести всю возможную информацию о товаре: название, рейтинг, описание, цены, атрибуты, отзывы, фотографии. Но здесь также нужно предусмотреть возможность просмотра различных вариантов товара: простой, вариативный, сгруппированный или партнерский.
Урок 26-29. Корзина. Часть 1-4
Очередные четыре урока курса будут отведены под реализацию функционала корзины. Страница корзины должна предоставить покупателю всю информацию о товарах, которые находятся в корзине, а также можно показать сведения о вариантах доставки и оплаты. Кроме этого, в корзине покупатель должен иметь возможность изменить количество того или иного товара или же удалить лишний товар. Также WooCommerce предлагает функционал купонов, которые предоставят скидку на заказ. Все эти возможности будут реализованы в данных уроках.
Урок 30. Мини-корзина в popup-окне
Дизайн нашего магазина предполагает простой вариант мини-корзины, в котором показывается только количество товаров и предоставляется ссылка для перехода на страницу корзины. Однако нередко мини-корзина реализуется с показом списка товаров в popup-окне. В этом уроке будет показана возможная реализация данного функционала.
Урок 31-34. Оформление заказа. Часть 1-4

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

Урок 35. Страницы регистрации и авторизации
Последние несколько уроков курса будут посвящены страницам пользователя. И в данном уроке будут созданы страницы регистрации и авторизации. На самом деле в WooCommerce они представлены одной странице. Пользователь на одной странице видит формы регистрации и авторизации. Соответственно, через форму входа он сможет авторизоваться на сайте, а через форму регистрации – зарегистрировать новый аккаунт.
Урок 36. Страница аккаунта
В этом уроке будет создана страница аккаунта пользователя. На эту страницу пользователь попадает сразу после авторизации на сайте. Здесь представлены все необходимые ссылки типового личного кабинета пользователя.
Урок 37. Просмотр заказов

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

Урок 38. Детали профиля

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

Урок 39. Обновление WooCommerce

WooCommerce – это плагин с хорошей поддержкой, а это значит, что он достаточно часто обновляется. Из этого урока вы узнаете, как обновить плагин до последней актуальной версии (в курсе – с версии 6.9 до версии 7.0).

Урок 40. Подготовка темы к переводу

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

Для кого этот видео курс?

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

Для успешного изучения курса Вам потребуются знания верстки (HTML, CSS, основы JavaScript и jQuery). Фактически, данные знания являются стандартом и подразумеваются как само собой разумеющееся, если Вы планируете стать веб-разработчиком.

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

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

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

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

Три ценных бонуса

Бонусные видеокурсы разработаны специально для того, чтобы даже полный новичок на старте смог заложить крепкий фундамент по основам языка РНР 8, а также по объектно-ориентированному программированию и работе с базами данных MySQL.

Бонус 1. Премиум-курс PHP 8

24 урока
08 часов видео
Автор: Андрей Кудлай

Представляем вам новый курс по PHP программированию, в котором будет изучаться последняя версия PHP – PHP 8.

В первую очередь курс будет полезен тем, кто вообще не знаком с PHP.

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

В курсе будут рассмотрены все важные новинки восьмой версии PHP.

Мы начнём изучать PHP с нуля, с самых-самых основ, с синтаксиса языка, понятия переменной и пр.

После изучения материалов курса вы должны быть уже достаточно уверенным программистом на PHP. Конечно же, при должном усердии и ответственном подходе к материалам видеокурса.

Уроки не будут представлять из себя лишь «голую» теорию. В данном курсе вы найдете множество домашних заданий для закрепления на практике.

Бонус 2. Премиум-Курс Объектно-ориентированное программирование на PHP

17 уроков
6 часов видео
Автор: Андрей Кудлай

В уроках курса простым языком, понятным даже новичкам, рассматриваются основы объектно-ориентированного программирования (ООП).

Этих знаний должно быть достаточно для написания telegram-ботов, а также большинства приложений на РНР в объектном стиле.

Рассматривается наследование классов для создания удобной и гибкой логики веб-приложения, а также создание разветвленных иерархий классов. Объяснено переопределение методов и создание абстрактных классов.

Объясняется смысл использования интерфейсов, тема автозагрузки классов. Разбирается использование пакетного менеджера Composer.

Бонус 3. Премиум-Курс WordPress для самых «маленьких»

8 уроков
1,5 часа видео
Автор: Андрей Кудлай

Это действительно уроки по для тех, кто только-только начинает свое знакомство с WordPress или даже вовсе не знаком с этой CMS.

Здесь вы найдете все основные моменты, в которых будет показана работа с системой администратора сайта на WordPress.

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

Содержание:

Урок 1. Установка WordPress
Первый урок мы логично начнем с установки системы. Здесь вы узнаете, откуда можно и стоит скачать дистрибутив WordPress, на какие моменты стоит обратить внимание в процессе установки движка, ну и, собственно, в результате вы получите установленный и готовый к работе сайт на WordPress.
Урок 2. Установка тем

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

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

Урок 3. Записи, рубрики, страницы

Основными сущностями, с которыми администратор сайта будет работать практически 100% времени администрирования сайта будут рубрики, записи и страницы. Именно они и составляют контент сайта, поэтому наполняя сайт, администратор будет иметь дело с ними.

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

Урок 4. Создание меню

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

В данном уроке мы создадим меню для нашего сайта. При этом мы увидим, что в меню можно поместить любой материал нашего сайта: рубрики, страницу или статью. Мало того, WordPress позволяет размещать в меню даже произвольные ссылки, что делает его на 100% гибким и удобным.

Урок 5. Виджеты

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

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

Урок 6. Плагины

WordPress имеет на борту очень много всевозможного функционала, которого вам будет достаточно в большинстве случаев. Однако, как говорится, нам всегда мало того, что у нас есть и хочется большего. Если вам не хватает заложенных в WordPress возможностей – вы всегда можете расширить их с помощью плагинов.

WordPress – это самая популярная на сегодняшний день CMS, поэтому не удивительно, что для нее написано тысячи всевозможных плагинов, которые точно помогут решить вашу проблему. Ну а если нужного плагина нет, тогда WordPress имеет понятное API для написания плагинов. В этом уроке вы узнаете, как найти и установить нужный плагин.

Урок 7. Настройка сайта на WP

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

Урок 8. Перенос сайта WordPress

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

Цена курса

Скачивайте мгновенно и приступайте к изучению!

5 970 руб.

Возврат денежных средств в течение 90 дней с момента покупки гарантирован!

Об авторе

Андрей Кудлай

Постоянный автор различных материалов WebForMyself.com

14 лет опыта веб-разработки и столько же лет преподавания

В совершенстве владеет: PHP, Python, JavaScript, HTML5 и CSS3, а также десятками различных фреймворков, библиотек и CMS

Является автором полутора десятка популярных видеокурсов, получивших отличные отзывы

Педагог по образованию и состоянию души, благодаря чему умеет объяснять так, что становится понятно даже новичку

Хорошо известен постоянной аудитории WebForMySelf по множеству бесплатных уроков и популярных курсов, таких как:

«PHP-Мастер. От теории до собственной CMS интернет-магазина» (в 2018 курс стал абсолютным бестселлером издательства WFM и получил множество тёплых отзывов);

«Интернет-магазин на OpenCart. Создание магазина с уникальным шаблоном»;

«Интернет-магазин под ключ»;

«WordPress-профессионал»;

«Фреймворк CakePHP: с Нуля до Гуру на примере создания корпоративного сайта»;

«Фреймворк Bootstrap: практика адаптивной верстки от А до Я»;

«Python. Полное руководство»;

«Django. Полное руководство».

Что говорят наши покупатели

  • Красовский Владислав

  • Жаров Роман

  • Мартыненко Валерий

  • Субботин Андрей

«Одним из аспектов при выборе курса стал его автор — Андрей Кудлай»

К Webformyself сложилось очень хорошее доверие, благодаря множеству полезного и качественного материалу в данной области. Также хотелось бы отметить, что одним из аспектов при выборе курса, стал его автор — Андрей Кудлай.

Изучив курс «Интернет-магазин под ключ», я смог разобраться с тем, как разрабатываются сайты под ключ, научился работать с множеством новых для себя функций PHP, познакомился с технологией Ajax и научился составлять Ajax-запросы самостоятельно.

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

Для меня Webformyself — полезный, качественный и современный ресурс для освоения новых знаний в области сайтостроения!

«Андрей Кудлай просто волшебник в вебе»

Купил курс «PHP Мастер» от Андрея Кудлая из Webformyself. Его курсы и уроки мне очень нравятся — у него получается прекрасно объяснять материал.

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

Мне очень нравятся курсы и уроки Андрея Кудлая. Как по мне, так он просто волшебник в вебе). Стоит отметить его прекрасный навык в объяснении сложной информации.

«Андрей Кудлай помог мне понять PHP-код и зажег интерес»

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

Я очень рад, что встретил на своем пути Webformyself! Такого уникального, обширного и доступного ресурса в Интернете больше нет.

«у Андрея талант педагога»

В плане работы с сервером БД и языком PHP у меня был вообще полный провал.

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

Купить курс

Мы даем тройную гарантию

Гарантия №1

Гарантия денежного возврата

Мы гарантируем вам полный возврат стоимости курса, если по каким-либо причинам вы посчитаете, что он оказался вам бесполезным.

Для этого просто напишите в нашу службу поддержки. Деньги вы сможете получить обратно любым удобным вам способом по первому же требованию.

Срок действия гарантии возврата средств – 90 дней.

Гарантия №2

Гарантия актуальности и качества

Все видеоуроки являются актуальными на момент релиза и были подготовлены с применением последней версии движка WordPress и актуальной версии языка PHP – 8.

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

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

Если вы совсем новичок, то благодаря трём ценным бонусным курсам, сможете заложить первые кирпичики фундамента программирования на PHP, с применением ключевых новинок PHP 8. А также основы объектно-ориентированного программирования на языке РНР.

Гарантия №3

Гарантия получения

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

Скачивание займет от нескольких минут до нескольких десятков минут (в зависимости от скорости вашего интернет-провайдера).

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

Часто задаваемые вопросы

  • А что, если в процессе изучения я пойму, что это не моё?

    Webformyself гарантирует вам полный возврат стоимости курса в течение 90 дней по первому требованию, если вы по каким-либо причинам вы посчитаете, что курс оказался вам бесполезным.

    Этого времени более чем достаточно, чтобы сделать обоснованные выводы.

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

  • Смогу ли я освоить курс?

    Курс подготовлен таким образом, что его сможет освоить даже самый новичок в РНР и WordPress, при условии ответственного подхода к изучению материалов курса и сопутствующей практики. Для этого всё в курсе предусмотрено.

  • Какие минимальные знания требуются для изучения курса?

    Для овладения курсом вам потребуются знания основ PHP и ООП PHP. Данные знания можно будет при необходимости получить из бонусной части курса.

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

    Также для успешного изучения курса вам потребуются минимальные знания верстки (HTML, CSS, основы JavaScript и jQuery). Фактически, данные знания являются стандартом и подразумеваются как само собой разумеющееся, если Вы планируете стать веб-разработчиком. Если у вас отсутствует и эта база – напишите в нашу поддержку и мы подарим вам скидку на соответствующие курсы (укажите, что вы купили курс WordPress и нуждаетесь в базовых знаниях по верстке и основам JavaScript).

  • Можно ли смотреть данный видеокурс на OS X (Mac OS)?

    Да. Это видео курс и его можно изучать как в Windows, так и в OS X (Mac OS).

  • На какой период рассчитано изучение?

    В среднем курс рассчитан на 1-2 месяца изучения – в зависимости от вашего уровня. Если вы опытный разработчик, то, вероятно, сможете изучить курс и за 2-3 недели.

    А если вы новичок и совсем не знакомы с версткой, языками JavaScript и РНР, то этот срок может растянуться и на 3 месяца, в зависимости от времени, которое вы можете проинвестировать, а также индивидуальных способностей.

  • Ограничено ли количество устройств, на которых я могу изучать курс?

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

  • На какой период я получаю доступ к курсу?

    В отличие от тренингов, видеокурс останется у вас навсегда в полное владение (но стоит при этом в десятки раз меньше).

    Ссылку на скачивание вы получите сразу же после оплаты.

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

  • Я не из России, могу ли я купить ваш курс?

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

  • Какие виды оплаты вы принимаете?

    JustClick — возможность оплаты следующими способами: МИР, Visa, MasterCard, электронные деньги (Вебмани, Киви, Яндекс-деньги), интернет-банкинг, терминалы и салоны связи (Евросеть, Связной, Яндекс-деньги), платежные системы (RBKMoney), денежные переводы (Банковский перевод, Альфа-клик, Промсвязьбанк, Контакт, Лидер).

  • Остались еще вопросы? Напишите нам!

    Если у вас остались вопросы по материалам курса или процессу оплаты, напишите нам в службу поддержки. Мы ответим вам в самое ближайшее время и попытаемся вам помочь. :)

Действуйте!

Инвестируйте в себя и свои знания.

Грамотные IT-специалисты будут нужны всегда. Особенно владеющие самой популярной CMS в мире.

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

Выбор за вами, коллега!


Купить курс