Header Categories Navbar — это простой компонент, который добавляет в заголовок сайта меню со ссылками на родительские категории. При необходимости автоматически включается горизонтальная прокрутка.
Это действительно круто — мне нравится, Крис! Это отлично дополнит sidebar, разместив основные категории сверху и короткий персонализированный набор на панели.
Я заметил две небольшие проблемы с UX, которые могли бы значительно улучшить впечатление, если их решить:
UX: Подсветка выбора категории
Когда вы находитесь на странице списка категорий, правильная категория красиво и ненавязчиво подчеркнута.
Однако это не сохраняется при переходе к теме или подкатегории.
Было бы замечательно, если бы это сохранялось в обоих случаях.
UX: Прокрутка / переполнение на мобильных устройствах
На рабочем столе при переполнении категорий видна приятная легкая тень или ненавязчивая стрелка.
На мобильных устройствах переполнение встречается гораздо чаще, но на моём устройстве (Chrome / Android) эти тонкие подсказки отсутствуют, и неясно, что возможна прокрутка.
Также было бы полезно сделать панель категорий на мобильных устройствах немного выше, чтобы прокрутка стала удобнее.
Кроме того, выбранная категория не прокручивается автоматически — это означает, что её выбор не очевиден, если пользователь не прокрутит панель навигации. Это действительно важно.
Только для настольных ПК?
Мне кажется, что функционал ещё не готов для мобильных устройств, и было бы очень удобно иметь настройку, позволяющую применять его только к настольным версиям (по крайней мере, на данный момент).
Отлично — я с удовольствием дам обратную связь, когда её слушают! Я заметил, что вам пришлось внести в неё довольно много дополнений.
Я восприму это как приятный маленький рождественский друг для друга .
Вы исправили это при входе в подкатегорию — прекрасно!
Однако это не применяется при входе в тему — это намеренно? Лично я считаю, что имеет смысл, чтобы категория оставалась подсвеченной, пока пользователь «находится» в ней, что включает в себя и темы, а не только виды обнаружения категорий.
Кроме того, когда я перехожу на другую страницу (например, /admin), категория остается выбранной. В этом случае было бы лучше, если бы ни одна категория не была выбрана.
Теперь я вижу затухание на мобильном, но не стрелку/уголок. Если это возможно, это было бы очень полезно, так как затухание довольно тонкое:
Desktop:
Mobile:
Запрос №1 — UX
Скрывать навигационную панель при прокрутке в теме. Всё становится немного перегруженным!
Также на десктопе, возможно, было бы лучше разместить навигационную панель там, где на этом изображении находятся хлебные крошки/теги, а не под ними.
Запрос №2 — Функциональность
Не могли бы вы добавить CSS-класс к каждой навигационной вкладке, чтобы при необходимости было легко скрывать некоторые из них?
Я спрашиваю, потому что у меня есть несколько (приватных) родительских категорий, которые являются родителями только для того, чтобы включить подкатегории, и они нежелательным образом загромождают общую навигацию.
Я пока скрыл их, используя их href, но это, конечно, довольно ненадежно!
Запрос №3 — UX
Возможность сортировать категории в боковой панели по алфавиту.
Поскольку я внедряю это, я убрал родительские категории из списка категорий по умолчанию в боковой панели. Это означает, что у моих пользователей теперь есть только список из 1–5 подкатегорий, которые для них актуальны.
Однако они немного перемешаны и не имеют логического порядка, так как порядок на странице /Categories для подкатегорий не совсем имеет смысл. Было бы очень полезно, если бы эти подкатегории были отсортированы по алфавиту, чтобы помочь в этом!!
Привет! Прежде всего, хочу отметить, что это очень полезный компонент темы, и я хочу поблагодарить вас за проделанную работу
На моём экземпляре этот компонент вызывал ошибку. Я проверил совместимость с другими плагинами и компонентами темы, но на данный момент конфликта не обнаружил. Не может ли причина быть в самом компоненте?
Включение этого компонента искажает отображение контента.
Вот видео:
Чтобы воспроизвести ошибку, нужно кликнуть на любой пост со страницы последних постов /latest. Пост откроется в стандартном режиме, после чего необходимо вернуться обратно на страницу последних постов.
Я заметил, что текст в навигационной панели «Категории заголовков» внезапно изменился на font-up-1 (хотя, как мне кажется, раньше был font-down-1). Это выглядит довольно резко и неприятно, так как теперь он такой же, как у всех остальных кнопок навигации.
Я переопределил это с помощью следующего CSS, что выглядит гораздо приятнее:
// исправляет размер текста в навигационной панели заголовка
.custom-categories-navbar .nav-pills>li>a {
font-size: var(--font-0);
}
На самом деле я предпочитаю font-0, так как он достаточно отличается и немного удобнее в использовании.