Elemento de bloco de texto

Adicione o elemento Bloco de Texto na sua página

O processo de Bloco de texto é um elemento essencial fornecido pelo GemPages. Ele permite que você exiba texto na forma de parágrafos longos ou frases concisas em sua página. 

Para adicionar o elemento à sua página, siga as instruções abaixo:

Etapa 1: No Painel GemPages, clique na sua página preferida para entrar no Editor.

Etapa 2: Dentro do Editor, basta arrastar e soltar o Bloco de texto elemento (rotulado como parágrafo) no seu local preferido na página. 

Etapa 3: Insira o texto desejado no elemento Bloco de Texto.

Etapa 4: Para personalizar o formato do texto no GemPages, utilize o Barra de ferramentas do editor de texto que aparece sempre que você destaca seu texto. Ele fornece várias opções de formatação para melhorar o apelo visual do seu conteúdo.

Clique no Bloco de texto elemento, e as opções de configuração são reveladas na barra lateral esquerda, incluindo o Configurações e Avançado Guias.

Configurar as guias de configurações

Estilo de texto

Neste ponto, você pode ajustar a tipografia do texto. Aqui estão as opções disponíveis:

• Estilos: Selecione o estilo desejado entre as opções predefinidas, que incluem 6 estilos de título e 3 estilos de parágrafo.
• fonte: Escolha a fonte que você deseja usar para o texto dentro deste bloco de texto. Se você quiser usar uma fonte que não esteja listada, você pode consultar a orientação fornecida em como adicionar uma fonte personalizada no Editor v7.
• Dimensões:: Ajuste o tamanho da fonte especificando um valor em pixels. O GemPages oferece suporte a design responsivo, o que significa que você pode ajustar o tamanho da fonte separadamente para cada página. desktop, tablet e celularPara fazer isso, basta alternar para a visualização do dispositivo que você deseja editar usando os ícones na parte superior do Editor GemPages. Quaisquer alterações de tamanho de fonte feitas nessa visualização específica serão aplicadas apenas a esse dispositivo.
• Cor: Modifique a cor do texto conforme sua preferência.

Clique no Mostre mais botão para revelar mais opções de personalização. 

• Espessura da fonte: Escolha a espessura de fonte desejada no menu suspenso fornecido, de Fina a Preta.
• Altura da linha: Ajuste a altura do texto especificando um valor percentual (100%, 120%, 130%, 150% ou 180%) ou inserindo um número exato.
• Espaçamento entre letras: Modifique o espaçamento entre as letras inserindo um valor em pixels.
• Transformar: Transforme o texto de uma das seguintes maneiras:
  • Nenhuma transformação aplicada.
  • Maiúsculas (AA): converte todo o texto para maiúsculas.
  • Capitalizar (Aa): Coloque a primeira letra de cada palavra em maiúscula.
  • Minúsculas (aa): converte todo o texto para minúsculas.
• Sombra: Você pode ajustar a sombra do elemento do bloco de texto para dar um visual melhor à sua página.

Dimensões:

Sob o Dimensões: seção, você pode configurar a largura e o preenchimento do Bloco de Texto:

Largura: Ajuste a largura que o elemento Bloco de Texto aparece na página:

• Conteúdo adequado: Largura automática com base no conteúdo interno.
• Cheio: Estende o elemento para 100% da largura do contêiner, permitindo que seu conteúdo seja exibido em largura total.
• Padrão: Corrigido em 1200px.

padding: adiciona espaçamento interno entre o texto e as bordas do contêiner Bloco de Texto. 

Contexto

Cor: Defina a cor de fundo do botão.

Imagem: Carregue ou selecione uma imagem de fundo. Personalize-a usando:

• Escala: Cobrir, Conter ou Automático
• Posição: Defina o alinhamento da imagem (centro, canto superior esquerdo, etc.)
• repetição: Alternar configurações de repetição
• acessório: Escolha entre Rolagem ou Fixo
• SEO: Adicione texto alternativo e título de imagem para acessibilidade e SEO
• pré-carga:Alterne o pré-carregamento para melhorar a Largest Contentful Paint (LCP)

Shape

Personalize o contêiner de imagens com melhorias visuais para corresponder melhor ao seu design:

• Fronteira: Adicione uma borda ao redor da imagem. Personalizar:
  • Cor: Escolha qualquer cor HEX
  • Espessura: Definir valor de pixel
  • Estilo de traço: Sólido, tracejado ou pontilhado
• Corner: Arredonde os cantos da imagem ajustando o raio da borda.
• Shadow: Adicione um efeito de sombra para dar profundidade ou separação do fundo. Configurar:
  • Formato: Externo, interno ou centralizado
  • Direção: Controle o ângulo da sombra
  • Cor, Distância, borrão e Dimensões:

Alinhar

Este parâmetro permite que você determine como o texto é posicionado na sua página. Há três opções para escolher: alinhado à esquerda, centralizado e alinhado à direita.

Observação: O alinhamento horizontal é desativado quando a largura é definida como 100% ou mais. 

Configurar a guia Avançado

Para estilizar a aparência do elemento, navegue até Avançado aba e siga as instruções em esse neste artigo.

Utilizando texto de metacampo em um bloco de texto

Se você está trabalhando com Conteúdo baseado em metacamposVocê pode incorporar o código do Metafield diretamente dentro do elemento Bloco de Texto.

Isso é especialmente útil quando você deseja que o texto mude dinamicamente com base nos dados do produto, da coleção ou da página.

Para isso, basta colar a variável ou o código do Metafield na área de conteúdo do Bloco de Texto. O Bloco de Texto exibirá o valor do Metafield na página.

Perguntas

Como faço para mover uma caixa de texto no GemPages?

• Clique e mantenha pressionado o elemento Bloco de Texto.
• Arraste-o para uma nova posição.
• Solte o elemento quando vir o indicador de posicionamento azul.