Годный кейс: как ребята подняли шустрый игровой портал на WordPress с кастомной авторизацией и кучей CPT
Давайте будем честны: когда слышишь фразу «игровой портал на WordPress», в голове сразу рисуется картина чего-то неповоротливого. Обычно это монстр, обвешанный десятками плагинов, где страница грузится по пять секунд из-за тяжелой темы, а 80% DOM-дерева занимает рекламная обвязка.
Но на днях мы наткнулись на проект Walkthroughs Games, и, честно говоря, он приятно удивил. Ребята сделали базу знаний по играм и гайдам, и с технической точки зрения подошли к вопросу с душой и пониманием того, как должен работать современный веб. Никакого корпоративного пафоса — просто нормальная, басятская инициатива, реализованная прямыми руками.
Что под капотом? Грамотная работа с CPT и таксономиями
Первое, что бросается в глаза — структура данных. Разработчики не стали пихать всё в стандартные post или делать монструозные категории. Сайт логично разделен на сущности через Custom Post Types (CPT).
Лоребаза (Lorebase). Это не просто статьи, это отдельные сущности под игры. Для каждой игры заведены свои кастомные поля (ACF или Carbon Fields — не так важно, важен подход): год выпуска, жанр, примерное время прохождения, количество миссий. Всё это выводится в аккуратные карточки.
Блог. Отдельный тип записей под статьи про железо, софт и оптимизацию ПК (кстати, там реально годные мануалы по борьбе с инпут-лагом и микростаттерами).
Гайды и миссии. Судя по структуре, это дочерние элементы, которые жестко привязаны к конкретной игре из Лоребазы.
Благодаря такой архитектуре на PHP-бэкенде легко строить сложные WP_Query запросы, делать кросс-линковку и выводить фильтры без убийства базы данных.
Личные кабинеты и кастомная авторизация
Сделать сайт-визитку на WP может каждый, но тут ребята заморочились с пользовательским функционалом. На сайте реализована система авторизации, причем это не дефолтная унылая форма wp-login.php, а полноценные модальные окна на фронте (modal-auth.js), работающие через AJAX. Пользователь может зарегистрироваться, зайти в свой личный кабинет (профиль) и, судя по всему, взаимодействовать с контентом (сохранять гайды, оставлять комментарии или кастомизировать профиль).
Для проекта, который делается на голом энтузиазме, поднять безопасную и симпатичную пользовательскую часть на WP — это отдельный респект.
Фронтенд: быстро, чисто, без рекламы
Обычно игровые сайты невозможно читать без AdBlock. На Walkthroughs Games рекламы нет вообще. Сайт держится на кнопке донатов («Boost us»). Из-за отсутствия тяжелых внешних скриптов рекламных сетей фронт работает молниеносно.
Что еще зацепило по верстке:
Трендовый UI. Использование эффекта Glassmorphism (те самые классы
.glassв коде) для плашек и тегов. Выглядит современно, особенно на фоне темной темы.Свои скрипты вместо комбайнов. В исходниках видно, что ребята написали модульные JS-скрипты под конкретные задачи:
guides-filter.js,mission-filter.js,youtube-lazy.js(ленивая загрузка видео, чтобы iframe не тормозил начальную загрузку страницы).Оптимизация графики. Везде проставлен
loading="lazy"иdecoding="async", картинки генерятся в правильных адаптивных форматах черезsrcset.
Вместо вывода
Проект Walkthroughs Games — это отличный пример того, что WordPress всё еще является топовым фреймворком для контентных проектов, если уметь его готовить. Вместо того чтобы городить костыли, авторы использовали архитектурные возможности движка (CPT, таксономии, REST API для статусов) и обернули это в приятный, легкий фронт.
Помимо технической части, сам контент тоже радует: парни пишут от души, без воды, разбирают игры (от The Last of Us до инди-хитов) и делают полезные мануалы по настройке видеокарт и мониторов.
Если вам интересна тема веб-разработки или вы просто ищете нормальный гайд по игре без рекламы — советуем заглянуть к ним на ru.walkthroughs.games. Как минимум, чтобы посмотреть, как можно делать аккуратные и годные проекты для людей.
Комментариев 0