O que você está procurando?

Aperte Enter para buscar ou ESC para fechar

Como exibir um arquivo PDF em sua postagem WordPress

2 min de leitura

Esta será a postagem mais inusitada de todos os tempos.

Ao criar uma postagem para um site sobre o livro Tudo o que você precisa saber sobre o Twitter, resolvi criar uma versão do livro em Flash (que era bem usado nessa época) para que todos pudessem ler o livro diretamente aqui do site. Entretanto, ao digitar a tag <embed> e seus parâmetros na postagem, digitei o caminho do arquivo .pdf sem perceber.

Para a minha surpresa, ao visualizar a postagem, fui surpreendido com o arquivo .pdf sendo exibido perfeitamente na página.

Como descobertas boas devem ser sempre compartilhadas, fica aqui a dica de Como exibir um arquivo PDF em sua postagem WordPress

1 – Usando um cliente FTP, faça o upload do arquivo PDF para seu servidor. (O envio de arquivos do WordPress permite apenas 2MB de tamanho máximo de arquivo)

2 – Faça o Login em seu site WordPress e crie uma nova postagem, ou selecione a postagem no qual deseja inserir o pdf

3 – Selecione a edição HTML de seu editor e adicione o seguinte parâmetro para adicionar o arquivo PDF

<embed src="https://seusite.com.br/arquivo.pdf" width="X" height="Y">

Onde:

– src deve receber o caminho do arquivo.pdf

– X = Largura

– Y = Altura

Com isso você poderá exibir seus arquivos .pdf para seus usuários ao invés de apenas os disponibilizar para download, caso julgue necessário e interessante

Compartilhar este artigo
Guga Alves

Guga Alves

• WordPress e web

Desbravando o mundo WordPress desde 2007, me especializei também em SEO e entreguei grandes projetos no mercado brasileiro para a partir de 2015 me dedicar ao mercado fora do Brasil. Trabalhei na empresa do criador do WordPress por 4 anos (no WordPress.com, da Automattic) e mais 4 anos em uma das maiores empresas de hospedagens do mundo, a Liquid Web, gerenciando uma equipe de suporte do plugin The Events Calendar. No Brasil, atendi grandes marcas como canal Futura, Corpo Perfeito, Catraca Livre, Hostgator Brasil e Hostnet, também palestrei em diversos eventos e dei aula em cursos livres e pós-graduação (no Rio de Janeiro e em Brasília). Trabalho remoto, viajo bastante, mas minha base é no Rio de Janeiro/RJ.

X GitHub Sobre mim
Leituras Complementares

Continue lendo

Ver todos em Dicas WordPress →

Discussão & Respostas (9)

Espaço moderado para debates técnicos
  1. Leonardo Carlos
    Leonardo Carlos
    ↳ Responder

    Muito Legal interessante essa postagem, estava a preocura de algo.

  2. JUVENAL
    JUVENAL
    ↳ Responder

    Rapaz eu tentei o q vc disse mas mnao deu qdo atualizo a pagina aparece a seguinte mgs “O ARQUIVO NÃO COMEÇA COM ‘%PDF-‘ vc saberia o q poderia ser isso!

    OBRIGADO

  3. Cayo Medeiros aka. yogodoshi
    Cayo Medeiros aka. yogodoshi
    ↳ Responder

    Aqui no note do curso tá dando erro falando que o Acrobat instalado não consegue abrir o .pdf dentro do navegador =S
    É bom sempre lembrar que também devemos disponibilizar o .pdf para download para casos como esses…

    Mas não conhecia essa possibilidade não, bela dica!

    Abraços!

  4. Ivan Vasconcelos
    Ivan Vasconcelos
    ↳ Responder

    Bacana. Com certeza vai ser muito útil a dica do PDF….

  5. luiz
    luiz
    ↳ Responder

    Caro amigo, duas duvidas…….. 1- Para que pasta no servidor eu faço o uplaod do arquivo?   2- isntalei o tal do plugin google docs embedder mas nao funciona………..queria postar uma pesquisa em pdf e nao sei como.
     
    abc

  6. joel
    joel
    ↳ Responder

    Infelizmente só estou conseguindo ver no IE, no Firefox está funcionando normalmente, alguém teve um problema parecido?

  7. Maria Eduarda
    ↳ Responder

    Tentei seguir o passo a passo, mas não sei o que fazer depois que o código HTML estiver pronto.

    Quando volto ao modo visual não aparece nada e quando volto ao modo “texto” (que acho que é o modo HTML), o meu código muda para :  

    Você sabe o que estou fazendo errado?

  8. mauro demarchi
    ↳ Responder

    Estava a procura deste recurso! Parabéns e obrigado! vou acompanhar sempre seu blog.

Deixe sua contribuição técnica

Seu e-mail não será publicado. Blocos de código em markdown são aceitos com crases triplas.