Editor Wix: adicionar e personalizar máscaras de texto
4 min de leitura
Neste artigo
- Adicionar um elemento de máscara de texto
- Alterar o texto em uma máscara de texto
- Redimensionar um elemento de máscara de texto
- Fazer o design do elemento de máscara de texto
As máscaras de texto são uma ótima ferramenta para textos curtos que devem chamar a atenção dos seus visitantes. Elas oferecem a capacidade de exibir uma imagem, vídeo ou gradiente dentro para que seu texto se destaque na página.
![Gif de uma máscara sobre uma floresta em um texto dizendo](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2023/11/03/0d860607-9020-456c-8957-3feea9d91130/fead554e-e689-4706-a768-a0db8a292745.gif)
Adicionar um elemento de máscara de texto
Vamos começar adicionando um elemento de máscara de texto ao seu site.
Prática recomendada:
Recomendamos adicionar até 10 máscaras de texto por página, para garantir o melhor desempenho do site no mobile.
Para adicionar um elemento de máscara de texto:
- Abra a página relevante no seu editor.
- Clique em Elementos .
- Clique em Texto.
- Clique em Máscara de texto.
- Arraste um design de máscara de texto que você gosta para sua página.
Dica: alguns dos nossos designs incluem um background de vídeo. Passe o mouse sobre um design para vê-lo em ação.
![Uma captura de tela mostrando o painel Elementos no Editor e a opção de adicionar uma máscara de texto ao seu site.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/13691038-5aa8-4672-9b95-348c0733cabc/2023/10/02/0a743b40-e97f-4e2e-a1db-7c4fb9e564c6/3f81e574-9fe1-42a7-b80a-bc440ed8d1d2.png)
Alterar o texto em uma máscara de texto
Após adicionar seu elemento de máscara de texto, você pode começar a personalizá-lo. Primeiro, vamos alterar o texto.
Para alterar o texto:
- Clique no elemento de máscara de texto no Editor.
- Clique em Alterar texto.
- Insira seu texto em Adicione seu próprio texto.
Observação: o texto é salvo automaticamente.
![Uma captura de tela mostrando uma máscara de texto em destaque, mostrando a opção de alterar o texto.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2024/06/25/fd88627b-0a8b-4d23-80c3-bac3d42ef0e5/4a8d09c5-7f83-4111-b944-6e23bd47d4af.png)
Redimensionar um elemento de máscara de texto
Em seguida, redimensione o elemento de máscara de texto para que ele se encaixe perfeitamente na sua página.
Para redimensionar uma máscara de texto:
- Clique no elemento no seu editor.
- Arraste as alças ao redor do elemento para aumentar o diminuir.
![Um GIF mostrando o movimento das alças ao redor do elemento. Elas estão se movendo para dentro e para fora para mostrar a mudança de tamanho.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2024/06/25/304f28f8-46b7-44cb-a680-f1067bab26b9/f45c9cd8-8e14-4f89-b0a0-457933232e08.gif)
Fazer o design do elemento de máscara de texto
Por fim, dê um toque especial à sua máscara de texto, alterando o design.
Para personalizar uma máscara de texto:
- Clique no elemento de máscara de texto no Editor.
- Clique no ícone Design .
- Escolha como deseja fazer o design da sua máscara de texto:
Personalizar o preenchimento
Formatar o texto
Definir a sombra