Header Categories Navbar é um componente simples que adiciona um menu de links de categorias pai ao cabeçalho do site, com rolagem horizontal adicionada conforme necessário.
Isso é muito legal - adorei, Kris! Ele se combinará lindamente com o sidebar, permitindo que as categorias principais fiquem no topo e uma seleção personalizada curta na barra.
Notei duas pequenas questões de UX que poderiam realmente dar um impulso se abordadas:
UX: Destaque de seleção de categoria
Ao estar em uma lista de categorias, a categoria correta tem um belo sublinhado sutil.
No entanto, isso não persiste se um Tópico ou uma subcategoria for inserido.
Seria ótimo se isso persistisse em ambas as situações.
UX: Rolagem / overflow no celular
Há um pequeno fade / seta sutil visível quando há overflow das categorias no desktop.
O overflow é muito mais provável no celular, mas no meu dispositivo (Chrome / Android) esses sinais sutis não estão presentes - e não fica claro que a rolagem é possível.
Também pode ajudar ter a barra de categorias um pouco mais alta no celular para facilitar a rolagem.
Além disso, a categoria selecionada não é rolada automaticamente - isso significa que não fica aparente que ela está selecionada, a menos que o usuário role a barra de navegação. Isso é realmente vital.
Apenas para desktop?
Eu me pergunto se ainda não está realmente pronto para celular e seria muito útil ter uma configuração para aplicá-lo apenas ao desktop (pelo menos por enquanto).
Brilhante - muito feliz em dar feedback quando ele é ouvido! Notei que vocês tiveram que fazer várias adições a ele.
Vou encarar isso como um pequeno presente de Natal um para o outro .
Vocês corrigiram isso quando uma Subcategoria foi inserida - maravilhoso!
No entanto, isso não se aplica quando um tópico é inserido - isso é deliberado? Pessoalmente, acredito que faria sentido se a categoria permanecesse destacada enquanto o usuário estivesse “dentro” dela, o que inclui os tópicos e não apenas as visualizações de descoberta de categoria.
Além disso, quando entro em outra página (como /admin), a categoria permanece selecionada. Seria melhor se nenhuma categoria fosse selecionada neste caso.
Consigo ver o desvanecimento no celular agora, mas não uma seta / chevron. Se possível, isso seria super útil, pois o desvanecimento é bastante sutil:
Desktop:
Celular:
Solicitação #1 - UX
Oculte a Barra de Navegação ao rolar em um tópico. Fica um pouco confuso!
Além disso, pode ser melhor no desktop ter a Barra de Navegação localizada onde estão o breadcrumb / tags na imagem, em vez de abaixo deles.
Solicitação #2 - Recurso
Vocês poderiam adicionar uma classe CSS a cada Nav Pill para que fosse fácil ocultar algumas, se necessário?
Pergunto porque tenho algumas categorias pai (privadas) que são apenas pais para permitir subcategorias, e elas poluem a navegação geral de forma indesejável.
Eu as ocultei por enquanto usando seu href, mas isso é, claro, bastante arriscado!
Solicitação #3 - UX
Uma opção para classificar as Categorias da Barra Lateral em ordem alfabética.
Como estou implementando isso, removi as categorias pai da lista padrão de categorias da barra lateral. Isso significa que meus usuários agora têm apenas uma lista de 1-5 subcategorias que são relevantes para eles.
No entanto, elas estão um pouco confusas e sem ordem lógica, pois a ordem em /Categorias para as subs não faz muito sentido. Seria muito útil se essas subcategorias fossem alfabéticas para ajudar nisso!!
Olá! Antes de mais nada, gostaria de observar que este é um componente muito útil do tópico e quero agradecer pelo trabalho que você fez
Na minha instância, este componente causou um erro, verifiquei a compatibilidade com outros plugins e componentes de tema e, neste momento, ainda não encontrei um conflito. O componente em si poderia ser a causa?
Habilitar este componente distorce a apresentação do conteúdo.
Aqui está um vídeo:
Para detectar um erro, você precisa clicar em qualquer postagem da página de posts mais recentes /latest, a postagem será aberta no modo padrão, então você precisa voltar para a página de posts mais recentes.
Notei que o texto na barra de navegação das Categorias do Cabeçalho mudou repentinamente para font-up-1 (enquanto eu acho que era font-down-1 antes). Isso é bastante chocante e desagradável, pois é o mesmo que todas as outras pílulas de navegação.
Eu a substituí com este CSS, que é muito mais agradável:
// corrige o tamanho do texto da barra de navegação do cabeçalho
.custom-categories-navbar .nav-pills > li > a {
font-size: var(--font-0);
}
Eu prefiro font-0 na verdade, pois é diferente o suficiente e um pouco mais fácil de usar.
Hospedado por nós? Os componentes de tema estão disponíveis para uso em nossos planos Standard, Business e Enterprise.
um para o outro 
.
