Como incorporar arquivos PDF no WordPress

Pode haver momentos em que você gostaria de incorporar um arquivo PDF em sua postagem ou página:


  • O autor de um livro pode querer oferecer aos leitores uma cópia gratuita.
  • Para adicionar catálogos de produtos no seu site.
  • Para compartilhar seus projetos em formato PDF com os clientes.
  • Você pode estar executando uma agência de viagens e deseja exibir o itinerário dos pacotes turísticos.

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 deseje adicionar um arquivo PDF, você pode fazer o upload do arquivo usando o Adicionar mídia opção, 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, deixando seu site.

Mas e se você quiser incorporar arquivos PDF em suas postagens e permitir que seus visitantes o visualizem 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 na sua postagem ou página do WordPress. Antes de começar, você provavelmente deseja criar um documento PDF limpo e bem formatado usando um Editor de PDF. Você estará pronto para adicioná-lo às suas postagens com ou sem o uso de um plug-in. Vamos começar.

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 plugin chamado Incorporador de PDF. É um plug-in gratuito que está disponível no diretório WordPress Plugin. A melhor coisa sobre este plugin é que ele usa javascript para fazer seu trabalho e não algum serviço de terceiros ou iframes.

Etapa 1: instalar 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 instalar e ativá-lo. Simples, não é??

Instalar o plugin do Embedder em PDF

Etapa 2: configurar o plug-in

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ções deste plug-in, vá para Configurações> Incorporador de PDF na barra lateral esquerda do seu painel do WordPress.

Configurações do incorporador de PDF

A versão gratuita deste plugin permite alterar o seguinte:

  • Largura e altura – Você pode modificar a largura e a altura do visualizador de PDF. Aceita valores inteiros (em pixels) ou max (100% de largura).
  • Localização da barra de ferramentas – A barra de ferramentas deste visualizador de PDF permite que seu público amplie ou reduza o zoom e vá para a página seguinte ou anterior. Você pode ter a barra de ferramentas na parte superior, inferior ou ambas.
  • Passe o mouse sobre a barra de ferramentas – Você pode selecionar se deseja que a barra de ferramentas fique visível apenas ao passar o mouse sobre o documento ou não.

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 ″ barra de ferramentas =” parte superior ”toolbarfixed =” on ”]

No exemplo acima, a largura é definida como 500px, o local da barra de ferramentas é definido como superior e a barra de ferramentas será corrigida. Você também pode definir a barra de ferramentas para baixo e a barra de ferramentas fixa para desativada.

Este plugin também possui uma versão premium, que oferece recursos como botão de download, visualizações e downloads de faixas, rolagem contínua de páginas e links abertos em uma nova janela.

Etapa 3: incorporar arquivo PDF em sua postagem ou página

Depois de concluir as configurações, 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ássico, incorporar um arquivo PDF é semelhante ao que você faria por uma imagem ou vídeo.

Primeiro, crie uma nova postagem ou abra uma existente e clique em Adicionar mídia botão. Agora, faça o upload do seu arquivo PDF, clique em Inserir na postagem botão e um código de acesso será adicionado à sua postagem.

Incorporar arquivo PDF Classic Editor

É isso aí – agora você pode visualizar sua postagem para verificar se está funcionando corretamente ou não.

A respeito Editor de Gutenberg? Bem, o plug-in PDF Embedder vem com um bloco específico. Então, crie uma nova postagem e clique no ícone Adicionar bloco. Em seguida, pesquise por Incorporador de PDF bloquear e selecione.

Incorporar arquivo PDF Gutenberg Editor

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 de qual editor você está usando:

Final do arquivo PDF incorporado

Plugins populares do visualizador de PDF

Embora o plug-in PDF Embedder faça um bom trabalho, é sempre bom ter algumas alternativas. Agora, compartilhe alguns plug-ins gratuitos e premium para visualizadores de PDF, em nenhuma ordem específica:

Visualizador de PDF para WordPress

Visualizador de PDF para WordPress Plugin

Informações e Download

Com mais de 3900+ vendas, o visualizador de PDF para WordPress é o plugin de visualizador de PDF mais 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 social. Você também pode usar o Google Analytics com WordPress para rastrear o número de visitantes que lêem seus PDFs.

Google Drive Embedder

Plug-in do Google Drive Embedder

O Google Drive Embedder é um plug-in gratuito que permite acessar o Google Drive a partir do painel do WordPress e incorporar PDFs, documentos do Word ou planilhas à sua postagem ou página. No entanto, para usar este plugin, você deve instalar Login do Google Apps também – o objetivo deste plugin é conectar seu Google Drive ao seu site WordPress.

Algori PDF Viewer

Algori PDF Viewer Plugin

Procurando um plug-in de bloco Gutenberg para incorporar arquivos PDF? Você pode experimentar o plug-in Algori PDF Viewer. Esse plug-in gratuito é compatível com todos os navegadores da web, como Google Chrome, Firefox, Safari, Opera e Internet Explorer 11. Ele permite carregar vários arquivos em uma única página e suporta o modo de apresentação.

Real3D FlipBook WordPress Plugin

Real3D FlipBook WordPress Plugin

Informações e Download

Como o nome sugere, o Real3D FlipBook é um plugin de flipbook 3D responsivo e fácil de tocar para exibir PDFs e imagens. Foi desenvolvido usando HTML5 e não requer o uso de Flash. Você pode personalizar configurações como velocidade de rotação, som de rotação, nível de zoom e ângulo da câmera. Este plug-in também suporta os modos lightbox e fullscreen.

Incorporar qualquer documento Plus

Incorporar qualquer documento Plus

Informações e Download

O Incorporar qualquer documento Plus é um plug-in do tipo 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á o pop-up do EAD Plus a partir do qual você pode selecionar a fonte do 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 incorporar a partir daí.

Após o upload ou a seleção do documento, você deseja incorporar, também terá a opção de selecionar qual serviço de documento você gostaria de incorporar ao seu arquivo. O plugin reconhecerá o formato do arquivo automaticamente e sugerirá o visualizador. Os visualizadores podem manipular um arquivo com tamanho máximo de 5 a 8 MB. Para arquivos maiores, os desenvolvedores recomendam enviá-los para o Google Drive e incorporar a partir daí.

Como incorporar um arquivo PDF sem um plug-in

Bem, se você é um daqueles que está sempre procurando soluções sem um plug-in, esta seção é para você. Certamente podemos incorporar um arquivo PDF em postagens e páginas do WordPress sem instalar mais um plugin.

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.

Passo 1: Vamos para Google Drive e faça login na sua conta.

Passo 2: Faça o upload do arquivo PDF que você deseja incorporar na sua postagem do WordPress aqui. Para fazer isso, clique em Novo na barra lateral esquerda da sua conta do Google Drive, selecione Upload de arquivo, e envie o arquivo do seu computador local.

Upload de arquivo do Google Drive

etapa 3: Depois que o arquivo for carregado em sua unidade, clique duas vezes nele para visualizá-lo. Agora, clique nos 3 pontos verticais (Mais ações) presentes no canto superior direito e selecione Abrir em uma nova janela.

Passo 4: Na nova janela, clique em Mais ações (os três pontos verticais no canto superior direito) e selecione Compartilhar.

Compartilhamento de PDF do Google Drive

Etapa 5: Um pop-up chamado “Compartilhar com outras pessoas” será aberto. Aqui, clique em Obter link compartilhável – o que isso faz é garantir que qualquer pessoa com o link do arquivo PDF possa visualizá-lo. Se você não fizer isso, o arquivo permanecerá privado e não será visível para o público do site.

Obter link compartilhável

Etapa 6: Se você não deseja que seus visitantes baixem ou imprimam o arquivo e também desative o recurso de copiar texto, clique em Avançado na mesma janela pop-up. Marque a opção que diz – “Desativar opções para baixar, imprimir e copiar para comentaristas e espectadores” e clique em Feito.

Desativar o download da cópia impressa no PDF do Google Drive

Etapa 7: Agora é hora de obter o código de incorporação que usaremos em nossa postagem. Para isso, clique novamente em Mais ações, selecione Incorporar item, e copie o código iframe.

Código de incorporação de cópia do Google Drive

Etapa 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 aba Text e colar o código:

Guia Texto do Editor Clássico

Para Editor de Gutenberg, você precisa adicionar um novo bloco, procurar HTML personalizado e, finalmente, adicionar o código iframe no bloco HTML personalizado:

Bloco HTML personalizado

Etapa 9: É isso – agora visualize sua postagem ou página para verificar seu arquivo PDF incorporado.

Nota de fim 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 dois métodos? Você tem um plugin alternativo em mente e acredita que ele é melhor do que os mencionados neste artigo? Deixe-me saber seus pensamentos na seção de comentários.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me