Привет! Я столько раз делал сайт, но некогда не писал этапы создания, что за чем идет. Напишем про интернет магазин Мир Кондитера. Предыстория: семейная пара, как в старом видео «муж работает, мама красивая», мама родила, но не стала сидеть дома без дела, а начала делать торты на заказ.
Небольшое хобби перерастало в небольшой бизнес, а тут и второй малыш поспел, вместе с детьми рос спрос на торты и знания о кондитерском мастерстве. Муж устал на своей работе, но не от работы, а от обыденности, а тут жена заговорила о кондитерском магазине, и в тот же вечер «под пиво» было решено, делаем кондитерский магазин!
Вот такая предыстория, а я стало быть делаю сайт кондитерскому магазину. Задача сделать небольшой интернет магазин с минимумом «примочек», но с запасом на развитие в плане функционала.
1 Этап — Начало
Регистрируем домен http://mir-kondi.ru/, устанавливаем его на хостинг, делаем временную страницу.
2 Этап — Установка
Так как магазин уже работает, адрес сайта размещен на визитках и вывеске, мы делаем тестовый домен для сайта, на нем мы будем «пилить» сайт http://sate.mir-kondi.ru/, так же устанавливаем его на хостинг. Скачиваем свежий WordPress, устанавливаем на сайт, делам начальные настройки (прописываем пароли, почты, небольшие настройки). Далее устанавливаем базовый набор плагинов для WordPress: классический редактор, контактная форма, запрет удаленного управления, запрет подбора пароля, увеличение картинок, человекоподобный url, seo. Далее скачиваем свежую версию плагина интернет магазина woocommerce и устанавливаем её. Делаем начальные настройки woocommerce, чтобы запустить плагин на сайте, все, интернет магазин считай готов =)
3 Этап — Заполнение
Устанавливаем тему Storefront для Woocommerce, делаем небольшие настройки, чтобы было понятно, что где. Прописываем название магазина, создаем страницы «каталог», «оплата», «контакты», создаем меню и настраиваем его отображение, настраиваем правый сайтбар (колонку) и виджеты не нём. Получаем примерно вот это, минимум дизайна, максимум функционала.
Далее начинаем добавлять тестовые категории, тестовые товары, разбираться в типах товаров (реальный, виртуальный, акционный, сборный и т.д.). Заполняем категории товаров, которые прислал заказчик, и выставляем их порядок.
Продолжение следует…
Заметка для меня: написать про Элементор, как тему менял, как платные изучал, как форму полей заказ редактировал Saphali Woocommerce Russian, как формы оплаты редактировал.