Descrição
O bloco Capa3D exibirá uma capa de livro em 3D com uma imagem à sua escolha, incluindo uma animação elegante ao passar o mouse.
Você pode selecionar três tamanhos de livro, definir as cores da capa e também inserir um link personalizado para a capa vinculada. Neste caso, a contracapa será exibida quando você passar o mouse sobre ela, e você poderá escolher um ícone para descrever a ação do link: baixar ou comprar, adicionando também o texto que acompanha o link.
⚠️ Importante: após adicionar a imagem da capa, selecione o tamanho apropriado nos controles do bloco localizados na barra lateral do editor de blocos.
Capturas de tela
Blocos
Este plugin disponibiliza 1 bloco.
- 3D Book Cover A 3D book cover animated on hover.
Instalação
Instalação automática:
- Abra qualquer post ou página no seu painel do WordPress.
- Clique no ícone de adição principal (+), localizado no canto superior esquerdo do editor, para adicionar um novo bloco.
- Digite “Cover 3D” no campo de pesquisa.
- Procure o plugin com este nome na lista de plugins de bloco disponíveis e clique para instalar.
- Aguarde o processo de instalação e o bloco estará disponível para uso em seu conteúdo. Você pode desativá-lo no menu “Plugins Todos os plugins”, no painel de administração do seu WordPress.
Instalação manual:
- Carregue o arquivo cover3d.zip por meio da página de plugins do WordPress, clicando em “Adicionar novo” e selecionando o zip a partir do seu computador ou, alternativamente, carregue a pasta descompactada
cover3dpara o diretório/wp-content/plugins/em seu servidor, via SFTP/FTP. - Ative o plugin por meio do menu “Plugins” do WordPress.
- Procure o bloco “Capa de livro 3D” em qualquer campo de inserção de blocos dentro do editor de blocos.
- Personalize a imagem da capa, o tamanho do livro e as cores na barra lateral do editor de blocos. O plugin não cria menus ou configurações adicionais no painel do WordPress.
Perguntas frequentes
-
Por que eu precisaria disto?
-
Você possui um livro (ou um e-book) que deseja promover? Ou um formulário de assinatura com uma isca digital para baixar um e-book para fins de marketing? A inclusão de uma capa 3D pode ajudar a chamar a atenção do visitante, aumentando as conversões.
-
Qual é a maneira recomendada de utilizá-lo?
-
Ele pode ser utilizado em qualquer lugar do editor de blocos do WordPress, seja em seu conteúdo ou em seus modelos.
-
Qual é o tamanho recomendado para meu arquivo de imagem de capa?
-
O plugin oferece três tamanhos para sua capa: pequena, média e grande. O tamanho mínimo da imagem para a opção “pequena” é 66 x 100 pixels. Para a opção “média”, carregue uma imagem com pelo menos 133 x 200 pixels e 200 x 300 pixels para a opção “grande”.
-
Quais formatos de arquivo de imagem são aceitos por este plugin?
-
Você pode utilizar qualquer um dos tipos de arquivo nativamente suportados para imagens, como JPG, GIF ou PNG. Se a sua instalação do WordPress permitir uploads de arquivos SVG, você também poderá utilizar esse formato, que é especialmente bom para capas com detalhes nítidos.
-
Este plugin prejudicará o desempenho de carregamento do meu website?
-
O plugin Capa3D utiliza muito pouco CSS (8kb) para criar o efeito de animação sem Javascript na interface. Portanto, é muito enxuto. Você também pode incluir uma imagem para a sua capa, mas pode selecionar o tamanho desejado da imagem para minimizar o impacto no desempenho. De qualquer forma, o bloco Capa3D usa apenas o tamanho nativo
medium, definido no painel de administração do WordPress (Configurações Mídia), para a imagem de capa em telas pequenas, independentemente da opção de tamanho escolhida no painel de controle do bloco, a fim de evitar impactos negativos no desempenho de carregamento. -
Este plugin coleta algum dado meu ou dos meus usuários?
-
De forma alguma. O plugin respeita sua privacidade. Ele é totalmente livre de anúncios e o código utiliza apenas funções nativas do WordPress. Não há avisos no painel administrativo ou funções de chamada remota ocultas.
-
Este plugin funciona no editor clássico?
-
Não, este plugin funciona exclusivamente no editor de blocos.
-
A animação ao passar o mouse funciona em dispositivos com tela sensível ao toque?
-
Como os dispositivos de tela sensível ao toque não incluem um estado “hover”, a animação é desativada neles.
-
Para onde posso enviar comentários ou perguntas de suporte?
-
Entre em contato por meio do fórum oficial do plugin.
Fique à vontade para fazer perguntas, solicitar novas funcionalidades ou reportar erros.
Você também pode acompanhar o desenvolvimento do plugin no repositório oficial do Épico Studio no GitHub, onde você poderá visualizar o código completo.
-
Como posso apoiar o desenvolvimento do plugin Capa3D?
-
Você pode ajudar com uma doação, visitando nosso site ou publicando uma resenha positiva, se você achar que o plugin foi útil.
Avaliações
Não há avaliações para este plugin.
Colaboradores e desenvolvedores
“Capa3D” é um programa de código aberto. As seguintes pessoas contribuíram para este plugin.
ColaboradoresCapa3D” foi traduzido para 1 localidade. Agradecemos aos tradutores por suas contribuições.
Traduzir o “Capa3D” para seu idioma.
Interessado no desenvolvimento?
Navegue pelo código, consulte o repositório SVN ou assine o registro de desenvolvimento por RSS.
Registro de alterações
1.0.0
- Reescrita concluída usando práticas nativas de desenvolvimento de bloco do WordPress.
- Substituiu a estrutura personalizada do Pinegrow pela API nativa de Bloco do WordPress.
- Usa block.json para cadastro de bloco (WordPress 6.1+).
- JavaScript moderno ES6+ com JSX e ferramentas de build @wordpress/scripts.
- Estrutura de atributos simplificada para melhor capacidade de manutenção.
- Acessibilidade melhorada com atributos ARIA adequados.
- Adicionada a opção “Abrir em nova aba” para links.
- Melhorias de desempenho com suporte à coleta de metadados de bloco.
0.4.0
- Adicionado suporte para inserção de atributos de desempenho nativos na tag “img” via wp_get_loading_optimization_attributes().
- Adicionado o
lodashcomo dependência do registro do arquivo Javascript. - Atualizadas algumas strings de tradução.
0.3.0
- Removido o link do livro durante a edição do bloco no editor.
0.2.0
- Atualizada a
api_versionno registro do bloco.
0.1.0
- Versão inicial.




