Come utilizzare il visualizzatore PDF per Elementor

Blair Jersyer Elementor May 28, 2021

Se stai cercando come incorporare un documento PDF su Elementor, allora sei nel posto giusto. Mentre abbiamo già condiviso come puoi farlo aggiungendo un link, qui vedremo come puoi incorporare un documento PDF sul tuo blog WordPress usando Elementor.

Nel tutorial di oggi, ci concentreremo su un plugin che fa il lavoro e che si chiama "Visualizzatore PDF per Elementor".

Cominciamo.

Scarica e installa il plugin PDF Viewer per Elementor

Il primo passo è scaricare e installare il plugin dalla dashboard. È possibile eseguire direttamente questa operazione dalla dashboard accedendo ai plugin e utilizzando il nome "Visualizzatore PDF per Elementor".

Create Amazing Websites

Con il miglior generatore di pagine gratuito Elementor

Parti ora

Questo è un plugin molto semplice che non ha bisogno di configurazione. Non è necessario ricordarti che dovresti avere Elementor attivato sulla tua installazione di WordPress.

Modifica / Crea una pagina con Elementor per incorporare un PDF

Ora creeremo o modificheremo una pagina esistente con Elementor. Una volta abilitato PDF Viewer Per Elementor, vedrete due nuovi componenti aggiunti agli elementi di base di Elementor.

Come puoi vedere il plugin aggiunge 2 nuovi elementi a Elementor, ma quando dovresti usare uno di essi. Questo è ciò che scopriremo di seguito.

Quando utilizzare l'elemento Visualizzatore PDF

L'elemento "PDF Viewer" consente di aggiungere un iframe che utilizza Google Docs previewer per utilizzare il collegamento al documento PDF.

Dovrai solo fornire un URL o caricare il tuo file sui tuoi media. È inoltre possibile configurare la dimensione dell'anteprima e l'allineamento.

Mentre questa soluzione funziona abbastanza bene ha alcuni aspetti negativi :

  • Non funziona se il tuo blog WordPress è ospitato localmente
  • Si basa su un sito Web esterno che potrebbe smettere di funzionare
  • Potrebbe essere lento caricare PDF

Se stai bene con l'utilizzo di un servizio esterno per la visualizzazione del PDF, allora questa soluzione è per voi.

Quando usare PDFjs Viewer

Il secondo elemento aggiunto da questo plugin è PDFJS Viewer. Come suggerisce il nome, questa soluzione si basa sull'utilizzo di Javascript per incorporare il documento PDF. Le soluzioni hanno le impostazioni sames come elemento precedente ma hanno questo vantaggio di lavorare localmente.

Qui puoi solo scegliere i file dal tuo supporto per incorporarli come PDF. Questa soluzione ha anche alcuni aspetti negativi :

  • If non funzionerà se il browser non esegue Javascript (la maggior parte dei browser moderni esegue Javascript)
  • Includere più file da scaricare e potenzialmente più richieste al server.

Esempi di anteprime PDF

Ecco come saranno le tue anteprime per entrambi gli elementi aggiunti da PDF Viewer per Elementor.

Anteprima con Elemento PDF Viewer

Questa anteprima è accettabile e offre ai pulsanti di navigazione in basso che saranno utili per navigare tra le pagine.

Anteprima con PDFjs Viewer

Il "Visualizzatore PDFjs" offre anche pulsanti di navigazione, ma include un pulsante di ricerca mancante dall'anteprima precedente.

Altri plugin per incorporare PDF su WordPress

Se questo plugin non è esattamente quello che stai cercando, probabilmente i seguenti plugin potrebbero essere la soluzione che stai cercando.

Visualizzatore PDF per WordPress

PDF Viewer per WordPress è un premio PDF Reader plugin per WordPress su CodeCanyon disponibile dal 2014. Con questo plugin, È possibile visualizzare e incorporare i file PDF del tuo sito Web WordPress con un moderno lettore di PDF e FlipBook.

Caratteristiche principali

  • Abilita / disabilita la condivisione sociale
  • Abilita / disabilita l'opzione di stampa
  • Abilita / disabilita l'opzione di download
  • Abilita / Disabilita la modalità Presentazione
  • Abilita / disabilita l'opzione Trova
  • Abilita / Disabilita Logo regolabile

  • Shortcode per aggiungere un link di testo al file pdf su qualsiasi post / pagina
  • Visualizzatore PDF completamente reattivo
  • Stile e personalizzare tutti gli elementi.
  • Compatibile con la maggior parte dei browser
  • Esperienza utente veloce e fluida

PDF Embed-Plugin per il visualizzatore di PDF di WordPress

Elfsight PDF Embed aggiunge un metodo semplice per visualizzare un file PDF sulla pagina del tuo sito web. Con pochi clic, i tuoi documenti saranno pubblicati sul sito, dove gli utenti possono vederli e scaricarli

Caratteristiche principali

  • Widget Nativo
  • Compatibile con temi Premium
  • Shortcode disponibile
  • Editor di WordPress Guttenberg
  • Compositore visivo supportato

Incorporatore PDF

Con PDF Embedded, puoi caricare PDF e incorporarli direttamente nel tuo sito, è facile come aggiungere immagini! I PDF saranno dimensionati automaticamente alla loro dimensione e forma naturale o riempiranno la larghezza disponibile se sono troppo grandi. Facoltativamente, è possibile impostare una larghezza e un'altezza verrà calcolata automaticamente. La forma verrà ricalcolata ogni volta che la pagina viene ridimensionata dall'utente.

Questo plugin viene fornito con un Versione premium che ha più funzioni.

Sintesi

Che cosa della seguente soluzione userete? Hai qualche consiglio? Fateci sapere nei commenti. Non dimenticare di seguirci sui nostri account di social media: Facebook e Twitter.

Divi WordPress Theme