O bloco Headline permite adicionar títulos estilizados a qualquer página do SeedProd. Se você precisa de um H1 em negrito para sua seção principal ou um H4 menor para apresentar uma seção de conteúdo, o bloco Headline oferece controle total sobre as configurações de texto, nível HTML, link e tipografia.
Ao contrário do texto simples, os títulos criados com este bloco suportam formatação de texto rico, links opcionais, variáveis de texto dinâmicas e controles de tamanho e alinhamento de fonte por dispositivo — tornando-o um dos blocos mais versáteis para a criação de páginas bem estruturadas e otimizadas para SEO.
Adicionando o bloco de título às suas páginas
Siga estas etapas para adicionar um bloco de título à sua página SeedProd:
Passo 1: Adicione o bloco
Em Design > Blocos, arraste e solte o bloco Título na seção desejada da sua página.
Etapa 2: Configurar as definições de conteúdo
Depois de adicionado, clique no bloco Título para abrir suas configurações. Na guia Conteúdo, configure o texto do título, o link e o layout.
Título:
- Texto: Digite o texto do título usando o editor de rich text. Suporta formatação em negrito, itálico, sublinhado, tachado e cores. Você também pode inserir variáveis de texto dinâmico ou usar a ferramenta de geração de texto com IA para gerar e refinar o texto do título.
- Link: opcionalmente, adicione uma URL para tornar o título um link clicável. Clique no ícone de configurações ao lado do campo do link para revelar opções adicionais de link.
- Abrir em nova janela: marque esta opção para abrir o URL vinculado em uma nova guia do navegador.
- Não seguir: Marque esta opção para adicionar um
rel="nofollow"atribuir ao link, informando aos mecanismos de pesquisa para não transferir a equidade do link para o destino. - Alinhamento: defina o alinhamento do texto — Esquerda, Centro ou Direita. Suporta valores por dispositivo para desktop, tablet e celular.
- Tamanho da fonte: defina o tamanho da fonte do texto do título. Suporta valores por dispositivo para desktop, tablet e celular.
- Nível: escolha a tag de título HTML para o seu título — H1, H2, H3, H4, H5 ou H6. Use H1 para o título da página principal e níveis inferiores para subtítulos, a fim de manter a estrutura adequada do documento.
Etapa 3: Personalizar o design
Na guia Avançado, você pode personalizar a tipografia, a cor e o espaçamento do seu bloco Título.
Estilos:
- Tipografia: ajuste a família de fontes, a espessura da fonte, a altura da linha, o espaçamento entre letras e a transformação do texto do título. Suporta valores por dispositivo para desktop, tablet e celular.
- Cor: defina a cor do texto do título usando o seletor de cores.
- Sombra do texto: adicione um efeito de sombra ao texto do título. Escolha entre Nenhuma, Fina, Pequena, Média, Grande, Extragrande ou 2X Grande para adicionar profundidade e ênfase ao seu título.
Espaçamento:
- Margem: controle o espaçamento externo ao redor do seu bloco de título (superior, direito, inferior, esquerdo). Suporta valores por dispositivo para desktop, tablet e celular.
- Preenchimento: ajuste o espaçamento interno do seu bloco de título (superior, direito, inferior, esquerdo). Suporta valores por dispositivo para desktop, tablet e celular.
Atributos:
- CSS ID: Exibe o identificador exclusivo gerado automaticamente para o seu bloco Headline, criado automaticamente pelo SeedProd para personalização de estilo ou segmentação JavaScript.
- Classe personalizada: adicione classes CSS personalizadas para aplicar estilos específicos do seu tema ou CSS personalizado.
- Atributos personalizados: adicione quaisquer atributos HTML ao elemento wrapper do bloco. Insira cada atributo em uma nova linha usando o formato: nome-do-atributo|valor.
Visibilidade do dispositivo:
- Ocultar na área de trabalho: oculte o bloco de manchetes nas telas da área de trabalho.
- Ocultar no tablet: Oculte o bloco de título em dispositivos tablet.
- Ocultar no celular: Oculte o bloco de título em dispositivos móveis.
Efeitos de animação:
- Animação de entrada: escolha um efeito de animação que seja reproduzido quando o bloco de título for exibido, como Saltar, Aparecer gradualmente, Ampliar, Girar e muitos outros.
Etapa 4: Salve suas alterações
Depois de terminar de configurar o bloco Título e personalizar sua aparência, certifique-se de salvar seu trabalho.
Você adicionou com sucesso um bloco de título à sua página! Títulos bem elaborados orientam os visitantes pelo seu conteúdo, reforçam sua mensagem e melhoram a estrutura da página tanto para os leitores quanto para os mecanismos de pesquisa. Experimente diferentes níveis de título, configurações tipográficas e animações para criar títulos que chamem a atenção e combinem com o estilo da sua marca.