As animações Lottie são animações leves baseadas em JSON, criadas usando a estrutura Lottie desenvolvida pelo Airbnb. Essas animações são pequenas e mantêm alta qualidade quando dimensionadas, o que as torna ideais para aprimorar a experiência do usuário em sites e aplicativos móveis.
Para inserir animações Lottie no WordPress, você pode seguir estas etapas:
Baixe o arquivo de animação Lottie:
Comece baixando o arquivo de animação Lottie que deseja usar. As animações Lottie podem ser encontradas em várias plataformas e mercados.
Converter para formato JSON:
Assim que tiver o arquivo de animação, converta-o para o formato JSON, se ainda não estiver nesse formato. Existem conversores online disponíveis para essa finalidade, ou você pode usar a ferramenta de linha de comando de Lottie.
Carregue o arquivo JSON para a biblioteca de mídia do WordPress:
Faça login no painel do WordPress e navegue até “Mídia”> “Adicionar novo”. Aqui, carregue o arquivo JSON contendo sua animação Lottie.
Copiar código curto:
Após fazer upload do arquivo JSON, navegue até a biblioteca de mídia e localize a animação Lottie que você acabou de enviar. Clique no link "Editar" abaixo da visualização da animação para ver seus detalhes.
Nos detalhes da animação, você encontrará o código de acesso para incorporar a animação. Copie o código de acesso fornecido.
Insira o shortcode no conteúdo:
Abra a postagem ou página onde deseja inserir a animação Lottie. No editor WordPress, coloque o cursor no ponto de inserção desejado.
Clique no botão “Adicionar mídia” na barra de ferramentas do editor do WordPress.
Selecione "Incorporar" no menu à esquerda e mude para a guia "Código Incorporado".
Cole o código de acesso da animação Lottie no campo de código incorporado.
Clique no botão "Inserir na postagem" ou "Inserir na página".
Sua animação Lottie agora será incorporada no local escolhido em seu conteúdo WordPress.
Atualização e visualização:
Atualize sua postagem ou página e você verá a animação Lottie exibida conforme planejado.
Nota:Alguns temas WordPress podem ter funcionalidade integrada para inserir facilmente animações Lottie. Verifique a documentação do seu tema para ver se ela oferece tais opções.
Seguindo essas etapas, você pode inserir facilmente animações Lottie em seu site WordPress, adicionando elementos cativantes e envolventes para aprimorar a experiência do usuário.
