All for Joomla All for Webmasters

Como inserir / embeddar um documento PDF no seu WordPress

Olá pessoal! Aqui quem é fala é o Eduardo Salerno 

Sou Desenvolvedor de Alto padrão em WordPress, e hoje vou vir dar uma dica muito legal para quem tem um WordPress e quer inserir um arquivo PDF diretamente no seu site.

Hoje vou ensinar você como:

Inserir PDF com iframe no seu WordPress

Primeiro, acesse sua biblioteca de mídia, e envie o arquivo que você deseja:

Após você adicionar a mídia, você pode clicar nela, e abrirá uma janela de detalhes da sua mídia, fique atento na URL e copie esse endereço para usarmos no código EMBED

Agora acesse o post que você deseja fazer a inclusão, e fique muito atento de estar utilizando a aba de TEXTO e não de visual, pois códigos devem ser sempre inseridos na aba de texto , do contrário vai dar erro.

Agora vamos ao código:

Essa tag é a IFRAME, responsável por inserir qualquer elemento externo no seu site, quando você insere a sua caixa de facebook em seu site, você está utilizando o <iframe>, uma tag HTML que serve exatamente para este propósito.

A sintaxe do código é :

<iframe src=”cole-o-seu-endereço-copiado-aqui” width=”largura da box” height=”altura da box”> </iframe>

é muito importante que esteja fechado a tag com um </iframe> final, após o fechamento do iframe.

Eu gosto de utilizar porcentagem para largura e valor fixo para altura, neste caso vou exemplificiar utilizando 80% de largura e 400px de altura.

<iframe src=”cole-o-seu-endereço-copiado-aqui” width=”100%” height=”400px”> </iframe>         <- Copie isso

Dessa forma , ele apresentará um bom rendimento no celular, pois por estar em 80% ele vai respeitar as bordas do dispositivo e não vai ficar colado, possibilitando um espaço lateral para o usuário poder deslocar o scroll da página (rolar a página)

Após adicionar o seu código Iframe, basta atualizar a página e acessar a postagem que você editou, agora você vai poder ver uma caixa com o seu PDF inserido la dentro, e o melhor, sem sair da sua página!

 

Agora se você tiver o plugin PDF Embedder, ai a coisa fica mais fácil ainda!

Clique no Adicionar mídia.

Agora Selecione o PDF que você deseja inserir e insira!

Note que agora o plugin reconhece isso e já gera automaticamente o shortcode para você! ( Que Beleza né )

Uma dica! Por padrão o plugin insere com um texto antes, portanto se isso acontecer, você pode apagar ele, contanto que respeite as bordas em colchetes dos shortcodes.

Pronto! Olha que lindo 🙂

Espero que este artigo ajude você a ter um Website WordPress mais bacana e funcional!
Se precisar de mais dicas acesse: http://eduardosalerno.com.br/blog

 

Muito obrigado!

Comentários abaixo:

Deixe uma resposta

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