Хотите создать свой интернет магазин, но не знаете с чего начать? В данной статье постараюсь развёрнуто рассказать о том как создать интернет магазин на WordPress, начиная с установки темы, её переводом, настройкой плагинов и полным оформлением. Статью разобью на несколько частей.
Создаём интернет магазин с помощью WordPress (Часть 1)
Для начала нам необходимо выбрать тему, желательно которая поддерживает работу с плагином «Woocommerce» и адаптирована под перевод. Полазив по темам, выбрал для себя одну, называется она «AccessPress Store». Она является бесплатной и её можно скачать из официального репозитория WordPress.
Шаг 1. Устанавливаем тему (шаблон) «AccessPress Store».
У нас есть чистый и только что установленный WordPress, на него нам необходимо установить нашу тему. О том как становить WordPress можете прочитать в данной статье: WordPress — устанавливаем на локальный сервер.
- И так, заходим в консоль WordPress-а, выбираем «Внешний вид» -> «Темы»
WordPress — выбираем тему
- Сверху нажимаем кнопку «Добавить новую» и в поиск вбиваем «AccessPress Store»
WordPress — устанавливаем тему AccessPress Store
- Наводим курсор на тему и нажимаем «Установить»
WordPress — устанавливаем тему AccessPress Store
- После того как тема установится нажимаем «Активировать»
WordPress — устанавливаем тему AccessPress Store и активируем
Шаг 2. Устанавливаем необходимые плагины.
- После активации нам предложат установить необходимые плагины для корректной работы темы, нажимаем «Begin installing plugins»
WordPress — устанавливаем необходимые плагины
- Выбираем действие «Install», выделяем галочками все плагины, нажимаем «Применить»
WordPress — устанавливаем необходимые плагины
- Ждём пока все плагины установятся, по завершению нам скажут, что все плагины были установлены и активированы, предложат вернуться в консоль.
- В консоли, сверху, нас будут ожидать сообщения/предложения о настройке и установке плагинов.
WordPress — устанавливаем необходимые плагины шаг-4
- Начнём по порядку, нажимаем на«Try Icegram», в результате установим плагин «Icegram», и не забываем нажать активировать.
WordPress — устанавливаем необходимые плагины шаг-5
- Дальше, опять сверху, нажимаем «Запустить помощника установки». Он нам поможет настроить плагин «WooCommerce».
WordPress — настраиваем плагин WooComerce
- На первой странице нас ожидает приветствие, нажимаем «Поехали!»
- Далее нам предложат создать базовые страницы, там всё понятно расписано, жмём «Продолжить»
WordPress — настраиваем плагин WooComerce шаг 2
- Выбираем регион, выбираем валюту, позицию обозначения валюты (где будет стоять знак рубля), разделитель, число знаков после целого (например если оставить 2, то будет так: 1.123.00 р.), единицу для обозначения веса и единицу для обозначения габаритов. Нажимаем «Продолжить».
WordPress — настраиваем плагин WooComerce шаг 3
- Ставим галочки если у вас будет физическая доставка товаров (для виртуальных товаров она естественно не нужна) и будете ли вы включать налог в стоимость товара. Нажимаем «Продолжить».
WordPress — настраиваем плагин WooComerce шаг 4
- Дальше предложат выбор способа оплаты, выбираете что вам необходимо, позже можно будет добавить или убрать нужные способы. Нажимаем «Продолжить».
WordPress — настраиваем плагин WooComerce шаг 5
- Дальше нас спросят хотим ли мы помогать плагину и могут ли они собирать о Нас информацию, тут выбор за вами. Так же предложат создать наш первый товар. Нажимаем «Вернуться в консоль WordPress».
WordPress — настраиваем плагин WooComerce шаг 6
- Сверху по-прежнему осталось одно сообщение, оно нам сообщает о том, что файлы шаблона WooCommerce не обновлены до последней версии. Нажимаем «Узнать больше о темах».
WordPress — обновляем плагин WooComerce шаг 7
Нас перекинет на страницу документации по плагину WooCommerce, там же будет ссылка на последнюю версию файлов. Необходимо выбрать последнюю версию шаблонов и нажать «View template files».
WordPress — обновляем плагин WooComerce шаг 8
- Перейдя по ссылке попадаем на сайт github, где хранятся все обновлённые файлы шаблона. Перед тем как всё качать, необходимо проверить какие файлы нам необходимо обновить. Возвращаемся в нашу консоль WordPress, вверху нажимаем ссылку «system status page».
WordPress — обновляем плагин WooComerce шаг 8
Попадаем на страницу статистики системы, движемся в самый низ до пункта «Шаблоны» и видим что не нравится и какие файлы необходимо обновить.
WordPress — обновляем плагин WooComerce шаг 9
- Например нам необходимо обновить файл «
content-single-product.php». Возвращаемся на страницу github, ищем там наш файл
WordPress — ищем обновлённый файл темы
- Скачиваем его или просто открываем. Далее такой же файл нам необходимо найти в нашем сайте. Идём по пути который был указан в статистике, у меня это «accesspress-store/woocommerce/content-single-product.php». Далее просто заменяем наш файл скаченным, либо открываем через текстовый редактор и копируем содержимое с сайта в файл.
- Обновим нашу страницу со статистикой, в итоге она должна перестать ругаться на наш файл.
WordPress — обновляем файл темы WooComerce
И так проходим по всем файлам.
Подводя итог статьи, мы установили тему, установили нужные плагины, настроили и обновили их. В следующей статье я расскажу как визуально отредактировать нашу тему.
Читайте продолжение: WordPress — Как создать интернет магазин (Часть 2)
Надеюсь данная статья оказалась Вам полезной, не забывайте подписываться на наш Канал и группу в ВК. Всем гору печенек и удачи!