Se você estiver procurando um tutorial sobre como criar flip boxes no WordPress, temos uma orientação abrangente para você.
O que você precisa é saber como criar uma do zero. Mas, antes disso, vamos aprender alguns detalhes sobre as flip boxes.
O que é uma Flip box no WordPress?
A caixa flip no WordPress é um elemento de conteúdo interativo que combina texto e recursos visuais com um efeito de animação de inversão.
Normalmente, ele tem dois lados. É comumente usado para apresentar o texto de forma criativa, combinado com um efeito de inversão hipnotizante.
As pessoas adicionam flip boxes porque elas são um elemento envolvente e interativo altamente recomendado para chamar a atenção dos visitantes imediatamente.
Agora, vamos examinar outros cenários relacionados às Flip boxes.
Criar mesas bonitas
Com o Block Editor
Por que usar Flip Boxes em sites WordPress?
As flip boxes são um poderoso elemento de design que pode elevar o conteúdo do WordPress de várias maneiras. Veja por que vale a pena usá-las:
- Chamar a atenção: As flip boxes chamam a atenção dos visitantes como um ímã e despertam a curiosidade, incentivando-os a explorar mais.
- Destacar informações importantes: Os flip boxes permitem que você apresente detalhes importantes com precisão na frente e ofereça explicações ou mais detalhes no verso, o que torna o conteúdo mais abrangente.
- Apresente o Conentent Elegantly: As flip boxes permitem que você apresente seu conteúdo de forma elegante. Em vez de texto simples ou caixas estáticas, as flip boxes oferecem uma maneira elegante de apresentar serviços, perfis de equipe, CTAs etc.
Agora que você aprendeu algumas vantagens de usar flip boxes em seu site, vamos ao tutorial principal abaixo.
Como criar flip boxes no WordPress
Como o WordPress não tem um bloco central para criar uma flip box, usaremos um plug-in de terceiros chamado Flipbox.
O Flipbox tem uma coleção de efeitos CSS3 de plug-in interessantes para tornar os flipboxes mais atraentes. Ele funciona com qualquer construtor de páginas e é responsivo por padrão.
Etapa 1: Instalar o Flipbox
A primeira etapa é instalar o plug-in Flipbox fazendo login no painel de controle do seu site. Em seguida, navegue até Plugins (1) > Adicionar novo plug-in (2). Pesquisa Flipbox (3) e instalar o plug-in (4).
Não se esqueça de ativar o plug-in após a instalação.
Etapa 2: Crie suas Flip Boxes
Agora, clique em Caixa flip (1) e Criar novo depois disso (2).
Selecione qualquer estilo de sua preferência na página e clique em "Create Style". Se você rolar a tela para baixo, verá vários estilos.
Dê uma nome em sua flip box (1)e selecione a opção Número do layout. O Os layouts estão no Estilos que você já viu anteriormente (Cada estilo tem três layouts). Por fim, clique no botão Salvar botão (3).
Etapa 3: Personalize sua Flip Box
Todas as opções são para personalização. Personalize de acordo com suas necessidades. A visualização é mostrada abaixo na mesma página.
Selecione a opção "Abrir Flip Boxes de" para inserir seu conteúdo.
Digite o Título da frente (1) e Ícone frontal (2)e, por fim, clique em Carregar imagem para carregar uma imagem para a frente (3).
Role para baixo na mesma página e digite o código Informações de back-end ou texto detalhado do conteúdo (1) e o Texto do botão de backend (2). Você também pode inserir o link do botão se você quiser (3). Depois disso, você deve definir uma imagem para a imagem de fundo do backend clicando no botão "Carregar imagem” (4).
Depois de configurar tudo, pressione o botão "EnviarBotão " (1).
Você pode Adicione mais flip boxes, se desejar. Seguir as diretrizes da "Etapa 3" repetidamente para adicionar mais flip boxes à flip box atual.
Você também pode editar ou excluir suas flip boxes também. Você pode ver as opções levando o cursor até as flip boxes.
Após toda a edição e personalização, clique em "Item por linhas” (1) para definir quantas flip boxes você deseja exibir por vez em cada linha. Selecionei três itens, pois quero exibir três itens por linha. Agora, pressione o botão Enviar botão (2).
Depois disso, você deve salvar o Flip Box. Basta clicar no botão Save (Salvar) (1).
Etapa 4: Insira o shortcode Flip Box
Ir para Flip Box (1) e copiar o código curto (2).
Vá para as postagens ou páginas em que deseja exibir a flip box. Para fazer isso, navegue até Postagens (1) > Todas as postagens (2) e editar essa postagem ou página (3). N.B. O mesmo se aplica à edição de uma página, mas você deve ir para Páginas > Todas as páginas Primeiro.
Para inserir a flip box, você deve inserir a tag Bloco de código curto, clique no ícone "+" (Add Block Icon) no editor (1) e digite "Código curto" na caixa de pesquisa (2). Clique no botão "Shortcode" para inseri-lo no editor(3).
Agora, cole o shortcode (1) e salve ou publique seu post ou página.
Veja a demonstração abaixo.
Considerações finais!
Criar flip boxes no WordPress é uma maneira fácil de elevar o design e o envolvimento do seu site. As flip boxes são uma adição simples que pode deixar uma impressão duradoura em seu público.
Seguindo as etapas acima, você pode integrar facilmente elementos dinâmicos e visualmente atraentes que têm aparência profissional e melhoram a forma como os visitantes interagem com o seu conteúdo.
Espero que as diretrizes tenham sido fáceis de seguir. Mas, se tiver encontrado alguma dificuldade, informe-me na seção de comentários abaixo. Terei o maior prazer em ajudá-lo.
Além disso, não se esqueça de compartilhar o tutorial com seus amigos por meio das mídias sociais.
Leia mais
- Como adicionar uma caixa de avaliação às postagens/páginas do WordPress de duas maneiras fáceis
- Como tornar o cabeçalho de uma tabela fixo no WordPress (3 etapas fáceis)
- Como alterar a cor do hover do botão no WordPress em 3 etapas fáceis
- Como criar uma tabela responsiva no WordPress
- Como adicionar um botão de alternância ao seu site WordPress
