Pode haver momentos em que você gostaria de incorporar um arquivo PDF em sua postagem ou página:
Mas há um problema!
Embora o WordPress permita incorporar áudios, vídeos e, claro, imagens, não é possível incorporar arquivos PDF em suas postagens e páginas. Esse recurso não está disponível até o momento. Talvez ele seja adicionado no futuro.
Caso queira adicionar um arquivo PDF, você pode fazer o upload do arquivo usando a opção Adicionar mídia, insira-o e o link para esse arquivo será adicionado à sua página. E seus visitantes podem fazer o download ou visualizar o arquivo no navegador da web ao sair do site.
Mas e se você quiser incorporar arquivos PDF em suas postagens e permitir que seus visitantes vejam sem sair do site? Há alguma solução para isso? A resposta curta é sim.
Portanto, neste post, mostrarei como você pode incorporar um arquivo PDF à sua postagem ou página do WordPress. Antes de começar, você provavelmente deseja criar um documento PDF limpo e bem formatado com um Editor de PDF. Então você está pronto para adicioná-lo às suas postagens com ou sem o uso de um plugin. Comecemos.
Como incorporar um arquivo PDF com um plug-in
Existem muitos plugins que você pode usar para adicionar um arquivo PDF à sua postagem do WordPress.
No entanto, usaremos um plug-in chamado PDF Embedder. É um plugin gratuito que está disponível no diretório de plugins do WordPress. A melhor coisa sobre esse plug-in é que ele usa JavaScript para fazer seu trabalho e não algum serviço ou iframes de terceiros.
Ele passou 1: Instale o plug-in do PDF Embedder
Faça login no seu Painel do WordPress e vá para Plugins> Adicionar novo. Agora pesquise Incorporador de PDF na caixa de pesquisa. Depois de encontrar o plugin, basta instalá-lo e ativá-lo. Simples, não é?
Ele passou 2: configurar o plugin
Embora você possa começar a incorporar seus arquivos PDF depois de instalar este plug-in, primeiro você pode modificar as configurações para melhorar a aparência dos arquivos incorporados. Para abrir a página de configuração deste complemento, vá para Configurações> Inserter PDF na barra lateral esquerda do seu Painel do WordPress.
A versão gratuita deste plugin permite alterar o seguinte:
Agora, essas são as configurações universais. Mas e se você quiser alterar as configurações de um arquivo específico? Bem, você pode fazer isso com a ajuda de códigos de acesso. Aqui está um exemplo:
[pdf-embedder url=”http://yoursite.com/wp-content/uploads/2019/01/April.pdf” width=”500″ toolbar=”top” toolbarfixed=”on”]
No exemplo acima, a largura é definida para 500 px, o local da barra de ferramentas é definido para o topo e a barra de ferramentas será reparada. Você também pode desativar a barra de ferramentas na parte inferior e a barra de ferramentas fixa.
Este plugin também possui uma versão premium que oferece recursos como botão de download, visualização e acompanhamento de downloads, rolagem contínua de páginas e links abertos em uma nova janela.
Ele passou 3: incorpore um arquivo PDF em sua postagem ou página
Depois de concluir a instalação, você pode começar a fazer o trabalho sujo. Agora, se você estiver usando o Editor clássico ou o Editor Gutenberg, poderá usar facilmente este plug-in para obter o resultado desejado.
Se você estiver usando o Editor clássicoA incorporação de um arquivo PDF é semelhante ao que você faria para uma imagem ou vídeo.
Primeiro, crie uma nova postagem ou abra uma já existente e clique no botão Adicionar Mídia. Agora faça o upload do seu arquivo PDF, clique no botão Inserir na postagem e um código de acesso será adicionado à sua postagem.
É isso, agora você pode visualizar sua postagem para verificar se está funcionando corretamente ou não.
O que acontece Editor de Gutenberg? Bem, o plug-in PDF Embedder vem com um bloco específico. Portanto, crie uma nova postagem e clique no ícone Adicionar bloco. Em seguida, encontre o bloco Embedder do PDF e selecione-o.
Por fim, clique no bloco para selecionar (ou fazer upload) do seu arquivo PDF e seu trabalho está concluído.
Aqui está o resultado final, independentemente do editor que você está usando:
Plugins populares do visualizador de PDF
Embora o plug-in PDF Embedder faça um bom trabalho, é sempre bom ter algumas alternativas. Agora, vamos compartilhar alguns plug-ins gratuitos e premium para visualizadores de PDF, em nenhuma ordem específica:
Visualizador de PDF para WordPress
Com mais de 3900 vendas, o visualizador de PDF do WordPress é o plugin do visualizador de PDF vendido no CodeCanyon. É um plug-in totalmente responsivo e compatível com vários navegadores. Este plug-in permite ativar ou desativar opções como impressão, download, zoom, navegação na página e compartilhamento nas redes sociais. Você também pode usar o Google Analytics com WordPress para rastrear o número de visitantes que lêem seus arquivos PDF.
Google Drive Embedder
O Google Drive Embedder é um plug-in gratuito que permite acessar o Google Drive no painel do WordPress e incorporar PDF, documentos do Word ou planilhas na sua postagem ou página. No entanto, para usar este plug-in, você também deve instalar o Login do Google Apps: o objetivo deste plug-in é conectar seu Google Drive ao seu site WordPress.
Algori PDF Viewer
Procurando um plug-in de bloco Gutenberg para incorporar arquivos PDF? Você pode experimentar o plug-in Algori PDF Viewer. Este plug-in gratuito é compatível com todos os navegadores da web, como Google Chrome, Firefox, Safari, Opera e Internet Explorer 11. Ele permite o upload de vários arquivos em uma página e suporta o modo de apresentação.
Real3D FlipBook WordPress Plugin
Como o próprio nome sugere, o Real3D FlipBook é um plugin de flipbook 3D responsivo e tátil para exibir arquivos e imagens em PDF. Foi desenvolvido usando HTML5 e não requer o uso de Flash. Você pode personalizar configurações como velocidade de panorâmica, som de panorâmica, nível de zoom e ângulo da câmera. Este plugin também é compatível com o lightbox e o modo de tela cheia.
Inserir mais um documento
O Incorporar qualquer documento Plus é um plug-in exclusivo que permite carregar e incorporar facilmente arquivos de documentos (PDF, Word, PPT, Excel etc.) facilmente em sites do WordPress. O plug-in adiciona um botão ‘Adicionar documento’ acima do editor visual. Isso abrirá a janela pop-up do EAD Plus de onde você pode selecionar a fonte para o seu documento. Também é totalmente integrado aos serviços em nuvem do Google Drive, Dropbox e Box.com. Você pode permanecer no seu site WordPress e fazer upload de arquivos para os serviços em nuvem e incorporá-los diretamente a partir daí.
Depois de carregar ou selecionar o documento que você deseja incorporar, você também terá a opção de selecionar qual serviço de documento deseja incorporar ao arquivo. O plugin reconhecerá o formato do arquivo automaticamente e sugerirá o visualizador. Os espectadores podem lidar com um arquivo de tamanho máximo 5 para 8 MB. Para arquivos maiores, os desenvolvedores recomendam enviá-los para o Google Drive e inseri-los a partir daí.
Como incorporar um arquivo PDF sem um plug-in
Bem, se você é um daqueles que sempre procura soluções sem um plug-in, esta seção é para você. Certamente podemos incorporar um arquivo PDF nas postagens e páginas do WordPress sem instalar outro plug-in.
A ideia é simples: você precisará fazer o upload do seu arquivo PDF na sua conta do Google Drive e, em seguida, usar o código iframe para incorporar esse arquivo ao seu site. Embora esse método seja seguro, o único problema é que ele usa iframes.
Ele passou 1: Acesse o Google Drive e faça login na sua conta.
Ele passou 2: Carregue o arquivo PDF que você deseja inserir na sua postagem do WordPress aqui. Para fazer isso, clique em Novo na barra lateral esquerda da sua conta do Google Drive, selecione Fazer upload de arquivos e fazer upload do arquivo no computador local.
Ele passou 3: Depois que o arquivo tiver sido carregado em sua unidade, clique duas vezes nele para visualizá-lo. Agora clique no 3 pontos verticais (Mais ações) presentes no canto superior direito e selecione Abrir em uma nova janela.
Ele passou 4: Na nova janela, clique em Mais ações (a 3 pontos verticais no canto superior direito) e selecione Compartilhar.
Ele passou 5: Uma janela pop-up chamada “Compartilhar com outras pessoas” será aberta. Aqui, clique no link Get to share; o que faz é garantir que qualquer pessoa com o link para o arquivo PDF possa vê-lo. Se você não fizer isso, o arquivo permanecerá privado e não será visível para o público do site.
Ele passou 6: Se você não deseja que seus visitantes baixem ou imprimam o arquivo e também desabilitem o recurso de copiar texto, clique em Avançado na mesma janela pop-up. Marque a opção que diz: “Limpe as opções de download, impressão e cópia para comentaristas e visualizadores” e clique em Concluído.
Ele passou 7: Agora é a hora de obter o código de incorporação que usaremos em nossa postagem. Para isso, clique novamente em Mais ações, selecione Inserir item e copie o código do iframe.
Ele passou 8: Acesse o Painel do WordPress e crie ou edite a postagem ou a página em que deseja incorporar o arquivo PDF. Agora, se você estiver usando o Editor clássico, basta ir para a guia Texto e colar o código:
de Editor de Gutenberg, você precisa adicionar um novo bloco, procurar HTML personalizado e, finalmente, adicionar o código iframe no bloco HTML personalizado:
Ele passou 9: É isso, agora visualize sua postagem ou página para verificar seu arquivo PDF incorporado.
Nota de rodapé sobre como incorporar arquivos PDF no WordPress
O WordPress permite que você vincule seus arquivos PDF, mas não os incorpore. No entanto, este tutorial resolve esse problema. Ele mostra como você pode incorporar seus arquivos PDF em suas postagens ou páginas, assim como suas imagens e vídeos, com ou sem o uso de um plug-in.
Você já incorporou um arquivo PDF em seu site usando qualquer um dos métodos? Você tem um plugin alternativo em mente e acha que é melhor do que os mencionados neste artigo? Deixe-me saber seus pensamentos na seção de comentários.
