widget: Texto e títulos (cabeçalhos) – Duda Support

widget Categorias: Basic

O texto e o título widget oferecem uma ampla gama de opções de personalização, a maioria das quais pode ser acessada por meio da barra de ferramentas de texto. Com essa interface de edição simples, você pode alterar facilmente a fonte, a cor, o alinhamento e o estilo do seu texto. A barra de ferramentas de texto permite que você faça ajustes rapidamente para destacar pontos-chave e organizar com eficiência as informações em seu site.

Há três textos widget que podem ser encontrados na biblioteca widget:

Texto
H1 (Título grande)
H3 (Título pequeno)

Depois que um widget de texto é adicionado a um site, o senhor pode alternar facilmente entre diferentes opções de texto. Por exemplo, se o usuário adicionar um widget de texto e depois decidir que quer que ele seja um H2, poderá fazer essa alteração diretamente na barra de ferramentas de texto.

Os tipos de texto disponíveis são: Parágrafo, H1, H2, H3, H4, H5 e H6.

Editar texto (parágrafos e títulos)

Para editar o texto em seu site:

Clique no texto que deseja editar para abrir o modo de edição.
Selecione o texto que você deseja editar clicando e arrastando o texto.
Use as opções de edição embutida na barra acima do texto para editar estilos de texto, tamanhos, fontes, alinhamento, adicionar links e muito mais. Para obter detalhes sobre a barra de texto, consulte a seção deste artigo Texto tool Bar.

Texto tool Bar

Número	Nome da configuração/opção	Descrição e notas
1	Assistente de IA	Gere conteúdo rapidamente e trabalhe com mais eficiência com o AI Assistant. Para obter mais informações, consulte Assistente de IA para o editor de texto.
2	Basic opções de formatação	Negrito, itálico e sublinhado o texto selecionado.
3	Mais opções de formatação	Clique no ícone horizontal de três pontos para encontrar as seguintes opções para aplicar ao texto selecionado: Espaçamento entre letras Sombra de texto riscado Tudo em maiúsculas
4	Cor do Texto	Altere a cor do texto selecionado.
5	Formatação clara	Redefina o texto selecionado para o formato definido no tema do site. Para obter informações adicionais sobre o texto do tema, consulte Texto do tema.
6	Tipo de texto	Selecione o tipo de texto: Parágrafo Título 1 (H1) Título 2 (H2) Título 3 (H3) Título 4 (H4) Título 5 (H5) Título 6 (H6) Todo o texto será convertido para o tipo de texto selecionado. Se o estilo do texto tiver sido alterado manualmente e você quiser aplicar as alterações ao texto do tema, use a opção Atualizar tema localizada na parte inferior da lista suspensa.
7	Configurações de tipografia	Altere a família da fonte e o tamanho do texto selecionado. Isso desconectará o texto do texto do tema. Para reconectá-lo, clique no ícone Limpar formatação (marcado como número 5 na tabela e na captura de tela).
8	Texto do link	Adicione um link ao texto selecionado. Para obter mais informações sobre o seletor de links, consulte Seletor de links.
9	Alinhamento	Altera o alinhamento de todo o texto no widget.
10	Altura da Linha	Altere a altura da linha do texto selecionado. Existem opções predefinidas disponíveis, bem como personalizadas
11	Opções de lista	Transforme o texto selecionado em uma lista numerada ou com marcadores. Use a seta para baixo para alterar o estilo da lista com marcadores. Para saber mais sobre listas, consulte Listas de marcadores e números.
12	Sentido do texto	Mude a direção do texto.
13	Conectar-se a dados	Conecte uma cadeia de texto aos dados em vez do widget de texto completo.
14	Desfazer e refazer	-
15	Sair do modo de edição	Clique na marca de seleção para sair do modo de edição do widget.

Listas de marcadores e números

Crie um marcador ou lista de números usando as ferramentas de texto dentro do widget Texto. As listas são uma boa maneira de agrupar conteúdo, recursos ou produtos para que os visitantes possam entender e comparar informações rapidamente.

Para adicionar listas com marcadores ou números:

Clique no texto que deseja transformar em lista.
Destaque o texto e clique no ícone Lista de marcadores () ou Lista de números () na barra de ferramentas de texto.
- (Opcional) Para selecionar um estilo de marcador diferente, clique na seta para baixo ao lado do ícone Lista de marcadores ( ).
Para criar marcadores e listas aninhados, pressione o botão Tab no teclado. O marcador ou número é mostrado recuado à direita.

Você pode ter várias listas de marcadores e números aninhados.

Editor de design

As opções de design no editor de design se aplicam ao próprio widget, como a adição de um plano de fundo.

Para estilizar o texto no site widget, use a barra de ferramentas de texto (consulte a seção Barra de texto tool neste artigo). No entanto, se o widget estiver conectado a dados, as configurações de texto estarão disponíveis no editor de design. Lembre-se de que, quando o senhor personaliza as configurações de texto no editor de design para widget conectado a dados, essas alterações substituem as configurações do tema do site e interrompem a conexão com o tema. Como resultado, futuras alterações no tema não afetarão o texto desse widget. Para obter mais informações, consulte Texto do tema. Para obter mais informações sobre dados conectados, consulte Visão geral do conteúdo dinâmico.

Características e limitações

Os tamanhos de texto podem ser de até 500 px.
Vários tipos de texto podem estar contidos em um único elemento de texto. Por exemplo, cabeçalho 2s, parágrafo e cabeçalho 3s podem ser usados no mesmo elemento. O texto deve estar em sua própria linha, separado pressionando a tecla Enter.
Se uma fonte oferecer outros pesos, ela poderá ser selecionada na lista de fontes. Para selecionar o peso de uma fonte, hover sobre a fonte para ver as opções de peso disponíveis (normal, negrito).
Copiar e colar funciona externamente e internamente. Colar de locais externos e dentro do editor (interno) aplica os estilos de texto do tema e quaisquer estilos embutidos que foram aplicados ao texto no editor. Negrito, sublinhado e itálico são mantidos no texto copiado.
Altura da linha personalizada. Além das alturas de linha padrão existentes, agora você pode escolher uma altura de linha personalizada.
Especifique o espaçamento entre letras. Para selecionar o espaçamento entre letras, clique no ícone de três pontos no editor de texto embutido e selecione uma das seguintes opções:
- Auto
- Estreito (-0,05)
- Largura (0,2)
- Personalizado (entre -2 e 0,5 em incrementos de 0,01)
Tudo em maiúsculas. Para alterar a fonte para que fique em maiúsculas, clique no ícone de três pontos no editor de texto embutido e clique no botão Todas as maiúsculas.
Sombra. Selecione a cor e a posição.
Texto tachado.
Mais opções de estilo de lista com marcadores. Clique na seta para baixo ao lado da lista de marcadores (

) ícone.
Conecte texto aos dados. Clique no ícone de dados conectados no editor de texto embutido.
Não há opção para adicionar uma lista com texto de cabeçalho.
Os marcadores de itens em uma lista com mais de um tamanho de fonte terão o tamanho do tema do site.

Tags HTML

Devido às práticas recomendadas de HTML5, não permitimos atualizações para o HTML do texto com uma tag não suportada.

Para adicionar um estilo específico ao texto, recomendamos adicioná-lo ao CSS.

As seguintes tags são suportadas através do modo de desenvolvedor: img, sub, sup, blockquote, code

Atualizar para o novo editor de texto

O novo editor de texto inclui tecnologia aprimorada para maior estabilidade, uma ampla variedade de tamanhos de texto disponíveis (até 500 px), permite usar diferentes estilos de texto no mesmo elemento e muito mais.

Editor de texto antigo:

Nota

O texto existente no seu site pode ser editado no editor de texto antigo, com a opção de atualizar para o novo editor. Os textos novos serão editados com o novo editor de texto.

Para fazer upgrade e usar o novo editor de texto:

Clique no texto que deseja editar para abrir o modo de edição.
No editor de texto, clique em Atualizar editor de texto.
Na mensagem de confirmação, você tem as seguintes opções:
- Atualize este texto. Clique para atualizar apenas o widget de texto que o senhor selecionou.
- Atualize automaticamente todos os textos. Clique para atualizar automaticamente todo o texto widget em seu site. Observe que somente o texto em que você clicar será movido para o novo editor de texto sem a necessidade de aprová-lo.

Atenção

Depois de confirmar a atualização, você não poderá mais reverter para o editor de texto antigo.

Solução de problemas

Os itens a seguir podem impedir a atualização para o novo editor de texto:

Código personalizado com HTML inválido.
A capacidade máxima de armazenamento de CSS do site foi atingida.

Se o seu texto contiver determinadas tags que não são suportadas, talvez você não veja a opção de atualizar o editor. As seguintes tags não são suportadas: form, svg, iframe, audio, canvas, dialog, embed, hr, input, map, picture, select, textarea, range, table, progress, script, ins, style.