Демо: сайт на WordPress со своей темой

Используемые навыки CSS HTML JavaScript PHP WordPress

Описание

Демо-проект, не заказ клиента. Задача, которую я себе поставил: показать на живом примере, как делаю сайты на WordPress. Сайт вымышленной компании по ремонту квартир: быстрый, без конструкторов, с удобной админкой, чтобы владелец сам менял тексты и цены.

Решение

Тема написана с нуля, без Elementor и других конструкторов, без jQuery на сайте. Блоки главной редактируются в админке по вкладкам, код трогать не нужно. Свой плагин заявок: защита от спама (поле-ловушка, проверка времени заполнения, лимиты), обязательное согласие по 152-ФЗ, список заявок со статусами, выгрузка в CSV, уведомления в мессенджер по желанию. Для скорости: критический CSS в коде страницы, остальное отложено, картинки AVIF и WebP, системные шрифты. SEO: title и description, Open Graph, разметка schema.org LocalBusiness и FAQPage, карта сайта. Стек: WordPress 7.1, PHP 8.3, MariaDB, Docker.

Результат

Мобильный Lighthouse, медиана 3 прогонов на локальном стенде: 100 по скорости, доступности, практикам и SEO. LCP 1,2 с, CLS 0, TBT 0 мс, главная страница весит 38 КБ. На хостинге LCP может немного вырасти из-за сетевой задержки, поэтому замер повторяю уже на сервере.