whatsapp
keyboard_arrow_down Contatti

Sabato

19

Marzo 2022

come visualizzare pdf su sito web

Come visualizzare PDF sul sito web

  1. blog Come visualizzare PDF sul sito web
event_available
schedule

Come visualizzare PDF sul sito web? Se hai necessità di inserire file PDF da mostrare ai tuoi lettori hai due possibilità: utilizzare il codice HTML e uno specifico tag oppure un plugin per WordPress molto semplice.

Il risultato finale in ogni caso sarà simile a questo: un riquadro per mostrare il file PDF con gli appositi comandi per scaricare o stamparlo direttamente.

risultato finale pdf inserito su sito web
code

Come visualizzare file PDF su sito con HTML

Se vuoi mostrare un file PDF sul tuo sito web utilizzando il codice HTML puoi ricorrere ad un tag molto semplice: <embed>

Questo tag permette non solo di visualizzare il tuo file ma fornisce anche le caselle di controllo per scaricare, stampare o visualizzare il numero di pagine.

Vediamo il codice Html già pronto:

<embed src="percorso/nome_file.pdf" width="600px" height="800px" />
code

Usando un plugin per WordPress

Se utilizzi WordPress allora potrai installare un plugin che ti permetta di inserire i tuoi PDF nelle pagine del tuo sito web.

Il plugin in questione è molto semplice da utilizzare e si chiama PDF Embedder. Ti lascio il link dove potrai scaricarlo direttamente dalla repository di WordPress, oppure puoi semplicemente cercarlo nella schermata apposita per installare plugin.

Questa è la schermata principale del plugin.

plugin pdf embedder per inserire PDF

Dopo averlo installato e attivato puoi tranquillamente girare per le impostazioni del plugin e configurarlo al meglio.

Ti è piaciuto questo articolo?

favorite thumb_down
Autore articolo

Fabio

Sono un terribile realista. Pratico e determinato ma anche un grande sognatore, ecco perché do continuamente vita a nuovi progetti online e non. Nel 2019 ho fondato Eureka Web proprio per rendere possibile tutto questo. Insieme possiamo realizzare la tua idea!


Visita il sito
library_books

Leggi anche

Come inviare dati dei form con Ajax serialize() a php
Scopri
Come usare le chiavi API Google
Scopri
Come unire file Javascript e CSS in WordPress
Scopri

Contattami

perm_identity
alternate_email
phonelink_ring
message

Il tuo messaggio è stato inviato con successo!
Ti risponderemo a breve

Scrivi un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *

message
perm_identity
alternate_email

keyboard_arrow_up