Como exibir um arquivo PDF em sua postagem WordPress

Publicado em Atualizado em

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

Especialista em WordPress & SEO

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.

Posts Similares

  • Como customizar a mensagem Leia Mais, exibida pela tag more

    Como todos nós já sabemos, a tag <!–more–> funciona para quebrarmos a exibição de uma postagem na página inicial… tudo o que estiver acima dela será exibido, e em seu lugar teremos a exibição de uma mensagem padrão, como ‘Leia Mais’ , ‘Read More’, ‘Read This Article’, ou algo neste sentido. Na minha humilde concepção,…

  • Como ativar a aba Links no WordPress 3.5

    Por padrão, a seção de Links foi desativada em novas instalações que utilizem o WordPress 3.5 pois grande parte da comunidade já havia deixado de utilizar lista de links por seus sites. Entretanto, muitos usuários que ainda gostariam de utilizar tal funcionalidade podem ter se sentido prejudicados com tal remoção e estão sem saber como…

  • Removendo o /category/ do seu blog

    Atualizado em

    Na maioria das vezes o /category/ antes do nome da categoria é desnecessário em nosso blog, porém nativamente não é possível o retirar no WordPress. É possível retirar usando alguns plugins de SEO como o Yoast e o Rank Math, mas se você quer retirar isso sem usar plugins você pode modificar o arquivo .htaccess…

  • Como solicitar imagem destacada como obrigatória?

    Muitos temas de WordPress, sobretudo páginas iniciais e de arquivos/categorias, são altamente dependentes de imagens destacadas para apresentarem uma interface atrativa. Se você tem um tema assim, ou desenvolveu para um cliente que é assim, então você não pode permitir que sua postagem ou a de seu cliente fiquem sem imagem destacada, ou com uma…

  • Veja o novo design do Dashboard do WordPress

    Embora nada fique parado por muito tempo no WordPress, o design do painel do seu blog não mudou muito ultimamente. Enquanto foram adicionadas novas funcionalidades e feitos alguns ajustes ao longo do caminho, o dashboard tem esperado por uma atualização por algum tempo. Com isso em mente, há sete semanas, um grupo desconexo de web…

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

9 Comentários

  2. 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

    Responder

  3. 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!

    Responder

  5. 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

    Responder

  7. 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?

    Responder