Новый дизайн сайта 5game.su: что изменилось для читателей

В сентябре 2018 года команда «Официального пятого игрового» выкатила новый дизайн сайта на базе шаблона 5game-new. Цель была простая: убрать устаревшую вёрстку, ускорить чтение ленты и сделать так, чтобы игровые новости, обзоры и материалы сообщества смотрелись единообразно на мониторе и на телефоне. С тех пор оболочка неоднократно дорабатывалась, но каркас — шапка с поиском, горизонтальное меню, крупные карточки публикаций — остаётся узнаваемым.

Кратко

• Обновлена шапка: логотип, поиск, соцсети и блок входа в одной линии.
• Горизонтальное меню ведёт в новости, трейлеры, статьи, читы, обои, видео, моды и каталог игр.
• Лента новостей показывает превью из анонса — картинка видна уже в списке категории.
• Подключены современные шрифты Roboto и слайдер Swiper для главных блоков.
• Страницы статей получили аккуратную типографику и блоки статистики просмотров.

Зачем меняли внешний вид портала

К 2018 году аудитория 5game.su всё чаще заходила с мобильных устройств. Старые таблицы и мелкие ссылки мешали листать ленту игровых новостей и быстро переходить к трейлерам или гайдам. Редакция собрала пожелания читателей: крупнее заголовки, контрастнее кнопки, меньше «шума» вокруг текста. Обновление затронуло не только CSS, но и структуру шаблонов DataLife Engine — чтобы редакторы могли вставлять галереи, видео и цитаты без поломки вёрстки.

Стоит учитывать: смена темы не затрагивала адреса материалов. URL вида /категория/id-slug.html сохранились — это важно для закладок и поисковой выдачи. Менялись оформление, порядок блоков и поведение меню на узких экранах.

Шапка, поиск и социальные сети

Верхняя зона сайта объединяет бренд и сервисные функции. Слева — кликабельный логотип на главную. По центру — строка поиска с подсказкой «поиск по сайту»: запрос уходит в стандартный модуль DLE, индексируются заголовки и анонсы. Справа — иконки соцсетей (в том числе группа ВКонтакте) и ссылки на правила, рекламу и обратную связь.

Отдельный блок — авторизация: аватар-заглушка, форма логина и регистрация. Для гостей это сигнал, что комментарии и закладки доступны после входа. Для постоянных читателей — привычная точка входа без перехода в громоздкую админку.

Навигация по разделам

Под шапкой идёт горизонтальное меню. Оно ведёт в ключевые витрины: «Новости», «Игровые трейлеры», «Статьи», «Читы», «Обои», «Видео», «Моды» и внешний каталог на поддомене игр. Такой порядок отражает редакционную модель — сначала оперативные заметки, затем долгие материалы и утилиты вроде чит-кодов.

Новости проекта, куда входит эта публикация, собраны в категории «Новости проекта». Там же выходили анонсы конкурсов, техработ и крупных правок шаблона. Если вы следите за развитием портала, имеет смысл добавить раздел в закладки.

Лента, превью и страница материала

Главное визуальное улучшение для ежедневного чтения — превью в списках. В DLE картинка для карточки берётся из краткого описания (short_story). После обновления редакторы стали чаще ставить в анонс первый кадр из статьи: в категории сразу видно, о чём заметка — релиз, патч или скриншот.

На полной странице новости отображаются заголовок H1, рубрика, счётчик просмотров, дата и тело HTML. Блок «похожие материалы» и комментарии остаются в привычных местах. Для длинных статей и гайдов это снижает отказы: читатель понимает, где он находится, и может перейти к соседним темам без возврата на главную.

Фон, типографика и мобильная версия

Шаблон использует фоновые изображения и мягкие градиенты, чтобы отделить контент от подложки. Подключён шрифт Roboto с кириллицей — заголовки и основной текст читаются ровно на Retina-экранах и обычных мониторах. Swiper отвечает за слайдеры на главной: несколько промо-новостей листаются без перезагрузки страницы.

Мета-тег viewport включён — верстка подстраивается под ширину экрана. Появился компактный «бургер» для мобильного меню, чтобы не дублировать длинный список ссылок в шапке. Обратите внимание: тяжёлые скрипты вынесены с defer, чтобы первый экран грузился быстрее.

Что это даёт читателю сегодня

Спустя годы обновление 2018-го остаётся фундаментом текущего 5game.su. Редакция продолжает наполнять разделы свежими релизами, бенчмарками и подборками, а техника — выравнивать мета-описания, иллюстрации и внутренние ссылки. Если вы зашли на страницу из архива, ориентируйтесь на актуальные материалы в разделе трейлеров и в ленте новостей — там публикуются анонсы крупных тайтлов.

FAQ

Менялись ли адреса статей после редизайна?

Нет. Идентификатор новости и slug в URL сохраняются при правках текста. Меняется оформление и содержимое, а не ссылка. Это правило действует и для старых заметок вроде данной публикации с id 593.

Где смотреть другие новости о самом сайте?

В категории «Новости проекта» на 5game.su. Туда попадают сообщения о шаблоне, акциях, технических работах и крупных изменениях структуры. Подписка на RSS сайта тоже подхватывает эти материалы.

Почему в ленте у некоторых новостей нет картинки?

Превью зависит от анонса: если в short_story нет тега img, DLE показывает пустой блок. После массовой переработки материалов команда добавляет постер из первого кадра статьи — так лента выглядит ровнее.

Как предложить правку по интерфейсу?

Через форму обратной связи на портале или в соцсетях проекта. Конструктивные отчёты о нечитаемых шрифтах, сломанной мобильной вёрстке или битых иконках помогают приоритизировать следующие правки шаблона.

Обновлённый интерфейс 5game.su — это не разовый «косметический» апдейт, а попытка подстроить игровой портал под привычки аудитории: быстрый поиск, явные рубрики и честные превью в ленте. Заходите на главную, выбирайте раздел — и сохраняйте любимые материалы в закладки: структура для этого уже готова.