{"id":1507,"date":"2024-09-24T22:30:00","date_gmt":"2024-09-25T01:30:00","guid":{"rendered":"https:\/\/kangaroo.host\/blog\/como-adicionar-leitor-pdf-wordpress\/"},"modified":"2024-11-01T23:09:55","modified_gmt":"2024-11-02T02:09:55","slug":"como-adicionar-leitor-pdf-wordpress","status":"publish","type":"post","link":"https:\/\/kangaroo.host\/blog\/como-adicionar-leitor-pdf-wordpress\/","title":{"rendered":"Como adicionar leitor de PDF no WordPress"},"content":{"rendered":"\n

E a\u00ed, Kangaroozinho! Como vai? Ao utilizar o WordPress <\/mark><\/a>como plataforma para seu site, muitos usu\u00e1rios inserem os mais variados tipos de m\u00eddias, e at\u00e9 documentos dentro do sistema. Em sites de cat\u00e1logo, por exemplo, sendo muito comum o uso de arquivos no formato de PDF.<\/p>\n\n\n\n

Por\u00e9m, nativamente o WP n\u00e3o oferece um leitor para esse tipo de formato, fazendo com que os usu\u00e1rios acabem abrindo o arquivo em uma nova p\u00e1gina para ler o conte\u00fado, o que pode quebrar um pouco da imers\u00e3o e experi\u00eancia do usu\u00e1rio durante a navega\u00e7\u00e3o.<\/p>\n\n\n\n

Para te ajudar resolver isso, hoje vamos te mostrar exatamente como contar com uma ferramenta de leitor de PDF integrado ao seu site, para que os usu\u00e1rios consigam ler o conte\u00fado dos arquivos diretamente da p\u00e1gina que j\u00e1 est\u00e3o. Bora l\u00e1?<\/p>\n\n\n\n

Sum\u00e1rio<\/h3>\n\n\n\n
    \n
  1. Instalando o plugin<\/li>\n\n\n\n
  2. Criando o arquivo PDF<\/li>\n\n\n\n
  3. Personaliza\u00e7\u00f5es principais<\/li>\n\n\n\n
  4. Como inserir o documento em uma p\u00e1gina<\/li>\n\n\n\n
  5. Conclus\u00e3o<\/li>\n<\/ol>\n\n\n\n

    Instalando o plugin<\/h2>\n\n\n\n

    Como explicamos acima, o WP n\u00e3o tem nativamente uma ferramenta que sirva nativamente como um leitor de PDF, por isso precisamos instalar no site um plugin que fa\u00e7a essa fun\u00e7\u00e3o para n\u00f3s, que nesse caso \u00e9 o PDF Flipbook<\/mark><\/a>.<\/p>\n\n\n\n

    \"Plugin
    Fonte: Reposit\u00f3rio de plugins oficial: \n https:\/\/br.wordpress.org\/plugins\/3d-flipbook-dflip-lite\/<\/figcaption><\/figure>\n\n\n\n

    Esse plugin n\u00e3o somente permite que tenhamos o arquivo mais integrado ao nosso site, como tamb\u00e9m permite criar uma experi\u00eancia mais agrad\u00e1vel ao possibilitar que a troca de p\u00e1ginas do documento simule a passada de p\u00e1ginas de um livro, com um efeito bastante interessante. Essa \u00e9 uma fun\u00e7\u00e3o opcional, e mostraremos mais \u00e0 frente como utilizar ou alterar esse comportamento.<\/p>\n\n\n\n

    Para instal\u00e1-lo, vamos para o nosso painel do WP Admin, como de costume, e faremos o seguinte:<\/p>\n\n\n\n

      \n
    1. No menu \u00e0 esquerda, encontre a op\u00e7\u00e3o Plugins <\/mark><\/strong>e clique em Adicionar novo<\/mark><\/strong>;<\/li>\n\n\n\n
    2. Agora, na barra de pesquisa busque pelo termo pdf flipbook<\/em>;<\/li>\n\n\n\n
    3. Ao encontrar o plugin, clique no bot\u00e3o Instalar Agora e siga com a ativa\u00e7\u00e3o;
      \"instalar<\/li>\n\n\n\n
    4. Com isso pronto, o plugin agora estar\u00e1 dispon\u00edvel para uso no WP e j\u00e1 podemos come\u00e7ar a adicionar o nossos arquivos!<\/li>\n<\/ol>\n\n\n\n

      Adicionando o arquivo com PDF Flipbook<\/h2>\n\n\n\n

      Com o plugin instalado, o que precisamos fazer \u00e9 enviar utilizar a nossa nova fun\u00e7\u00e3o Livros do dFlip<\/mark><\/strong>, no menu \u00e0 esquerda do WP. Clique nessa op\u00e7\u00e3o e logo poderemos criar um novo.<\/p>\n\n\n\n

      \"Livros<\/figure>\n\n\n\n

      Agora que estamos na p\u00e1gina do plugin, fa\u00e7a o seguinte:<\/p>\n\n\n\n

        \n
      1. Clique no bot\u00e3o Adicionar novo livro<\/mark><\/strong> para seguir;<\/li>\n\n\n\n
      2. Informe um t\u00edtulo para o documento;
        \"Adicionar<\/li>\n\n\n\n
      3. Descendo um pouco a p\u00e1gina, teremos a op\u00e7\u00e3o Selecionar PDF<\/mark><\/strong> para enviar o arquivo, ou ent\u00e3o selecionar um que j\u00e1 tenha sido enviado na galeria;
        \"Configuracoes<\/li>\n\n\n\n
      4. Logo abaixo, tamb\u00e9m h\u00e1 o bot\u00e3o Selecionar miniatura<\/mark><\/strong> para definir uma capa\/thumbnail de pr\u00e9via para o documento. Voc\u00ea pode escolher uma imagme para isso ou deixar em branco;<\/li>\n\n\n\n
      5. Ao fazer isso, voc\u00ea poder\u00e1 clicar em Publicar <\/mark><\/strong>para salvar os ajustes.<\/li>\n<\/ol>\n\n\n\n

        Por\u00e9m, at\u00e9 o momento o que fizemos \u00e9 utilizar apenas as configura\u00e7\u00f5es padr\u00f5es, mas isso tamb\u00e9m pode ser ajustado com esse plugin, como mostraremos agora.<\/p>\n\n\n\n

        Personalizando a exibi\u00e7\u00e3o do leitor<\/h2>\n\n\n\n

        Por padr\u00e3o, o documento ser\u00e1 mostrado como um livro, e ao passar as p\u00e1ginas ser\u00e1 mostrado um efeito de transi\u00e7\u00e3o que imita a virada de p\u00e1gina de um livro, mas tamb\u00e9m \u00e9 poss\u00edvel utilizar outros visuais, como uma rolagem mais simples pelo documento.<\/p>\n\n\n\n

        Para mudar a apar\u00eancia de como o nosso arquivo ser\u00e1 exibido (se for de seu interesse), usaremos a aba Geral\/layout para essa modifica\u00e7\u00e3o, nos permitindo alterar a forma como o documento ser\u00e1 exibido. Para ajustar isso, fa\u00e7a o seguinte:<\/p>\n\n\n\n

          \n
        1. Clique na aba Geral\/layout<\/strong><\/mark>;<\/li>\n\n\n\n
        2. Em Viewer Type<\/mark><\/strong>, ajuste de acordo com sua prefer\u00eancia, sendo as op\u00e7\u00f5es:
          \"Tipos\n