Introdução
Neste tutorial, você aprenderá a utilizar e personalizar os elementos de texto (Título, Subtítulo e Parágrafo) na Rockty. Esses elementos compartilham ferramentas de edição semelhantes, permitindo que você ajuste e estilize seus textos para se alinharem perfeitamente ao design e à comunicação visual de suas páginas
1. Como adicionar Textos
Para adicionar Textos à sua página na Rockty, siga estes passos:
Adicione um novo elemento em sua página.
Selecione o elemento 'Título', 'Subtítulo' ou 'Parágrafo' na lista de opções disponíveis no menu lateral esquerdo.
💡 Dica: Caso precise de mais detalhes sobre como adicionar elementos, confira nosso tutorial Gerenciando Elementos na Rockty: Adicionar, Excluir e Personalizar para orientações iniciais.
2. Configurações do Elemento
Para acessar as configurações de um elemento, clique no ícone de engrenagem do elemento ou clique com o botão direito do mouse sobre o elemento para abrir o menu de opções. Isso disponibilizará todas as possibilidades de configuração que veremos neste tutorial.
Ajustes
Ao acessar a engrenagem dos elementos de texto, você poderá definir ações específicas para o texto:
Configurar Ação: Escolha a ação que a imagem executará conforme necessário.
Posição
Na aba de "Posição", você pode ajustar:
Posição e Largura: Defina onde o texto será exibido na página e ajuste sua largura.
Margem (Topo) e Espaçamento Interno: Ajuste as margens e o espaçamento interno (topo, baixo, esquerda, direita) para melhor posicionamento.
💡 Dica: Evite margens negativas, pois podem causar conflitos com outros elementos. Use-as com moderação e apenas se necessário.
Estilo
Personalize a aparência do seu texto com as opções disponíveis:
Cor do Texto: Selecione a cor da fonte através da paleta ou insira um código HEX.
Fontes: Escolha entre centenas de tipos de fontes para criar páginas únicas.
Estilo da Fonte: Ajuste o estilo do texto com opções como Light, Regular, Medium, Bold, e Black.
Tamanho da Fonte, Altura da Linha, Opacidade: Ajuste manualmente ou através de barras deslizantes.
Avançado
Explore configurações avançadas para adicionar efeitos especiais e personalizações adicionais:
Efeitos de Movimento/Animação: Adicione animações aos textos. Escolha o comportamento (única vez ou contínuo), ativação (entrada na página ou ao passar o mouse), duração (normal, devagar, rápido), e atraso.
CSS Classes: Utilize CSS para estilos avançados, inserindo um nome de classe e aplicando o código correspondente através do elemento Script. Para mais detalhes, confira nosso tutorial sobre CSS Classes na Rockty.
Pixel do Facebook / Google: Configure conversões do Pixel do Facebook ou Google em cliques de texto configurados como link. Para mais informações, acesse:
3. Caixa de Edição de Texto
Ao selecionar um texto na Rockty, você verá uma caixa de edição que permite:
Estilos de Texto: Negrito, Itálico, Sublinhado, Riscado.
Cores do Texto e Fundo: Escolha as cores utilizando a paleta ou insira o código HEX.
Inserir URLs: Para adicionar links ao texto, clique no ícone "#".
💡 Dica: A Caixa de Edição de Texto é ideal para destacar partes específicas do texto ou aplicar múltiplas cores e estilos em um único bloco de texto.
Conclusão
Com essas ferramentas, você pode facilmente ajustar e personalizar os elementos de texto na Rockty para atender às necessidades específicas da sua página. Explore cada opção de personalização e configure os textos de forma a criar uma hierarquia visual clara e um design coeso com o restante do layout.
Dicas Adicionais
Mantenha a Hierarquia Visual: Utilize os títulos, subtítulos e parágrafos de forma hierárquica para guiar a leitura. O título deve ser o elemento mais destacado, seguido do subtítulo e, por fim, o parágrafo, que fornece detalhes adicionais.
Priorize a Clareza: Certifique-se de que os textos são simples e diretos. Uma linguagem clara facilita a comunicação e garante que os visitantes compreendam a mensagem de forma rápida.
Use Tipografia Consistente: Escolha uma tipografia que reflita o estilo da sua marca e seja fácil de ler. É importante manter a consistência nas fontes e tamanhos para criar uma experiência visual coesa.
Crie Chamadas para Ação Eficientes: Ao usar títulos e subtítulos, aproveite para incluir chamadas para ação que incentivem o visitante a realizar uma determinada ação, como "Saiba Mais", "Cadastre-se Agora", ou "Adquira Já".
Espaçamento Adequado: Deixe espaço suficiente entre os elementos de texto para melhorar a legibilidade. Um layout bem organizado faz com que o conteúdo pareça menos sobrecarregado e mais fácil de navegar.
Utilize Contrastes: Certifique-se de que o texto tem um bom contraste com o fundo da página. Textos claros em fundos escuros ou textos escuros em fundos claros ajudam a garantir a legibilidade, especialmente em dispositivos móveis.
Evite Blocos de Texto Longos: Divida o conteúdo em parágrafos curtos ou listas quando possível. Isso torna a leitura mais dinâmica e menos cansativa para o visitante.
Teste em Diferentes Dispositivos: Verifique se os textos estão legíveis e organizados tanto em desktops quanto em dispositivos móveis, garantindo uma experiência responsiva.
Precisa de Ajuda?
Se tiver dúvidas ou precisar de suporte adicional, entre em contato com nossa equipe de Suporte!