O bloco Flip Box permite que você crie cartões interativos em seu site. Com o bloco GutenKit Flip Box você pode fazer isso facilmente e em menos tempo.

Verifique a documentação e aprenda a usar o bloco GutenKit Flip Box.

Como você pode usar o bloco Flip Box? #

Acesso ao seu painel do WordPress –

• Encontrar Páginas/postagens > Adicionar nova página/postagem ou comece a editar uma página existente com o editor de blocos.
• Procure o "+”Ícone no lado direito ou na parte superior da tela do editor. Clique.
• Um menu de bloqueio aparecerá, procure por “Caixa giratória”.
• Ao vê-lo, clique nele ou arraste e solte na tela do editor de blocos.

Editando parte do conteúdo #

Na seção Flip Box, você verá as seguintes opções –

• Selecione o estilo: A partir daqui, você pode escolher qualquer estilo para a flip box. As opções são – Flip Style, Side Style, Zoom Style, 3D Style, Push Style, Transform Style e Fade Style.
• Direção: A direção da caixa pode ser para cima, para baixo, para a direita ou para a esquerda.

• Evento do mouse: Você pode configurar o mouse para Passe o mouse, clique na caixa ou clique no botão.
• Tipo de mídia: Se quiser mostrar qualquer mídia, você pode escolher qualquer Imagem ou ícone. Caso contrário, você pode mantê-lo em branco escolhendo Nenhum.
• Escolha ícone/imagem: Dependendo do tipo de mídia, você terá a opção de escolher a mídia desejada.
• Título: Escreva o título da sua flip box aqui.
• Etiqueta HTML: As opções de tags HTML são H1, H2, Span, P, etc.
• Legenda: Neste campo você deve escrever o subtítulo.
• Descrição: Você pode escrever o conteúdo da descrição aqui.
• Duração: Defina a duração do flip (segundo) usando a barra. Quanto mais tempo diminuirá o tempo de inversão e quanto menor o tempo aumentará a velocidade.

Botão: Se você definir um botão para a flip box, poderá definir um ícone para ele, ajustar a posição do ícone, escrever um rótulo e inserir um link de URL.

Estilo #

• Embrulho: Usando a opção, você pode personalizar a altura, o alinhamento, o plano de fundo, a sombra da caixa, a borda, o raio da borda, o preenchimento, etc.
• Ícone frontal: Isso permitirá que você ajuste o tamanho, a cor, o plano de fundo, a borda do ícone e assim por diante.
• Ícone Voltar: Também para o ícone traseiro, você pode ajustar o tamanho, cor, plano de fundo, borda do ícone, etc.
• Título: Aqui, você pode estilizar o conteúdo do título alterando a tipografia, a cor e a margem.
• Legenda: Semelhante ao título, você também pode estilizar o conteúdo do subtítulo alterando a tipografia, a cor e a margem.
• Descrição: Para apresentar o conteúdo da descrição de forma diferente, você pode alterar a tipografia, a cor e a margem a partir daqui.
• Botão "voltar: Para projetar o botão, você pode ajustar o tamanho do ícone, espaçamento, cor, cor do foco, plano de fundo, borda, etc.

Agora experimente você mesmo e permita que os visitantes do site desfrutem de conteúdo interativo e descubram mais informações.