Editor de texto embutido

Sobre o Editor de Texto Inline

O processo de Editor de texto embutido É um recurso que permite editar texto na sua área de design do GemPages. imediatamente.

Com o editor embutido, você pode formatar seu texto rapidamente, aplicando negrito, itálico, alinhamento, links ou estilos básicos diretamente no local onde o conteúdo aparece na página. 

Ao usar o editor embutido:

• Você pode ajustar a formatação diretamente na tela.
• É ideal para edições rápidas de conteúdo e ajustes visuais.
• Não é necessário abrir as configurações da barra lateral para fazer alterações simples.

Nota importante sobre o tamanho da fonte:

Você pode usar a opção de tamanho da fonte no editor embutido para destacar palavras específicas ou frases curtas dentro de uma sentença.

No entanto, para garantir um tamanho de fonte consistente em diferentes dispositivos (desktop, tablet e celular), recomendamos ajustar o tamanho da fonte nas configurações da barra lateral do elemento. Isso garante que seu design permaneça responsivo e seja exibido corretamente em todos os tamanhos de tela.

Para mais informações, por favor consulte este artigo: Alterar estilos de texto

Como acessar o editor de texto embutido no GemPages?

Para acessar o Editor de texto embutidoSelecione o texto que deseja editar. A barra de edição aparecerá na parte superior do texto.

Este recurso oferece suporte a todos os elementos que incluem texto editável (o texto que você pode editar no editor GemPages), como:

• Elemento de Cabeçalho
• Elemento de bloco de texto
• Elemento da lista de itens
• Elemento Tab
• Elemento Botão

Para acessar o texto que você precisa editar no Shopify (por exemplo, título do produto, descrição do produto etc.), utilize o Editor de Texto Inline. recurso está desabilitado.

Configurações embutidas do editor de texto

Segue um breve resumo de todas as configurações disponíveis no Editor de Texto Inline:

1. Tamanho da fonte

 Ajuste o tamanho da fonte para deixar seu texto maior ou menor.

Observação: Esta configuração não é responsiva, o que significa que as alterações no tamanho da fonte serão aplicadas uniformemente em todas as telas do dispositivo.

2. Negrito

Use negrito no texto para enfatizar informações importantes.

3. Itálico

Coloque seu texto em itálico para dar mais ênfase ou estilo.

4. Sublinhado

Sublinhe o texto para destacar os pontos principais.

5. Tachado

Aplique um efeito tachado para indicar conteúdo desatualizado ou removido.

6. Cor do texto

Altere a cor do seu texto para combinar com o tema da sua marca. Basta clicar no ícone Text Color e escolher na paleta de cores.

7. Cor de fundo do texto

Destaque o texto com uma cor de fundo para destacá-lo.

Resultado:

8. Lista Numerada

Organize o conteúdo em uma lista numerada para uma aparência estruturada. Ideal para guias passo a passo ou listas.

9. Lista com marcadores

Use marcadores para criar listas fáceis de ler.

10. Assinatura

Adicione texto subscrito, útil para fórmulas químicas ou notas de rodapé (por exemplo, Vitamina A1, B2)

11. Sobrescrito

Adicione texto sobrescrito, perfeito para expoentes ou números ordinais (por exemplo, 1º, 2º).

12. Ligação

Insira um hyperlink destacando o texto, clicando no ícone Link e inserindo a URL. Isso é ótimo para direcionar usuários para outras páginas ou recursos.

13. Remover botão de formato

Limpa toda a formatação do texto selecionado, retornando-o ao estilo padrão.

Configuração de tamanho de texto responsivo

Quando você altera o tamanho do texto diretamente do Editor de texto embutido, o editor gerará um código CSS personalizado para esse texto. Como resultado, o tamanho do texto será aplicado uniformemente em todos os dispositivos (desktop, tablet e celular).

Se você quiser definir tamanhos de texto diferentes para cada tela, recomendamos ajustar o tamanho do configurações da barra lateral esquerda ao invés.

Exemplo:

• Usando o Editor de Texto Inline: Tamanho do texto = 20px em todos os dispositivos, incluindo desktop, tablet e celular.
• Usando as configurações da barra lateral esquerda: você pode definir 20px para desktop, 18px para tablet e 16px para celular de forma independente.

Dessa forma, você terá controle total da sua tipografia em diferentes dispositivos.

Consulte Este artigo para saber mais sobre Web design responsivo da GemPages.