Hi pot haver moments en els quals us agradaria inserir un fitxer PDF a la vostra publicació o pàgina:
- És possible que un autor del llibre vulgui donar als lectors una còpia gratuïta.
- Per afegir catàlegs de productes al vostre lloc web.
- Per compartir els vostres dissenys en format PDF amb els clients.
- És possible que dirigiu una agència de viatges i vulgueu mostrar l’itinerari dels paquets turístics.
Però hi ha un problema!
Tot i que WordPress us permet incrustar àudio, vídeos i, per descomptat, imatges, no és possible incrustar fitxers PDF a les vostres publicacions i pàgines. Aquesta funció no està disponible fins al moment, potser s’afegirà en el futur.
En cas que voleu afegir un fitxer PDF, podeu penjar-lo mitjançant el fitxer Afegir suports opció, inseriu-la i s’afegeix l’enllaç a aquest fitxer a la vostra pàgina. I els vostres visitants poden descarregar-lo o veure el fitxer al navegador web sortint del vostre lloc web.
Però, i si voleu incrustar fitxers PDF a les vostres publicacions i deixar que els vostres visitants el vegin sense sortir del vostre lloc web? Hi ha alguna solució per això? La resposta breu és SÍ.
Així que en aquesta entrada mostraré com podeu incrustar un fitxer PDF a la vostra publicació o pàgina de WordPress. Abans de començar, probablement voleu crear un document PDF ben formatat mitjançant un Editor PDF. Aleshores, estareu llest per afegir-lo a les vostres publicacions amb o sense utilitzar cap plugin. Comencem.
Contents
Com incrustar un fitxer PDF amb un complement
Hi ha molts complements que podeu utilitzar per afegir un fitxer PDF a la vostra publicació de WordPress.
Tot i això, utilitzarem un complement anomenat PDF Embedder. És un complement gratuït que està disponible al directori dels complements de WordPress. El millor d’aquest complement és que utilitza javascript per fer la seva feina i no algun servei o iframes de tercers.
Pas 1: Instal·leu el complement de Embedder PDF
Inicieu la sessió al vostre Tauler de control de WordPress i aneu a Complements> Afegir nou. Ara cerca PDF Embedder al quadre de cerca. Un cop trobeu el complement, només cal que l’instal·leu i activeu. Senzill, no és així?
Pas 2: configureu el connector
Tot i que podeu començar a incrustar els vostres fitxers PDF un cop instal·lat aquest complement, primer podeu modificar la configuració perquè els fitxers incrustats quedin millor. Per obrir la pàgina de configuració d’aquest complement, aneu a Arranjament> Incrustacions de PDF a la barra lateral esquerra del vostre Tauler de control de WordPress.
La versió gratuïta d’aquest complement us permet canviar el següent:
- Amplada i alçada – Podeu modificar l’amplada i l’alçada del visualitzador de PDF. Accepta valors enters (en píxels) o màx (100% d’amplada).
- Ubicació de la barra d’eines – La barra d’eines d’aquest visualitzador de PDF permet al públic ampliar-se o reduir-se i anar a la pàgina següent o anterior. Podeu tenir la barra d’eines a la part superior, inferior o les dues.
- La barra d’eines es desplaça a distància – Podeu seleccionar si voleu que la barra d’eines només sigui visible al ratolí sobre el document o no.
Ara, aquesta és la configuració universal. Però, i si voleu canviar la configuració d’un fitxer específic? Bé, podeu fer-ho amb l’ajuda de codis curts. Aquí teniu un exemple:
[pdf-embedder url = “http://yoursite.com/wp-content/uploads/2019/01/April.pdf” width = “500” toolbar = “superior” toolbarfixed = “on”]
A l’exemple anterior, l’amplada s’estableix en 500px, la ubicació de la barra d’eines s’estableix a la part superior i es fixarà la barra d’eines. També podeu configurar la barra d’eines a la part inferior i la barra d’eines fixada a desactivada.
Aquest complement també té una versió premium que ofereix funcions com ara el botó de descàrrega, la visualització i la baixada de seguiment, desplaçament de pàgina contínua i enllaços oberts en una nova finestra.
Pas 3: incorporeu el fitxer PDF a la vostra publicació o pàgina
Un cop acabats els paràmetres, podeu començar a fer el treball brut. Ara, tant si feu servir l’editor clàssic com l’editor de Gutenberg, podeu utilitzar aquest complement fàcilment per obtenir el resultat desitjat.
Si utilitzeu la secció Editor clàssic, incrustar un fitxer PDF és similar al que faríeu per a una imatge o vídeo.
Primer de tot, creeu una publicació nova o obriu-ne una que existís i, a continuació, feu clic a Afegir suports botó. Ara, pengeu el fitxer PDF, feu clic a Insereix a la publicació i s’afegirà un codi curt a la teva publicació.
Ja ho és, ara podeu previsualitzar la publicació per comprovar si funciona o no correctament.
I què passa amb Editor Gutenberg? Doncs bé, el complement PDF Embedder inclou un bloc específic. Així, creeu una publicació nova i feu clic a la icona Afegeix un bloc. A continuació, busqueu PDF Embedder bloquejar-la i seleccionar-la.
Finalment, feu clic al bloc per seleccionar (o pengeu) el fitxer PDF i el vostre treball ja s’ha fet.
Aquí teniu el resultat final, independentment de quin editor utilitzeu:
Plugins populars de visualitzador de PDF
Tot i que el complement PDF Embedder fa un bon treball, sempre és bo tenir algunes alternatives. Permetin-me ara compartir alguns complements gratuïts i visualitzadors de PDF premium, en cap ordre específic:
Visualitzador de PDF per a WordPress
Amb més de 3900 vendes, el visualitzador de PDF de WordPress és el connector de vendes de PDF a CodeCanyon. És un complement compatible amb un navegador completament responsiu. Aquest complement us permet habilitar o desactivar opcions com imprimir, descarregar, fer zoom, navegar per pàgines i compartir contingut. També podeu utilitzar Google Analytics amb WordPress per fer el seguiment del nombre de visitants que llegeixen els vostres PDF.
Google Drive Embedder
Google Drive Embedder és un complement gratuït que us permet accedir al vostre Google Drive des del vostre tauler de WordPress i incrustar PDF, documents Word o fulls de càlcul a la vostra publicació o pàgina. Tanmateix, per utilitzar aquest complement, heu d’instal·lar Inici de sessió de Google Apps Aquest complement també té com a finalitat la connexió de Google Drive al lloc de WordPress.
Algor PDF Viewer
Esteu buscant un complement de bloc Gutenberg per incrustar fitxers PDF? Podeu provar el complement Algor PDF Viewer. Aquest complement gratuït és compatible amb tots els navegadors web com Google Chrome, Firefox, Safari, Opera i Internet Explorer 11. Permet carregar diversos fitxers en una sola pàgina i admet el mode de presentació..
Real3D FlipBook WordPress Plugin
Com el seu nom indica, Real3D FlipBook és un complement de flipbook 3D sensible i tàctil per mostrar PDF i imatges. S’ha desenvolupat mitjançant HTML5 i no requereix l’ús de Flash. Podeu personalitzar la configuració com la velocitat de volada, el so flip, el nivell de zoom i l’angle de la càmera. Aquest complement també admet el mode lightbox i la pantalla completa.
Incrustar qualsevol document més
Incrustar qualsevol document Plus és un complement del seu tipus que us permet carregar i incrustar arxius de fitxers de document (PDF, Word, PPT, Excel, etc.) fàcilment als llocs web de WordPress. El complement afegeix un botó “Afegir document” a sobre de l’editor visual. Això obrirà la finestra emergent EAD Plus des de on podeu seleccionar l’origen del document. També està estretament integrat amb els serveis al núvol de Google Drive, Dropbox i Box.com. Podeu allotjar-vos al vostre lloc de WordPress i penjar fitxers als serveis al núvol i incorporar des d’allà mateix.
Després de penjar o seleccionar el document, voleu incrustar, també tindreu l’opció de seleccionar quin servei de document voleu triar per incrustar el vostre fitxer. El connector reconeixerà automàticament el format del fitxer i us suggerirà a l’espectador. Els espectadors poden manejar un fitxer de mida de màxim 5 a 8 MB. Per a fitxers més grans, els desenvolupadors recomanen penjar-los a Google Drive i integrar-los des d’allà.
Com incrustar un fitxer PDF sense cap complement
Bé, si sou dels que sempre esteu buscant solucions sense complement, aleshores aquesta secció és per a vosaltres. Certament, podem incorporar un fitxer PDF a publicacions i pàgines de WordPress sense haver d’instal·lar cap altre complement.
La idea és senzilla: haureu de penjar el fitxer PDF al vostre compte de Google Drive i després utilitzar el codi iframe per incrustar aquest fitxer al vostre lloc. Tot i que aquest mètode és segur, l’únic problema és el d’utilitzar iframes.
Pas 1: Anar a Google Drive i inicieu la sessió al vostre compte.
Pas 2: Pengeu el fitxer PDF que voleu incrustar a la publicació de WordPress aquí. Per fer-ho, feu clic a Nou seleccioneu a la barra lateral esquerra del vostre compte de Google Drive Càrrega de fitxers, i pengeu el fitxer des del vostre equip local.
Pas 3: Un cop heu penjat el fitxer a la unitat, feu doble clic sobre ell per visualitzar prèviament el fitxer. Ara, feu clic als 3 punts verticals (Més accions) presents a la cantonada superior dreta i seleccioneu Obre en nova finestra.
Pas 4: A la finestra nova, feu clic a Més accions (els 3 punts verticals que hi ha a l’extrem superior dret) i seleccioneu Comparteix.
Pas 5: S’obrirà un pop-up anomenat “Comparteix amb altres”. Aquí, feu clic a Obteniu un enllaç per compartir – El que fa és assegurar-se que qualsevol persona amb l’enllaç del fitxer PDF la pugui veure. Si no ho feu, el fitxer es mantindrà privat i no serà visible per al públic del vostre lloc web.
Pas 6: Si no voleu que els vostres visitants descarreguin o imprimiu el fitxer i també desactiveu la funció de text de còpia, feu clic a Avançat a la mateixa finestra emergent Comproveu l’opció que diu: “Desactiveu les opcions per descarregar, imprimir i copiar per a comentaris i espectadors” i feu clic a Fet.
Pas 7: Ara ha arribat el moment d’obtenir el codi incrustat que utilitzarem a la nostra publicació. Per obtenir-ho, feu clic de nou a Més accions, seleccioneu Incrustar l’element, i copieu el codi iframe.
Pas 8: Dirigiu-vos al vostre Tauler de control de WordPress i creeu o editeu la publicació o la pàgina on voleu incrustar el fitxer PDF. Ara, si està utilitzant el Editor clàssic, només cal que aneu a la pestanya Text i enganxeu el codi:
Per Editor Gutenberg, heu d’afegir un bloc nou, cercar HTML personalitzat i, finalment, afegir el codi iframe al bloc personalitzat HTML:
Pas 9: Això és: ara previsualitza la publicació o la pàgina per comprovar el fitxer PDF incrustat.
Nota final sobre com incrustar fitxers PDF a WordPress
WordPress us permet vincular-vos als fitxers PDF, però no incrustar-los. Tot i això, aquest tutorial soluciona aquest problema. Mostra com podeu incrustar els vostres fitxers PDF a les vostres publicacions o pàgines, de la mateixa manera que les vostres imatges i vídeos, amb o sense utilitzar cap plugin.
Heu incrustat algun fitxer PDF al vostre lloc web mitjançant qualsevol dels dos mètodes? Teniu en compte un complement alternatiu i creieu que és millor que els esmentats en aquest article? Avisa’m els teus pensaments a l’apartat de comentaris.
