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.
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.
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.
É 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.
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:
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.
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.
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.
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.
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.
passo 4 : Na nova janela, clique em Mais ações (o 3 pontos verticais no canto superior direito) e clique Compartilhar.
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.
Você deve ver a seguinte confirmação:
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.
passo 7 : Isso abrirá uma janela pop-up que permite copiar o código do iframe.
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:
Por Editor de gutenberg, você precisa adicionar um novo bloco, pesquisar html personalizado e, finalmente, adicionar o código iframe no bloco HTML personalizado:
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.
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 ...).
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.
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.
- Como adicionar conteúdo de gotejamento a um site WordPress
- Como limpar um cache no WordPress
- 10 plug-ins do WordPress WooCommerce para usar em seu blog
- Plugins 6 WordPress para converter moeda em um blog
Conclusão
Aqui ! É isso neste tutorial. Esperamos que este artigo tenha ajudado você a incorporar arquivos PDF no WordPress. Nã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.
...