Virgin Courtesans — це вишуканий веб-сайт на базі WordPress, створений для модельного агентства. Цей проект підкреслює важливість чистого, мінімалістичного дизайну, який акцентує увагу користувача на візуальній привабливості. У цьому посібнику я проведу вас через весь процес, від вибору теми до фінальних штрихів.
Встановлення та кастомізація теми Astra
Я обрав тему Astra через її легкість та широкі можливості для налаштування. Після встановлення теми я розробив головну сторінку з яскравим банером та привабливою кнопкою заклику до дії.
Щоб видалити стандартний хедер в Astra, перейдіть до Appearance > Customize > Header Builder та видаліть усі блоки з рядків хедера.
Редагування та персоналізація футера
Футер можна налаштувати або повністю видалити відповідно до ваших уподобань. Перейдіть до Appearance > Customize > Footer Builder, щоб змінити макет або додати текст, посилання та віджети.
Створення динамічної галереї
Клієнту була потрібна динамічна галерея, де при наведенні на зображення відображається категорія моделі, теги та короткий опис. Для реалізації цього я використав плагін The Post Grid.
У налаштуваннях макета (Layout Settings) я обрав опції ✅ Grid Hover та ✅ Grid Hover 2.
Впровадження кастомної контактної форми
Для створення зручної контактної форми я використав плагін Contact Form 7. Просто перейдіть до Contact > Add New та налаштуйте поля відповідно до ваших потреб.
Тестування та оптимізація
Після створення сайту важливо перевірити його швидкодію. Я використав Google PageSpeed Insights для аналізу та оптимізації швидкості завантаження.
Обов'язкові плагіни
- WPvivid: Резервне копіювання сайту.
- Flamingo: Надійне зберігання заявок з CF7.
- 404 to 301: SEO-дружні редіректи.
- Google Site Kit: Інтеграція інструментів Google.