VitallyLifeWordPress-те интернет-дүкен әзірлеу: кастомдық верстка және жоғары өнімділік
БАД пен медициналық қызметтер дүкенін жасау. JS-те кастомдық себет жинадым, плагин жаздым және PageSpeed-те 90+ баллға қол жеткіздім
Биологиялық белсенді қоспалар (БАД) дүкені мен биохакинг клиникасының иесі жүгінді. Барлық тауарларды, санаттарды және функционалды сақтай отырып, WordPress-тегі ағымдағы сайтты жаңарту қажет болды.
Бастапқы мәліметтер - сайт 8 секундтан астам уақыт жүктеледі, артық кодтар, плагиндер көп және Elementor-дағы ескі сайтқа тән барлық проблемалар бар. PageSpeed өнімділігін бағалау - 81, SEO - 54.
Версткадан кейін WordPress-пен интеграция басталды. Жаңа тауар бетінің құрылымы ескісінен өзгеше болғанымен, әлдеқайда қарапайым еді, сондықтан бұл бөлігінде айтарлықтай қиындықтар туындамады.
Алайда, WooCommerce-де әдепкі бойынша тек AJAX арқылы жұмыс істейтін және әрбір тауарды қосқан сайын бетті толық жаңартатын себет мәселесі қалды. Сондықтан WooCommerce стандартты төлем формасымен үздіксіз интеграцияланатын арнайы (кастом) себетті әзірлеу туралы шешім қабылданды.
Келесі кезекте кері байланыс формалары тұрды. Стандартты Contact Forms-та кез келген форманы ыңғайлы жинақтау үшін қажетті функционалдың жоқтығы бізге сәйкес келмеді. Ол формалар тақырыппен (тема) дұрыс жұмыс істемеді, стилдерді қайта анықтауды қажет етті және форманы жіберу процесі де ыңғайсыз болды. Сондықтан сайт үшін арнайы жеке плагин әзірлеу туралы шешім қабылданды.
Ыңғайлы баптаулар мен жіберілген өтінімдерді қарау мүмкіндігінен кейін бірден қауіпсіздік мәселесі алға шықты. Осы мақсатта nonce арқылы тексеру жүзеге асырылды және бетті жаңартпай бірнеше форманы жіберу мүмкіндігі жабылды. Әрине, ашық форманы қорғау оңай емес, бірақ бұл жағдайда миллиондаған өтінімді бір секундта жіберуден емес, жай ғана спамнан қорғау мақсаты тұрды. Бұл архитектура осы міндетті толығымен орындайды.
Төменде - сайттың бүкіл басты беті. Барлық мәзір мен сілтемелер әкімшілік панельден өңделеді, ал тауарлар бөліміне ең көп тапсырыс берілетін өнімдер шығарылады.
Осымен жобаны әзірлеу аяқталды. Сайт бүгінгі күнге дейін ешбір қиындықсыз жұмыс істеп тұр. Жақында WordPress 7.0.0 нұсқасына жаңартылды, дұрыс архитектура мен тақырыпты жүзеге асырудың арқасында ешқандай проблема туындамады.
