WordPress — Как создать интернет магазин (Часть 1)

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

Создаём интернет магазин с помощью WordPress (Часть 1)

Для начала нам необходимо выбрать тему, желательно которая поддерживает работу с  плагином «Woocommerce» и адаптирована под перевод. Полазив по темам, выбрал для себя одну, называется она «AccessPress Store». Она является бесплатной и её можно скачать из официального репозитория WordPress.

Шаг 1. Устанавливаем тему (шаблон) «AccessPress Store».

У нас есть чистый и только что установленный WordPress, на него нам необходимо установить нашу тему. О том как становить WordPress можете прочитать в данной статье: WordPress — устанавливаем на локальный сервер.

  1. И так, заходим в консоль WordPress-а, выбираем «Внешний вид» -> «Темы»

    Wordpress - выбираем тему

    WordPress — выбираем тему

  2. Сверху нажимаем кнопку «Добавить новую» и в поиск вбиваем «AccessPress Store»

    WordPress - устанавливаем тему AccessPress Store

    WordPress — устанавливаем тему AccessPress Store

  3. Наводим курсор на тему и нажимаем «Установить»

    WordPress - устанавливаем тему AccessPress Store

    WordPress — устанавливаем тему AccessPress Store

  4. После того как тема установится нажимаем «Активировать»

    WordPress - устанавливаем тему AccessPress Store и активируем

    WordPress — устанавливаем тему AccessPress Store и активируем

Шаг 2. Устанавливаем необходимые плагины.

  1. После активации нам предложат установить необходимые плагины для корректной работы темы, нажимаем «Begin installing plugins»

    WordPress - устанавливаем необходимые плагины

    WordPress — устанавливаем необходимые плагины

  2. Выбираем действие «Install», выделяем галочками все плагины, нажимаем «Применить»

    WordPress - устанавливаем необходимые плагины

    WordPress — устанавливаем необходимые плагины

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

    WordPress - устанавливаем необходимые плагины шаг-4

    WordPress — устанавливаем необходимые плагины шаг-4

  5. Начнём по порядку, нажимаем на«Try Icegram», в результате установим плагин «Icegram», и не забываем нажать активировать.

    WordPress - устанавливаем необходимые плагины шаг-5

    WordPress — устанавливаем необходимые плагины шаг-5

  6. Дальше, опять сверху, нажимаем «Запустить помощника установки». Он нам поможет настроить плагин «WooCommerce».

    WordPress - настраиваем плагин WooComerce

    WordPress — настраиваем плагин WooComerce

  7. На первой странице нас ожидает приветствие, нажимаем «Поехали!»
  8. Далее нам предложат создать базовые страницы, там всё понятно расписано, жмём «Продолжить»

    WordPress - настраиваем плагин WooComerce шаг 2

    WordPress — настраиваем плагин WooComerce шаг 2

  9. Выбираем регион, выбираем валюту, позицию обозначения валюты (где будет стоять знак рубля), разделитель, число знаков после целого (например если оставить 2, то будет так: 1.123.00 р.), единицу для обозначения веса и единицу для обозначения габаритов. Нажимаем «Продолжить».

    WordPress - настраиваем плагин WooComerce шаг 3

    WordPress — настраиваем плагин WooComerce шаг 3

  10. Ставим галочки если у вас будет физическая доставка товаров (для виртуальных товаров она естественно не нужна) и будете ли вы включать налог в стоимость товара. Нажимаем «Продолжить».

    WordPress - настраиваем плагин WooComerce шаг 4

    WordPress — настраиваем плагин WooComerce шаг 4

  11. Дальше предложат выбор способа оплаты, выбираете что вам необходимо, позже можно будет добавить или убрать нужные способы. Нажимаем «Продолжить».

    WordPress - настраиваем плагин WooComerce шаг 5

    WordPress — настраиваем плагин WooComerce шаг 5

  12. Дальше нас спросят хотим ли мы помогать плагину и могут ли они собирать о Нас информацию, тут выбор за вами. Так же предложат создать наш первый товар. Нажимаем «Вернуться в консоль WordPress».

    WordPress - настраиваем плагин WooComerce шаг 6

    WordPress — настраиваем плагин WooComerce шаг 6

  13. Сверху по-прежнему осталось одно сообщение, оно нам сообщает о том, что файлы шаблона WooCommerce не обновлены до последней версии. Нажимаем «Узнать больше о темах».
    WordPress - обновляем плагин WooComerce шаг 7

    WordPress — обновляем плагин WooComerce шаг 7

    Нас перекинет на страницу документации по плагину WooCommerce, там же будет ссылка на последнюю версию файлов. Необходимо выбрать последнюю версию шаблонов и нажать «View template files».

    WordPress - обновляем плагин WooComerce шаг 8

    WordPress — обновляем плагин WooComerce шаг 8

  14. Перейдя по ссылке попадаем на сайт github, где хранятся все обновлённые файлы шаблона. Перед тем как всё качать, необходимо проверить какие файлы нам необходимо обновить. Возвращаемся в нашу консоль WordPress, вверху нажимаем ссылку «system status page».
    WordPress - обновляем плагин WooComerce шаг 8

    WordPress — обновляем плагин WooComerce шаг 8

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

    WordPress - обновляем плагин WooComerce шаг 9

    WordPress — обновляем плагин WooComerce шаг 9

  15. Например нам необходимо обновить файл «content-single-product.php». Возвращаемся на страницу github, ищем там наш файл

    WordPress - ищем обновлённый файл темы

    WordPress — ищем обновлённый файл темы

  16. Скачиваем его или просто открываем. Далее такой же файл нам необходимо найти в нашем сайте. Идём по пути который был указан в статистике, у меня это «accesspress-store/woocommerce/content-single-product.php». Далее просто заменяем наш файл скаченным, либо открываем через текстовый редактор и копируем содержимое с сайта в файл.
  17. Обновим нашу страницу со статистикой, в итоге она должна перестать ругаться на наш файл.
    WordPress - обновляем файл темы WooComerce

    WordPress — обновляем файл темы WooComerce

    И так проходим по всем файлам.

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

Читайте продолжение: WordPress — Как создать интернет магазин (Часть 2)

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

Поделиться в соц. сетях:

Понравилась статья? Поблагодари автора, накорми печеньками! :)

CrazyKing

Печенько-кодер :Р

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