Задача
Страница на Elementor Free. Вместо галереи — пронумерованный список услуг рядом с липким снимком, тёмный блок преимуществ и форма бронирования с датой заезда.
Как делал
Хедер и футер — Unlimited Elements, в стоковом Elementor их нет. Шапка двухслойная: тёмная полоса с телефонами, под ней светлая с навигацией; «Работаем круглый год» прижат вправо через flex с justify-content: space-between.
Палитра — восемь Global Colors. Скругления обнулил: в макете их нет, а Elementor скругляет кнопки и карточки по умолчанию, и сетка рассыпается на пилюли.
Блок услуг: снимок липкий, 4:5, справа пять пунктов, у каждого своя картинка. Loop Grid в Free нет, поэтому список собран вручную, а подмена src — скриптом через WPCode, без правки темы.
Форма — Contact Form 7 с маской телефона и обязательной датой, заявка уходит в Telegram через Message Bridge, спам режет honeypot без капчи.
Вес: QuickWebP гоняет фото в WebP, Elementor Optimizer выкидывает мёртвый CSS и тянет шрифты локально — Cormorant в четырёх начертаниях это ощутимый вес.
Вход: адрес админки перенесён с /wp-login.php через WPS Hide Login, перебор паролей режет Limit Login Attempts, сверху Two Factor. Кириллицу из адресов убирает Cyr to Lat.
| Плагин | Зачем |
|---|---|
| Elementor Free | сборка мышкой, адаптив, motion effects |
| Unlimited Elements | хедер и футер-билдер, счётчики, полноэкранное меню |
| WPCode | свой JS и CSS без правки темы |
| Contact Form 7 | форма бронирования с маской и датой |
| Message Bridge | мост CF7 → Telegram Bot API |
| Honeypot for CF7 | антиспам без капчи |
| QuickWebP | перегонка фото в WebP локально |
| Elementor Optimizer | удаление мёртвого CSS, локальные шрифты |
| Autoptimize | склейка и минификация CSS и JS |
| Cyr to Lat | латиница в адресах: /broneirovanie вместо /бронирование |
| WPS Hide Login | свой адрес входа вместо /wp-login.php |
| Limit Login Attempts Reloaded | блокировка перебора паролей |
| Two Factor | второй фактор по TOTP |
| UpdraftPlus | бэкапы по расписанию в облако |
Итог
Бесплатный стек, тема не тронута. Липкое поведение — из Motion Effects, счётчики — из Unlimited Elements, смена картинок и маска — из WPCode.
