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 dar aos leitores uma cópia gratuita.
  • Para adicionar catálogos de produtos ao seu site.
  • Para compartilhar suas criações em formato PDF com seus clientes.
  • Você pode administrar uma agência de viagens e deseja visualizar 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 seus posts e páginas. Este recurso não está disponível no momento, talvez seja adicionado no futuro.

Se você deseja adicionar um arquivo PDF, pode fazer o upload do arquivo usando a opção Adicionar mídia, insira-o e o link para este arquivo será adicionado à sua página. E seus visitantes poderão baixá-lo ou visualizar o arquivo no navegador ao sair do site.

Mas e se você quiser incorporar arquivos PDF em seus artigos e permitir que seus visitantes os vejam sem sair do site? Existe uma solução para isso?

A resposta curta é SIM.

Portanto, neste post, mostraremos como você pode incorporar um arquivo PDF em seus posts ou páginas do WordPress. Antes de começar, você provavelmente precisará criar um documento PDF bem formatado e organizado usando um editor de PDF. Então você estará pronto para adicioná-lo aos seus artigos com ou sem o uso de um plugin. 

Mas antes, se você nunca instalou o WordPress, descubra Como instalar um blog WordPress passos 7 et Como encontrar, instalar e ativar um tema WordPress em seu blog 

Então, voltemos ao porquê de estarmos aqui.

Como adicionar um arquivo PDF com um plugin

Existem muitos plug-ins que você pode usar para adicionar um arquivo PDF à sua postagem do WordPress.

No entanto, vamos usar Plug-in WordPress PDF Embedder. Esta é uma WordPress Plugin free que está disponível no diretório de plugins do WordPress. A melhor coisa sobre este plugin é que ele usa javascript para fazer seu trabalho e não serviços de terceiros ou iframes.

Etapa 1: Instale o plugin Embedder PDF

Faça login no painel do WordPress e navegue até o menu Extensões> Adicionar pesquisa PDF Embedder na caixa de pesquisa. Depois de encontrar o plugin, basta instalá-lo e ativá-lo. Você também pode descobrir nosso guia passo a passo sobre como instalar um plugin do WordPress.

Instalação do plugin Wordpress pdf embedder blogpascher

Etapa 2: configurar o plugin

Embora você possa começar a incorporar seus arquivos PDF depois de instalar este plug-in, você pode alterar as configurações primeiro para torná-los modernos. Para fazer isso, vá para  Configurações> Incorporar PDF na barra lateral esquerda do painel do WordPress.

Configurações de parâmetro pdf embedder blogpascher

A versão gratuita deste plugin permite que você modifique o seguinte:

  • Largura e altura - Você pode alterar a largura e a altura do visualizador de PDF. Aceita valores inteiros (em pixels) ou max (100% largura).
  • Localização do bar Ferramentas - A barra de ferramentas deste visualizador de PDF permite que seu público amplie ou volte e vá para a página seguinte ou anterior. Você pode colocar a barra de ferramentas na parte superior, inferior ou em ambas.
  • Passe o mouse sobre a barra de ferramentas - Você pode selecionar se deseja que a barra de ferramentas fique visível apenas quando o cursor do mouse sobre o documento.

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 como 500px, a localização da barra de ferramentas é definida para o topo e a barra de ferramentas será fixa. Você também pode definir a barra de ferramentas na parte inferior e a barra de ferramentas fixa no final.

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

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

Depois de concluir as configurações, você pode começar a fazer o trabalho. Agora, quer esteja usando o editor clássico ou o editor Gutenberg, você pode usar facilmente este plugin para obter o resultado desejado.

Se você usar editor clássico, incorporar um arquivo PDF é semelhante ao que você faria para uma imagem ou vídeo.

Primeiro, crie uma nova postagem ou abra uma existente e clique no botão Adicionar mídia.Carregue seu arquivo PDF, clique em Inserir no botão publicação, e um shortcode será adicionado à sua postagem.

Como adicionar mídia de blogpascher editor de wordpress clássico

É isso - agora você pode visualizar sua postagem para verificar se este plugin está funcionando corretamente ou não.

A respeito Editor de Gutenberg ? Bem, o plugin Embedder PDF vem com um bloco específico. Portanto, crie uma nova publicação e clique no ícone Adicionar bloco. Então encontre o bloco Incorporar PDF e selecione-o.

Como adicionar o editor gutenberg blogpascher wordpress

Por fim, clique no bloco para selecionar (ou baixar) seu arquivo PDF e seu trabalho estará pronto.

Aqui está o resultado final, independentemente do editor que você usa:

Display viewer pdf embedder blogpascher

Alguns plug-ins populares de visualizador de PDF

embora o WordPress Plugin O PDF Embedder faz um bom trabalho, é sempre bom ter algumas alternativas. Então deixe-me agora compartilhar alguns WordPress plugins  premium Visualizador de PDF, sem ordem específica:

1. DK PDF Generator

Criar versões em PDF de suas postagens e compartilhá-las em comunidades de compartilhamento pode ser uma ótima opção para gerenciamento de tráfego.

Gerador de pdf Dk

Le WordPress Plugin O DK PDF Generator premium permite que você escolha facilmente páginas, postagens e tipos de postagem personalizados que podem ser compartilhados ou baixados como PDF.

Veja nosso artigo sobre coisas 30 fazer em seu blog após a sua publicação

Com eles, você pode até adicionar uma capa e um índice (com links interativos) ao seu arquivo PDF.

Descarregar | Demo | hospedagem na web

2. Catálogo de produtos PDF para WooCommerce

Este é um plug-in WordPress premium muito útil do WooCommerce, que o ajudará a baixar a lista completa de produtos da sua loja online em formato PDF.

Visualizador de PDF para wordpress

Este plug-in vem com cinco modelos de PDF padrão, mas você pode criar seus próprios de acordo com suas necessidades com HTML e CSS simples.

Leia também o nosso 9 WordPress plugins para gerir o seu catálogo de produtos

Também fornece uma opção de criação e inserção de códigos de acesso para adicionar botões de download de PDF a qualquer artigo ou página.

Descarregar | Demo | hospedagem na web

3. Compartilhamento social do WordPress e página de postagem impressa para o plugin pdf

Este plugin premium do WordPress está saindo plug-ins de compartilhamento social WordPress exclusivos, o mais simples e otimizado com ótimos recursos que você verá consultando sua demonstração. Ele oferece muitos recursos, como o compartilhamento completo de uma postagem de blog ou página da web em qualquer rede social e o download em formato PDF.

Compartilhamento social do Wordpress e postagem da página impressa no plugin pdf

Com este plugin do WordPress, você poderá redirecionar facilmente os visitantes do site para suas contas de mídia social e aumente sua presença sobre estes.

Descarregar | Demo | hospedagem na web

Como adicionar arquivo PDF sem plugin

Bem, se você é um daqueles que ainda está procurando soluções gratuitas de plug-ins, esta seção é para você. Certamente podemos adicionar arquivos PDF em posts e páginas do WordPress sem instalar outro plugin.

A ideia é simples: você precisa carregar seu arquivo PDF em sua conta do Google Drive e, em seguida, usar o código iframe para incorporar esse arquivo em 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 em sua conta (você só precisa se inscrever em uma conta do Gmail para obter de graça 15 GB de espaço).

passo 2 : Carregue o arquivo PDF que deseja incorporar em sua postagem do WordPress. Para fazer isso, clique em Nouveau na barra lateral esquerda de sua conta do Google Drive, clique em Importar um arquivo e carregue o arquivo do seu computador.

Importar arquivo google drive blogpascher

passo 3 : Assim que o arquivo for carregado em seu Google Drive, clique duas vezes nele para visualizar o arquivo. Agora clique nos 3 pontos verticais (Mais ações) presentes no canto superior direito e selecione Abrir em uma nova janela.

Abrir nova janela google drive blogpascher

passo 4 : Na nova janela, clique em Mais ações (o 3 pontos verticais no canto superior direito) e clique Compartilhar.

Google Drive blogpascher

passo 5 : Um pop-up chamado “Compartilhe com pessoas e grupos” e “Obtenha um link” será aberto. Clique aqui em Edite para qualquer pessoa com o link na seção "Obter um link". Isso é para garantir que qualquer pessoa com o link do arquivo PDF possa visualizá-lo. Caso contrário, o arquivo será mantido privado e não ficará visível para o público do seu site.

Compartilhando grupos de pessoas blogpascher

Você deve ver a seguinte confirmação:

Obter link google drive blogpascher

Assim que terminar, clique acabado.

passo 6 : Agora é a hora de obter o código de incorporação que iremos usar em nossa postagem. Para obter isso, clique novamente em Mais ações, selecione Integrar um elemento.

Integrar o elemento google drive blogpascher 1

passo 7 : Isso abrirá uma janela pop-up que permite copiar o código do iframe.

Integração do código de cópia do Google Drive

passo 8 : Vá para o painel do WordPress e crie ou edite a postagem ou página onde deseja inserir o arquivo PDF. Se você usar editor clássico, basta ir para a guia Texto e colar o código:

Cole o código do editor clássico blogpascher

Por Editor de gutenberg, você precisa adicionar um novo bloco, pesquisar html personalizado e, finalmente, adicionar o código iframe no bloco HTML personalizado:

Inserção de html personalizada gutenberg editor blogpascher

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

Resumo

WordPress permite anexar seus arquivos PDF, mas não incorporá-los. No entanto, este tutorial corrige esse problema. Ele mostra como você pode incorporar seus arquivos PDF em seus posts ou páginas, assim como suas imagens e vídeos, com ou sem o uso de um plugin do WordPress.

Descubra também alguns plugins premium do WordPress  

Você pode usar outro WordPress plugins para dar uma aparência moderna e otimizar o manuseio do seu blog ou site.

Oferecemos a você aqui alguns plugins premium do WordPress que ajudarão você a fazer isso.

1. Backup e restauração

Backup e Restauração é um plugin WordPress premium que o ajudará agendar backups do seu site para um servidor local ou para diferentes servidores na nuvem, como Dropbox, Google Drive e Amazon S3. Portanto, você poderá restaurar todo o site, incluindo o banco de dados, a partir dos pontos de restauração existentes com apenas um clique.

Backup e Restauração

Também será possível baixar seu site, banco de dados e todos os seus backups. Este plugin também o ajudará a gerenciar os processos de backup e restauração de uma forma fácil, segura e confiável.

Seus recursos incluem: backup completo do site, backup do Amazon S3, Google Drive, Dropbox, o gerenciador de espaço em disco, a exclusão automática de backups antigos, a restauração completa do seu site, suporte para multisiteEtc ...

Descarregar | Demo | hospedagem na web

2. Lápis Amarelo: Editor de Estilo Visual CSS

Yellow Pencil é um editor de estilo visual que você pode usar com qualquer tema para personalizar seu site em minutos (fontes, cores, animações e muito mais ...).Plugin de editor de estilo css visual Yellowpencil wordpress

Este plugin premium do WordPress criará estilos CSS em fundo enquanto você joga com as cores como se fosse um jogo. Foi projetado tanto para iniciantes quanto para usuários experientes.

Descubra também o nosso Plugins 5 WordPress para mostrar notificações

Nenhum conhecimento de codificação é necessário. No entanto, o plugin do WordPress tem um bom editor de CSS para quem gosta de codificar. Você pode codificar ao vivo com este editor e personalizar seu CSS.

Descarregar | Demo | hospedagem na web

3. Sistema Quack Chat Live Chat

O bate-papo quádruplo é um Extensão WordPress premium que se integra facilmente ao seu site e oferece uma interface amigável para seus clientes. É um chat online que pode ser usado de qualquer computador ou dispositivo móvel.

Quack chat live help sistema de suporte para wordpress

Como funcionalidades que oferece, entre outras: suporte para notificações instantâneas via mensagens ou e-mails, um sistema de notificação audível, arquivamento automático (histórico) de chats, um painel de controle amigável, uma janela de chat personalizável, uma mensagem de saudação automática e personalizável, suporte para rolagem automática na página de bate-papo etc ...

Descarregar | Demo | hospedagem na web

Recursos Recomendados

Descubra outros recursos recomendados para ajudá-lo a criar e gerenciar seu site.

Conclusão

Aqui ! É isso neste tutorial. Esperamos que este artigo tenha ajudado você a incorporar arquivos PDF no WordPressNão hesite em compartilhe com seus amigos em suas redes sociais favoritas

No entanto, você também pode consultar nossos recursos, se você precisar de mais elementos para realizar seus projetos de criação de sites da Internet, consultando nosso guia em Criação de blog WordPress.

Se você tiver sugestões ou comentários, deixe-os em nossa seção Comentários.

...