Вдохновившись новым дизайном Meta, я начал экспериментировать, чтобы получить что-то похожее на отображение блоков подкатегорий в теме Meta Branded Theme.
Могу подтвердить, что выпадающий список тегов действительно выровнен
Как мне это реализовать? Возможно ли это с помощью CSS или JavaScript? Я могу развернуть собственный компонент темы и хочу разобраться в этом.
Верхняя панель навигации должна находиться ближе к темам, а не к подкатегориям, поэтому для меня это изменение касается пользовательского опыта (UX), а не просто незначительной визуальной правки.
Скорее всего, сделать это с помощью CSS не получится, но всё зависит от того, как именно вы изначально реализовали эту главную страницу. Использовали ли вы какой-то конкретный компонент для её переработки?
Это не главная страница, а страница категорий. Я ещё учусь, и пока не освоил, как правильно создать главную страницу. Это одна из моих задач на будущее
Возможно, это можно сделать с помощью JavaScript. Я был по-настоящему удивлён тем, что можно реализовать через компоненты темы. И, не имея технического бэкграунда, я предполагаю, что такая возможность здесь есть.
Главная страница Meta построена с помощью custom_homepage theme modifier + нового Blocks API, поэтому это рекомендуемый способ её воссоздания.
Если вы хотите обойтись только CSS и сможете применить grid или flex к родительскому обёртке, возможно, удастся изменить порядок элементов, но это будет лишь косметическое изменение, и, скорее всего, получится беспорядок.
Ещё раз спасибо! Вернувшись к этому вопросу, я думаю, что дело не в новом дизайне главной страницы — а в базовом поведении, которое, как я понимаю, можно пересмотреть в целом.
Подкатегории выглядят гораздо лучше, когда они расположены над навигационной панелью. Для некоторых это может быть чисто косметический вопрос, но я вижу, что блоки подкатегорий мешают повседневному пользовательскому опыту.
