Mídia com texto
O que você vai aprender
- Pra que serve esta section
- O que "estender mídia até a borda" faz de verdade
Pra que serve
Layout editorial clássico: imagem (ou vídeo) de um lado, texto do outro, lado a lado. Bom pra contar a história da marca, destacar uma coleção ou explicar um diferencial do produto.
Como adicionar
- No Editor de temas, clique em Adicionar section
- Escolha Mídia com texto
- Adicione a mídia e o conteúdo de texto nos dois lados
Como configurar
| Configuração | Pra que serve |
|---|---|
| Posição da mídia | Mídia à esquerda ou à direita do texto. |
| Largura da mídia | Quanto espaço a mídia ocupa em relação ao texto (Largo dá mais destaque à imagem). |
| Altura da mídia | Altura da section. |
| Largura | Largura da página ou tela toda. |
| Estender mídia até a borda da tela | Mesmo com a section limitada à largura da página, a mídia "vaza" até a borda da tela, só o texto fica dentro da largura normal. Só funciona com Largura = Página. |
Boas práticas
- Se quiser a mídia realmente colada na borda da tela mesmo com o resto do site na largura da página, ative "Estender mídia até a borda", não mude a Largura pra Total (isso afetaria o texto também).
- A mídia não tem proporção fixa, ela se ajusta à altura escolhida. Envie em alta resolução (pelo menos 1600px de largura) mas comprimida, veja Dimensão de imagem.