Hierarquia de Layout
Page (H1)
Dividem a página por categoria
- Usado pra Títulos H2
- Devem ser usados para itens em loop, para representar algo repetitivo
Aplicações
- Isso aqui é um container
- Serve para agrupar conteúdo de uma forma lógica e facilitar a leitura
- Pode ser utilizado para organizar layouts de colunas e linhas
- Funcionam como Content Wrapper
Padrões
- Não possui padrões de cor ou borda
- Pode ser utilizado pra qualquer coisa
- Item da lista
Section (H2)
Dividem a estrutura da página por assunto
- Usado pra Títulos H2
- Devem ser usados para itens em loop, para representar algo repetitivo
Aplicações
- Isso aqui é um container
- Serve para agrupar conteúdo de uma forma lógica e facilitar a leitura
- Pode ser utilizado para organizar layouts de colunas e linhas
- Funcionam como Content Wrapper
Padrões
- Não possui padrões de cor ou borda
- Pode ser utilizado pra qualquer coisa
- Item da lista
Containers
Organizam um espaço dentro de uma seção
Aplicações
- Isso aqui é um container
- Serve para agrupar conteúdo de uma forma lógica e facilitar a leitura
- Pode ser utilizado para organizar layouts de colunas e linhas
- Funcionam como Content Wrapper
Padrões
- Não possui padrões de cor ou borda
- Pode ser utilizado pra qualquer coisa
- Item da lista
Tipos especiais
- Container Section como esse que vc está vendo ->. Na real volta.. isso aqui vamos chamar de widget mesmo..
- Pode ser utilizado pra qualquer coisa
- Container Banner
- Container Hero
- .t-container .t-container-faq (wrapper)
Agrupamento de Conteúdo
Widget (H2)
Resumo de um Post Archive ou Funcionalidade (resumo da compra, login, compare produtos, etc)
- Agrupam H3s em uma exibição resumida e agrupada, ou algum elemento interativo ou resumido
- Usado com Títulos H2 pois reume H3
- Devem ser usados para itens em loop, para representar algo repetitivo
- Resume um Archive
- Possuem Formatação Pré-definida Rígida ou Geral de Widget
- Possui conteúdo dinâmico!!!!! Se sempre for o mesmo, não é um widget
Compare Produtos
Widget Subtitle
Compare Produtos
Widget Subtitle
Card (H3)
Resumo de um Post Single
- Padroniza a exibição de elementos lado a la
- Possui Dados Estruturados
- Usado pra Títulos H3
- Devem ser usados para itens em loop, para representar algo repetitivo
- Estão dentro de uma View ou de um Widget (também com uma view)
- Se não tiver um structured data então não é Card, e sim um container..
- Conteúdo Dinãmico Single Card que resume um Single Template
- Possui Dados Estruturados
- Usado pra Títulos H3
- Devem ser usados para itens em loop, para representar algo repetitivo
- Estão dentro de uma View ou de um Widget (também com uma view)
- Se não tiver um structured data então não é Card, e sim um container..
- Conteúdo Dinãmico Single Card que resume um Single Template
Card
Card Subtitle