Título com etiqueta

Título com etiqueta

Nome técnico: getquick/title-with-label

Use este bloco para abrir uma secção com uma etiqueta curta e um título editorial em uma ou duas linhas.

Bloco Nomia

Título com etiqueta

Exemplo visual aproximado de uma etiqueta seguida por um título editorial.

Como usar

• Insira o bloco no editor Gutenberg e preencha a etiqueta e a primeira linha do título.
• Use a segunda linha apenas quando o título precisar de uma quebra visual controlada.
• Mantenha a etiqueta curta para preservar o equilíbrio com o título principal.

Campos principais

• label
• titleLine1
• titleLine2
• level: nível do título (2, 3 ou 4; por omissão 2), escolhido na barra de ferramentas do bloco.
• typography: tipografia opcional por campo, escolhida nos painéis de tipografia da barra lateral. Guarda apenas tokens do design system (size, lineHeight) e bold/italic, nunca medidas em píxeis.

A etiqueta e a primeira linha são obrigatórias: sem elas o bloco não aparece no site, e o editor mostra um aviso.

Exemplo de conteúdo

{
  "schemaVersion": 1,
  "blockId": "title-with-label",
  "label": "Visão geral",
  "titleLine1": "A Economia Circular promove um modelo económico reorganizado,",
  "titleLine2": "através da coordenação dos sistemas de produção e consumo em circuitos fechados.",
  "typography": {
    "titleLine1": { "size": "h3", "lineHeight": "f", "bold": true }
  }
}

Antes de publicar

• Confirme que a etiqueta identifica bem a secção.
• Verifique se a quebra entre titleLine1 e titleLine2 melhora a leitura em desktop e mobile.
• Pré-visualize a página no WordPress e no frontend Astro.