Título
Título de seção simples, com ícone ou caixa opcional, para introduzir ou quebrar uma página longa.
Nesta página
Visão geral
Seção de título com ícone opcional, headline e descrição, com suporte para estilo de caixa (borda, padding, fundo).
| Propriedade | Valor |
|---|---|
| Nome no editor | Título |
| Onde encontrar | Painel de widgets do Elementor, categoria Converto |
| Identificador no Elementor | lgr-title |
| Identificador no Markdown | title |
| Papel na página | Introdução de seção |
| Campos de conteúdo | 4 |
| Opções de estilo | 21 (10 responsivas) |
Quando usar
Situações em que este widget é indicado:
- A página precisa de uma seção de título/headline com ícone de destaque.
- É desejado um estilo de caixa ao redor do conteúdo (com borda, padding ou fundo).
Como adicionar
- Abra a página no editor do Elementor.
- No painel de widgets, abra a categoria Converto e arraste Título para a página (ou clique em + em uma área vazia).
- Preencha a aba Conteúdo e ajuste a aba Estilo.
O widget também pode vir pronto em um modelo de página ou ser inserido pelo Converto Construtor.
Opções da aba Conteúdo
Conteudo
| Opção | Tipo | Detalhes |
|---|---|---|
| Mostrar Icone? | Sim/Não | |
| Icone | Ícone | |
| Titulo | Área de texto | Padrão: Aqui fica o título de impacto. Com quantas linhas quiser. |
| Descrição | Área de texto | Padrão: Já aqui fica a descrição do seu título. |
Opções da aba Estilo
A aba Estilo reúne 21 opções em 7 seções (a última é Animações, comum a todos os widgets Converto).
| Seção | O que ajusta |
|---|---|
| Texto | Tamanho do Titulo, Altura da Linha do Titulo, Tamanho da Descricao, Altura da Linha da Descricao, Tamanho do Icone |
| Cores | Cor do Título, Cor da Descrição, Cor do Ícone |
| Conteúdo | Alinhamento, Largura, Largura da Borda, Cor da Borda, Raio da Borda, Espaçamento Interno |
| Plano de Fundo | Plano de Fundo |
| Sobreposicao de Fundo | Sobreposicao de Fundo, Opacidade |
| Espaçamentos | Espaco superior, Espaco inferior, Anular espaco de cima, Anular espaco de baixo |
| Animações | Entrada de textos e de imagens e ícones: tipo, velocidade, atraso e intervalo (veja Animações de entrada) |
Comportamento responsivo
10 opções deste widget são responsivas: o Elementor permite definir valores diferentes para desktop, tablet e celular (ícones de dispositivo ao lado do campo). Para ajustes finos por largura de tela, use a sintaxe curta de media queries no campo CSS da aba Avançado.
Campos no Converto Construtor (Markdown)
Use o identificador title na linha <!-- converto:title -->. Campos de conteúdo (bloco :::content):
| Campo | Tipo | Obrigatório | Detalhes |
|---|---|---|---|
show_icon | Sim/Não | Não | |
title_icon | Ícone | Não | Usado quando show_icon = yes. · Quando show_icon = yes |
title | Texto | Sim | |
description | Texto | Não |
Os controles da aba Estilo também podem ser usados no bloco :::style, pelos identificadores do próprio widget (campo omitido mantém o padrão). Veja a linguagem Markdown Converto.
Exemplo
<!-- converto:title -->
:::content
show_icon: yes
title: Aqui fica o título de impacto. Com quantas linhas quiser.
description: Já aqui fica a descrição do seu título.
:::Recursos comuns a todos os widgets
- Textos aceitam variáveis de página (
{{rotulo}}) e marcação de texto. - Aba Avançado: campos CSS e JS por elemento (CSS e JS personalizado).
- Seção Animações na aba Estilo (Animações de entrada).