O Bloco de Texto permite adicionar e editar o corpo do texto em qualquer página do SeedProd. Ele oferece um editor amigável para escrever e formatar conteúdo de texto, tornando-o o bloco ideal para parágrafos, descrições e qualquer conteúdo escrito em sua página.
O bloco inclui um editor visual WYSIWYG, bem como um editor HTML direto para controle total sobre sua marcação. Você pode ajustar o alinhamento, tamanho da fonte, cor do texto e tipografia, e opcionalmente inserir tags de texto dinâmicas para personalizar o conteúdo para cada visitante.
Adicionando o Bloco de Texto às Suas Páginas
Siga estas etapas para adicionar um Bloco de Texto à sua página do SeedProd:
Etapa 1: Adicionar o Bloco
Em Design > Blocos, arraste e solte o bloco Texto na seção desejada da sua página.
Etapa 2: Configurar as Definições de Conteúdo
Após adicionado, clique no Bloco de Texto para abrir suas configurações. Na aba Conteúdo, você encontrará as seguintes opções:
- Editor de Texto: Insira e formate seu conteúdo de texto usando o Editor Visual (WYSIWYG) ou mude para Editar HTML para escrever a marcação diretamente. O editor visual suporta opções de formatação padrão como negrito, itálico, links e listas.
- Alinhamento de Texto: Defina o alinhamento horizontal do seu texto — Esquerda, Centro, Direita ou Justificado — com controles por dispositivo para desktop, tablet e celular.
- Tamanho da Fonte: Ajuste o tamanho da fonte base para o bloco de texto usando um controle deslizante.
- Inserir Texto Dinâmico: Insira tags dinâmicas personalizadas em seu texto — como o nome do visitante, localização ou parâmetros de URL — para exibir conteúdo personalizado para cada visitante.
Etapa 3: Personalizar o Design
Na aba Avançado, você pode personalizar a aparência visual do seu Bloco de Texto.
Estilos:
- Tipografia: Defina a família da fonte, tamanho, peso, estilo, altura da linha, espaçamento entre letras e caixa de letras para o seu texto.
- Cor: Escolha a cor do texto.
- Sombra de Texto: Aplique uma sombra ao texto usando tamanhos predefinidos (Nenhum, Fio de Cabelo, Pequeno, Médio, Grande, X Grande, 2X Grande).
- Sombra da Caixa: Aplique uma sombra ao contêiner do bloco usando tamanhos predefinidos.
Espaçamento:
- Margem: Defina o espaçamento externo ao redor do bloco em todos os quatro lados, com controles independentes para desktop, tablet e celular.
- Preenchimento: Defina o espaçamento interno dentro do wrapper do bloco em todos os quatro lados, com controles por dispositivo.
Atributos:
- Classe Personalizada: Adicione uma ou mais classes CSS personalizadas ao wrapper do bloco para estilização direcionada.
- ID CSS: O SeedProd gera automaticamente um ID CSS exclusivo para este bloco. Você pode usá-lo para referenciar o bloco em CSS ou JavaScript personalizado.
- Atributos Personalizados: Adicione atributos HTML personalizados ao elemento wrapper do bloco. Insira cada atributo em uma nova linha usando o formato chave|valor.
Visibilidade do Dispositivo:
- Ocultar no Desktop: Ative para ocultar o bloco quando visualizado em telas de desktop.
- Ocultar no Tablet: Ative para ocultar o bloco quando visualizado em telas de tablet.
- Ocultar no Celular: Ative para ocultar o bloco ao ser visualizado em telas de celular.
Efeitos de Animação:
- Efeito de Rolagem: Aplique uma animação acionada por rolagem ao bloco, incluindo opções de Rolagem Vertical e Rolagem Horizontal com controles de direção, velocidade e deslocamento de visualização.
- Efeito do Mouse: Aplique um efeito de paralaxe ao bloco, acionado pelo movimento do mouse.
Etapa 4: Salve Suas Alterações
Depois de terminar de configurar o Bloco de Texto e personalizar sua aparência, certifique-se de salvar seu trabalho.
Você adicionou com sucesso um Bloco de Texto à sua página! Um texto claro e bem formatado é um dos elementos mais importantes de qualquer página eficaz. Experimente a tipografia, cor e espaçamento para criar seções de texto fáceis de ler e perfeitamente alinhadas com sua marca.