Имея готовый сайт, создать панель администратора для удобного управления сайтом.
Решение
Сложно понять, в чем собственно была работа, поэтому я решил записать видео и показать процесс до работы и после.
Покажу 2 варианта добавления новости на сайт:
Без системы администрирования
С системой администрирования
Приношу свои извинения за качество звука
Сравнение при добавлении новости
Процесс
С Марией Луцевой мы работаем давно, она обратилась ко мне с просьбой сделать интеграцию.
Сначала нужно было определиться с системой администрирования. На сайте всего 4 типовые страницы, нет функциональности магазина, поэтому выбор падает на Wordpress, она идеально подходит для этого сайта.
Я делал этот калькулятор в 2018 году. Прошло 6 лет. За это время я стал опытнее как дизайнер. Я заметил, что страницу калькулятора начали посещать гораздо чаще. За августа 2024 страницу посетили 726 раз.
Я решил сделать его ещё удобнее. 2 октября 2024 обновил код и внес ряд обновлений:
При добавлении нового пункта сайт автоматически будет прокручивать к нему.
Обновил внешний вид, сейчас блоки с материалами выглядят опрятнее.
Раньше при первом посещении было пусто, надо было нажимать плюс. Теперь сразу по-умолчанию будет показываться первый блок материала.
Поменял слово«Пункты» на «Материалы».
Изменил тексты в полях, чтобы больше подходило под нишу бьюти.
Поменял«руб. на единицу» на «₽ на клиента».
Сделал сохранение в куки, если вы случайно закрыли вкладку — все сохранится.
Добавил кнопку«Добавить ещё», чтобы не надо было тянутся в правый верхний экран.
Сделал так, что при клике на поле, на мобильном будет включаться числовая клавиатура
Нажмите на «+» или кнопку«Добавить ещё» для добавления нового материала
Введите название материала
Введите стоимость всей упаковки
Введите обьем упаковки
Введите количество, которое тратится на на одного клиента
Если вы не введете стоимость, объем и количество на одного клиента, сумма не рассчитается.
Для удаления материала нажмите значек корзины.
Справа показывается количество всех материалов и сумма затрат на одного клиента.
Как разрабатывался
Моя девушка — мастер маникюра, педикюра и депиляции. Она постоянно покупает какие-то новые инструменты, расходники для своих клиентов, с каждым днем их становится все больше 🙂
Иногда появляется необходимость считать себестоимость оказания одной услуги в каждом из трех направлений.
Каждый раз когда мы собирались делать это, мы брали листок, ручку и калькулятор, выписывали каждый материал на листок и считали в какой бутылке или пачке сколько всего, сколько используется и что в итоге получается.
Однажды программист во мне взял вверх и я решил немного автоматизировать это процесс.
В качестве практики я сделал для любимой мини-приложение для расчета себестоимости услуг, которым она конечно не пользуется.
Я тут понимаете ли стараюсь, а она до сих пор с листом и ручкой 🙂
Демо работы
Если вам нужен разработчик и дизайнер сайта, пишите в телеграм @danya_postnov
