Olá todo mundo, hoje eu venho aqui para mostrar para vocês como instalar e configurar o Easy Page Flip. Ele foi o meu primeiro Plugin Oficial desenvolvido para WordPress, com ele vocês poderam criar facilmente uma Page Flip “Revista” em poucos cliques.
Esse plugin tem como base o jQuery Booklet e também pode ser integrado com o plugin WP-PageNave para a parte da paginação, mas também se vocês desejarem ele também cria automaticamente um sistema de paginação sem a necessidade do mesmo.
Primeiro de tudo vamos para a instalação do plugin que é bem simples:
- Faça o download do Easy Page Flip no seguinte link: http://wordpress.org/plugins/easy-page-flip/;
- Envie a pasta do plugin para o diretório wp-content/plugins, ou instale usando o instalador de plugins do WordPress;
- Ative o plugin;
Após desses primeiros passos vamos criar a Galeria de Imagem:
- Depois de ativo irá aparecer uma aba chamada “Revistas”, clique em “Adicionar Nova Revista” e adicione o título desejado a sua “Revista”;
- Para adicionar a Galeria de Imagens que conterá a “Revista” clique em “Adicionar Mídia -> Criar Galeria”;
- Faça o upload ou selecione as imagens desejadas;
- Configure se você deseja que abra a imagem em um lightbox “Arquivo de mídia” ou Não;
- Se vocês optarem para que abra a imagem, então vocês teram que ter um plugin instalado de LightBox para que a exibição funcione corretamente, eu uso o plugin Lightbox Plus ColorBox mas vocês podem optar para qualquer outro que vocês desejarem.
- E por fim clique em “Criar um nova galeria”;
Agora vamos para a parte de exibição da listagem no Front-end:
- Para adicionar a listagem das Revistas teremos que adicionar o seguinte código em uma página que vocês desejarem, que sugiro que criem uma página chamada “Revistas”, mas atenção vocês teram que adicionar o código abaixo diretamente na sua página e não pelo Painel do WordPress:
Código de listagem das Revistas Padrão:
<?php if (function_exists("chr_pageflip_list")) { chr_pageflip_list(); }?>
- De padrão ele vem com a listagem de 10 posts “Revistas”, na ordenação em DESC “do mais novo para o mais antigo” e com a imagem destacada com o tamanho padrão thumbnail, mas para alterar esses padrões é preciso adicionar as seguintes propriedades. Por exemplo: “Eu coloquei para listar 5 post na ordem ASC e troquei para um tamanho personalizado do meu thumbnail.”
Código de listagem das Revistas Personalizado:
<?php if (function_exists("chr_pageflip_list")) { chr_pageflip_list(5, 'ASC', 'custom-image-size'); }?>
- Sobre a questão da paginação se vocês utilizarem o plugin “WP-PageNavi“, automaticamente o plugin usará o mesmo para a paginação das “Revistas”. Mas se o mesmo não estiver instalado ou ativo o plugin criará uma paginação personalizada que funcionará normalmente também.
Para finalizar vamos configurar a nossa single personalizada:
- Para a página de visualização da Revista vamos ter que adiconar o seguite código:
Código de geração da Revista na Single
<?php if (function_exists("chr_pageflip_single")) { chr_pageflip_single(); }?>
- Para criar a Single Personalizada que exibirá a Revista, vamos ter que criar um arquivo chamado: single-pageflip.php dentro da pasta do seu tema.
- Para que tudo funcione corretamente vamos até “Configurações -> Links Permanentes” do Painel do WordPress e clique “Salvar alterações”, esse procedimento é importante para que o .htaccess do seu site seja gerado novamente e assim funcione tudo corretamente.
Nesse link, vocês poderam ver como a Revista irá funcionar: http://www.chrdesigner.com/post/easy-page-flip/
Espero que vocês tenham gostado desse tutorial e até breve, por favor se você gostou deixe seu like e também compartilha.
Até Mais
Ps.: Por favor, se vocês tiverem sugestões para a melhoria desse plugin eu posso analisar e fazer a integração na próxima versão dele 😉
