Deseja criar uma imagem interativa para o seu blog WordPress? Uma imagem interativa permite destacar, vincular e animar determinadas áreas da sua imagem. Neste artigo, mostraremos como criar imagens interativas no WordPress.
O que é uma imagem interativa?
Uma imagem interativa possui áreas de ponto de acesso, reflexões, links, cores e muito mais. É diferente de uma imagem simples carregada no WordPress. Imagens interativas são atraentes e atraem usuários para ver os detalhes da imagem. Você pode adicionar uma descrição a diferentes partes de uma imagem, adicionar links a páginas, destacar seções e muito mais.
Nesta imagem, você pode ver a descrição dos frutos ao passar o mouse sobre diferentes barras. Você pode usar essas imagens interativas para aumentar o envolvimento do usuário e o tempo gasto no site.
Vamos dar uma olhada em como você pode chamar a atenção dos visitantes com imagens interativas.
Crie imagens interativas no WordPress
A primeira coisa que você deve fazer é instalar e ativar o plug-in Draw Attention. Para mais detalhes, consulte o nosso guia passo a passo sobre como instalar um plugin do WordPress.
Após a ativação, você verá um novo tipo de postagem personalizada na sua área de administração do WordPress. Você precisa ir para Chama a atenção »Adicionar novo página para criar uma imagem interativa.
Comece adicionando um título para esta nova imagem interativa, para que você possa se lembrar com facilidade. Nesta página, você pode criar designs interativos em imagens novas ou carregadas anteriormente. Você pode adicionar uma nova imagem clicando no ícone de upload de imagem ou pode selecionar uma imagem da sua biblioteca de mídia do WordPress.
Então você precisa clicar Para postar botão.
Após a publicação, o plug-in permite editar a imagem e destacar áreas específicas, adicionar cores, links, desenhar áreas de pontos de acesso e muito mais. Você pode rolar para baixo Áreas de ponto de acesso seção e expanda a área clicável para visualizar a imagem.
Basta mover o mouse e desenhar áreas onde a imagem pode ser clicada. Você pode facilmente selecionar áreas de ponto ativo e expandi-las para criar uma seleção.
Depois de desenhar a área do ponto de acesso, você precisa rolar para baixo Açao suspenso e selecione uma ação para a área selecionada na imagem. Se você escolher Mostrar mais informações, basta adicionar uma descrição para explicar a área de ponto ativo na imagem. Você também pode adicionar um link na área selecionada usando a opção "Ir para URL".
Você também pode gerenciar configurações gerais e destacar o estilo do link de ação, texto de ação, plano de fundo de informações e muito mais. Essas configurações podem ajudar a tornar sua imagem mais interativa.
Então você precisa clicar no Atualizar e copie o código curto para adicioná-lo à sua postagem ou página do WordPress.
O plug-in permite criar quantas imagens interativas forem necessárias, usando as imagens carregadas ou novas anteriormente.
Importar e exportar imagens interativas
Se você estiver trabalhando em vários sites e quiser importar / exportar imagens interativas, precisará do mesmo plug-in Draw Attention nos dois sites.
No primeiro site, você deve visitar Obtenha atenção »Importar / Exportar página e marque as imagens que deseja exportar. Depois clique no Gerar código de exportação botão e copie o código.
Depois disso, você precisa acessar o site a seguir e verificar se o plug-in Draw Attention está ativado. Então você deve ir para Obtenha atenção »Importar / Exportar Página de administrador do WordPress e cole o código no campo de importação.
Vá em frente e clique no importar o botão e suas imagens serão importados com todos os detalhes interativos adicionados anteriormente.
Essas imagens interativas são boas para o SEO do WordPress e atraem mais visitantes ao seu site. No entanto, é recomendável compactar imagens antes de fazer o upload para melhorar o desempenho do site.
Esperamos que este artigo tenha ajudado você a aprender como criar imagens interativas do WordPress. Você também pode verificar o nosso guia sobre como fazer upload de imagens adiadas no WordPress.
Se você gostou deste artigo, assine o nosso canal YouTube para assistir a vídeos tutoriais do WordPress. Você também pode encontrar-nos em Twitter e Facebook.
Add comment