Voltar

Como personalizar o design das categorias de uma seção


Categorias

Quando uma seção tem categorias, seus leitores alternam entre elas no topo da lista. Você escolhe o visual delas e o que aparece no cabeçalho.

No menu "My App", abra Structure… e clique na seção, aqui Sports.

Você cria as categorias nas configurações da seção, na engrenagem. O design delas fica aqui: clique em Categories.

Modelos

Há quatro modelos. Tags, o atual, mostra cada categoria em uma célula arredondada.

Escolha Labels… e as categorias viram títulos simples, sublinhados quando selecionados.

Escolha Filters… e a barra exibe só as categorias. O painel indica que a lista mostra os artigos de All por padrão.

Escolha Dropdown… e as categorias passam para um menu, com uma seta de cada lado.

Título do cabeçalho

Com Dropdown, você também escolhe o título do cabeçalho: "Section & category title", "Section title only" ou "Categories only".

Escolha "Categories only"… e no cabeçalho aparece a categoria, All, em vez de Sports.

Cores e fontes

Volte para Tags. Cada modelo tem configurações próprias.

As cores têm dois estados, "Not selected" e Selected. Aqui, uma nova cor para a célula selecionada… e a categoria atual se destaca em preto.

Ao lado de cada fonte, este ícone define o tamanho por tela: celular, tablet e computador.

Um tamanho maior no celular… e as categorias ficam mais fáceis de ler.

Publicar

Para que seus usuários vejam as mudanças, publique a atualização do seu app pelo menu Publish.

Vídeos semelhantes