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!