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

Всем привет. Знаю, вы любите посты с обновлениями сайта, так что не буду вас томить.

В этот раз мы сделали много небольших, но важных обновлений, влияющих на удобство пользования сайтом.

1. Новое меню и навигация в мобильной версии сайта

Обновление порадует тех, кто посещает Вомбат с мобильного. Мы вынесли ближе важные элементы и перераспределили меню, чтобы пользоваться сайтом стало удобнее. Дизайн тоже стал более приятным.

Все уведомления переехали в колокольчик, а все остальные пункты меню удобно скомпоновались в гамбургере ? (три полоски).

Разделы Горячее, Лучшее, Новое и другие ленты вынесены в верхнее меню для быстрого доступа. Они идут списком друг за другом, и их можно скроллить вправо/влево для просмотра скрытых пунктов.

А фильтры постов по промежуткам времени теперь скрыты под иконку настроек. Там же находится тумблер “скрывать просмотренное”.

Если немного проскроллить ленту, верхнее меню скрывается в небольшую полоску и не мешает обзору контента. А при скролле обратно вверх пункты Горячее, Лучшее, Новое и другие становятся снова видны, но в компактном виде.

При тапе на гамбургер меню раскрывается. Гости сайта увидят блок с авторизацией, поиск, кнопку донатов, и небольшое меню разделов (как в футере) вместе с иконками вомбатных соцсетей. Авторизованные пользователи кроме того же, что видят гости, смогут видеть разделы своего профиля и кнопку “Добавить пост”.

При нажатии на колокольчик вы получите доступ ко всем уведомлениям.

Кстати, если вдруг кто-то не знал, в настройках профиля есть возможность привязать свой аккаунт Телеграм для того, чтобы уведомления с сайта Вомбат приходили вам в специального бота.

2. Причесали шрифт в логотипе

Вот для примера как было/стало в светлой и тёмной версиях.

3. У тумблера скрытия просмотренного новый дизайн

4. В правом блоке для десктопа и в гамбургерном меню в мобилке появился новый блок меню с разделами о проекте.

5. В блоке Топ комментариев увеличили их количество до 5 шт (было 3) и стали выводить все комментарии за сутки (было за 4 часа).

6. Немного поменяли местами пункты меню: от наиболее популярных к менее. Должно стать удобней как десктопщикам, так и мобильщикам.

7. Сделали много полезных изменений для быстрой индексации сайта в поисковиках:

• Полноценный sitemap;
• Микроразметку для сущностей (показываем поисковикам статью/фото/видео отдельно) для индексации отдельно текста/картинок/видео;
• API для Яндекса, чтобы при публикации поста он напрямую уходил в Яндекс сразу же;
• Отдельную страницу тега с заголовком, например страница тега теперь выглядит так (тык сюда).

8. Сделали красивые превьюшки для шеринга ссылок (например, при отправке ссылки на Вомбат кому-то в Телеграмме).

9. Исправили некоторые бесячие баги:

• При нажатии на фото в посте (чтобы открыть его побольше), после скрола невозможно было переместиться на любой другой участок изображения, т.к. после щелчка мыши фото закрывалось. Исправили ✅
• Длиннопосты с картинкой отображались уже, чем ширина страницы и по бокам оставалось пустое пространство. Теперь такие длиннопосты отображаются красиво ✅
• Исправили проблему с пропадающими тегами в постах ✅