S-ar putea să apară momente când doriți să încorporați un fișier PDF în postarea sau pagina dvs.:

  • Un autor de carte poate dori să ofere cititorilor un exemplar gratuit.
  • Pentru a adăuga cataloage de produse pe site-ul dvs. web.
  • Pentru a partaja creațiile dvs. în format PDF clienților dvs.
  • Puteți conduce o agenție de turism și doriți să afișați itinerariul pachetelor turistice.

Dar există o problemă ! 

Deși WordPress vă permite să încorporați audio, videoclipuri și, desigur, imagini, nu este posibil să încorporați fișiere PDF în postările și paginile dvs. Această funcție nu este disponibilă în acest moment, poate că va fi adăugată în viitor.

Dacă doriți să adăugați fișier PDF, puteți încărca fișierul folosind opțiunea Adăugați un media, introduceți-l și linkul către acest fișier va fi adăugat pe pagina dvs. Și vizitatorii dvs. vor putea să-l descarce sau să vizualizeze fișierul în browserul web atunci când părăsesc site-ul web.

Dar dacă doriți să încorporați fișiere PDF în articolele dvs. și să le lăsați vizitatorii să le vadă fără să părăsească site-ul dvs. web? Există o soluție la asta?

Răspunsul scurt este DA.

Deci, în această postare, vă vom arăta cum puteți încorpora un fișier PDF în postările sau paginile dvs. WordPress. Înainte de a începe, va trebui probabil să creați un document PDF bine formatat și îngrijit folosind un editor PDF. Apoi veți fi gata să îl adăugați la articolele dvs. cu sau fără utilizarea unui plugin. 

Dar înainte, dacă nu ați instalat niciodată WordPress, descoperiți Cum se instalează un blog WordPress pași 7 et Cum de a găsi, a instala și a activa o temă WordPress pe blog-ul dvs. 

Apoi înapoi la motivul pentru care suntem aici.

Cum se adaugă un fișier PDF cu un plugin

Există o mulțime de pluginuri pe care le puteți utiliza pentru a adăuga un fișier PDF la postarea dvs. WordPress.

Cu toate acestea, vom folosi Plugin WordPress PDF Embedder. Acesta este a WordPress plug-in gratuit, care este disponibil în Directorul de pluginuri WordPress. Cel mai bun lucru despre acest plugin este că folosește javascript pentru a-și face treaba și nu servicii terțe sau iframe.

Pasul 1: Instalați pluginul Embedder PDF

Conectați-vă la tabloul de bord WordPress și navigați la meniu Extensii> Adăugare căutare PDF Embedder în caseta de căutare. După ce găsiți pluginul, trebuie doar să îl instalați și să îl activați. De asemenea, puteți descoperi ghidul nostru pas cu pas despre cum să instalați un plugin WordPress.

Instalarea plugin-ului Wordpress pdf embedder blog

Pasul 2: configurați pluginul

Deși puteți începe să încorporați fișierele PDF după ce instalați acest plugin, puteți schimba mai întâi setările pentru a le face să pară moderne. Pentru a face acest lucru, accesați  Setări> Încorporați PDF din bara laterală stângă a tabloului de bord WordPress.

Setări parametri pdf embedder blogpascher

Versiunea gratuită a acestui plugin vă permite să modificați următoarele:

  • Latime si inaltime - Puteți modifica lățimea și înălțimea vizualizatorului PDF. Acceptă valori întregi (în pixeli) sau max (100% lățime).
  • Locația barului Instrumente - Bara de instrumente a acestui vizualizator PDF permite publicului dvs. să mărească sau să revină înapoi și să meargă la pagina următoare sau anterioară. Puteți plasa bara de instrumente în partea de sus, de jos sau pe ambele.
  • Plasați cursorul peste bara de instrumente - Puteți selecta dacă doriți ca bara de instrumente să fie vizibilă numai atunci când documentul este plasat cu mouse-ul.

Acum acestea sunt setările universale. Dar dacă doriți să modificați setările pentru un anumit fișier? Ei bine, puteți face asta cu ajutorul codurilor scurte. Iată un exemplu:

[pdf-embedder url = "http://yoursite.com/wp-content/uploads/2019/01/April.pdf» width = "500" toolbar '"top" toolbar fixed "on"]

În exemplul de mai sus, lățimea este setată la 500 px, locația barei de instrumente este setată deasupra și bara de instrumente va fi fixată. De asemenea, puteți seta bara de instrumente în partea de jos și bara de instrumente fixă ​​la sfârșit.

Acest plugin are, de asemenea, o versiune premium care oferă funcții precum butonul de descărcare, contoare de vizualizare și descărcare, derulare continuă a paginilor și linkuri deschise într-o fereastră nouă.

Pasul 3: încorporați fișierul PDF în postarea sau pagina dvs.

După ce ați terminat setările, puteți începe să faceți treaba. Acum, indiferent dacă utilizați editorul clasic sau editorul Gutenberg, puteți utiliza cu ușurință acest plugin pentru a obține rezultatul dorit.

În cazul în care utilizați editor clasic, încorporarea unui fișier PDF este similar cu ceea ce ați face pentru o imagine sau un videoclip.

Mai întâi, creați o postare nouă sau deschideți o postare existentă și faceți clic pe buton Adăugați conținut media.Încărcați fișierul PDF, faceți clic pe Inserare în buton publicare, și un shortcode va fi adăugat la postarea dvs.

Cum să adăugați editorul clasic de wordpress media blog pascher

Gata - acum puteți previzualiza postarea dvs. pentru a verifica dacă acest plugin funcționează corect sau nu.

Ce ziceti Editor Gutenberg ? Ei bine, pluginul Embedder PDF vine cu un anumit bloc. Deci, creați o publicație nouă și faceți clic pe pictogramă Adăugați bloc. Apoi găsiți blocul PDF EMBedder și selectați-l.

Cum se adaugă editorul wordpress gutenberg blogpascher

În cele din urmă, faceți clic pe bloc pentru a selecta (sau a descărca) fișierul PDF și munca dvs. este terminată.

Iată rezultatul final, indiferent de editorul pe care îl utilizați:

Afișați vizualizatorul pdf încorporat blogpascher

Unele plugin-uri populare pentru vizualizatorul PDF

Deși WordPress plug-in PDF Embedder face o treabă bună, este întotdeauna bine să ai câteva alternative. Deci, permiteți-mi acum să vă împărtășesc câteva WordPress plugin-uri  premiu Vizualizator PDF, în nici o ordine specială:

1. DK PDF Generator

Crearea de versiuni PDF a postărilor dvs. și partajarea lor în comunități de partajare poate fi o opțiune excelentă pentru managementul traficului.

Generator pdf dk

Le WordPress plug-in Premium DK PDF Generator vă permite să alegeți cu ușurință pagini, postări, precum și tipuri de postări personalizate care pot fi partajate sau descărcate ca PDF.

Vezi articolul nostru pe lucruri de făcut 30 postările de pe blog după publicarea lor

Cu acestea, puteți adăuga chiar și o copertă și un conținut (cu link-uri interactive) la fișierul dvs. PDF.

Descarca | Demo | web hosting

2. Catalogul produselor PDF pentru WooCommerce

Este un plugin WordPress foarte util de la WooCommerce, care vă va ajuta să descărcați lista completă de produse din magazinul dvs. online în format PDF și cu un singur clic.

Vizualizator pdf pentru wordpress

Acest plugin este dotat cu cinci șabloane PDF implicite, dar vă puteți crea propriul dvs. în funcție de nevoile dvs. cu HTML și CSS simplu.

Citiți și noastre plugin-uri WordPress 9 pentru a gestiona catalogul de produse

De asemenea, vă oferă o opțiune de a crea și insera codul scurt pentru a adăuga butoane de descărcare PDF pe orice articol sau pagină.

Descarca | Demo | web hosting

3. WordPress partajarea socială și imprimarea post paginii în pluginul pdf

Acest plugin WordPress premium pleacă plugin-uri exclusive de partajare socială WordPress, cel mai simplu și optimizat cu funcții excelente pe care le veți vedea consultând demo-ul acestuia. Oferă multe funcții, cum ar fi partajarea completă a unei postări de blog sau a unei pagini web pe orice rețea socială și descărcarea acestora în format PDF.

Partajare socială Wordpress și tipărirea paginii de tipărire pe pluginul pdf

Cu acest plugin WordPress veți putea redirecționa cu ușurință vizitatorii site-urilor către conturile de social media și crește-ți prezența pe acestea.

Descarca | Demo | web hosting

Cum se adaugă fișier PDF fără plugin

Ei bine, dacă sunteți unul dintre cei care încă mai caută soluții gratuite pentru pluginuri, atunci această secțiune este pentru dvs. Putem adăuga cu siguranță fișier PDF în postări și pagini WordPress fără a instala încă un plugin.

Ideea este simplă: trebuie să încărcați fișierul PDF în contul dvs. Google Drive, apoi să utilizați codul iframe pentru a încorpora acest fișier pe site-ul dvs. web. Deși această metodă este sigură, singura problemă este că folosește iframe.

pas 1 : Mergi la Disc Google și conectați-vă la contul dvs. (trebuie doar să vă înscrieți pentru a obține un cont Gmail gratuit 15 GB de spațiu).

pas 2 : Încărcați fișierul PDF pe care doriți să îl încorporați în postarea dvs. WordPress. Pentru a face acest lucru, faceți clic pe Nouveau în bara laterală stângă a contului dvs. Google Drive, faceți clic pe Importați un fișier și încărcați fișierul de pe computer.

Importați fișierul google drive blogpascher

pas 3 : Odată ce fișierul este încărcat pe Google Drive, faceți dublu clic pe acesta pentru a previzualiza fișierul. Acum faceți clic pe cele 3 puncte verticale (Mai multe acțiuni) prezente în colțul din dreapta sus și selectați Deschideți într-o fereastră nouă.

Deschideți o fereastră nouă google drive blogpascher

pas 4 : În fereastra nouă, faceți clic pe Mai multe acțiuni ( 3 puncte verticale în colțul din dreapta sus) și click pe Acțiune.

Google Drive blogpascher

pas 5 : Se va deschide o fereastră pop-up numită „Partajați cu persoane și grupuri” și „Obțineți un link”. Faceți clic aici Editați pentru oricine are linkul în secțiunea „Obțineți un link”. Aceasta este pentru a vă asigura că oricine are linkul pentru fișierul PDF îl poate vizualiza. În caz contrar, fișierul va fi păstrat privat și nu va fi vizibil pentru publicul site-ului dvs. web.

Partajarea grupurilor de oameni blogpascher

Ar trebui să vedeți următoarea confirmare:

Obțineți link google drive blogpascher

După ce ați terminat, faceți clic pe terminat.

pas 6 : Acum este momentul să obținem codul de încorporare pe care îl vom folosi în postarea noastră. Pentru a obține acest lucru, faceți clic din nou pe Mai multe actiuni, selectați Integrează un element.

Integrarea elementului google drive blogpascher 1

pas 7 : Aceasta va deschide o fereastră pop-up care vă permite să copiați codul iframe.

Integrarea codului de copiere Google Drive

pas 8 : Accesați tabloul de bord WordPress și creați sau editați postarea sau pagina în care doriți să încorporați fișierul PDF. Dacă folosești editor clasic, pur și simplu accesați fila Text și lipiți codul:

Inserați codul editorului clasic blogpascher

Pentru a Editor Gutenberg, trebuie să adăugați un bloc nou, să căutați html personalizat și, în cele din urmă, să adăugați codul iframe în blocul HTML personalizat:

Inserare html personalizată editor gutenberg blogpascher

pas 9 : Gata: acum previzualizați postarea sau pagina pentru a verifica fișierul PDF.

Rezumat

WordPress vă permite să atașați fișierele PDF, dar nu să le încorporați. Cu toate acestea, acest tutorial remediază această problemă. Acesta arată cum puteți încorpora fișierele PDF în postări sau pagini, la fel ca imaginile și videoclipurile dvs., cu sau fără utilizarea unui plugin WordPress.

Descoperiți și câteva plugin-uri premium WordPress  

Puteți folosi altele WordPress plugin-uri pentru a oferi un aspect modern și pentru a optimiza gestionarea blogului sau site-ului dvs.

Vă oferim aici câteva plugin-uri WordPress premium care vă vor ajuta să faceți asta.

1. Backup și restaurare

Backup și restaurare este un plugin WordPress premium care vă va ajuta programează backup-urile site-ului tău la un server local sau la diferite servere cloud precum Dropbox, Google Drive și Amazon S3. Prin urmare, veți putea restaura întregul site web, inclusiv baza de date, din punctele de restaurare existente cu un singur clic.

Backup și restaurare

Descărcarea site-ului web, a bazei de date și a tuturor copiilor de siguranță vor fi, de asemenea, posibile. Acest plugin vă va ajuta, de asemenea, să gestionați procesele de backup și restaurare într-un mod ușor, sigur și fiabil.

Caracteristicile sale includ: backup complet al site-ului web, backup Amazon S3, Google Drive, dropbox, managerul de spațiu pe disc, ștergerea automată a copiilor de rezervă vechi, restaurarea completă a site-ului dvs. web, suport pentru mai multe site-uriEtc ...

Descarca | Demo | web hosting

2. Creion galben: editor de stil CSS vizual

Yellow Pencil este un editor de stil vizual pe care îl puteți utiliza cu orice temă pentru a vă personaliza site-ul în câteva minute (fonturi, culori, animații și multe altele ...).Yellowpencil vizual css stil editor plugin wordpress

Acest plugin WordPress premium va crea stiluri CSS în fundal în timp ce te joci cu culorile de parcă ar fi un joc. A fost conceput atât pentru începători, cât și pentru utilizatori cu experiență.

Descoperiți și noi Pluginele 5 WordPress pentru a afișa notificări

Nu sunt necesare cunoștințe de codificare. Cu toate acestea, pluginul WordPress are un editor CSS bun pentru cei cărora le place să codeze. Puteți codifica live cu acest editor și vă puteți personaliza CSS-ul.

Descarca | Demo | web hosting

3. Sistemul de chat în direct Quack Chat

Quack Chat este un Extensia WordPress premium care se integrează cu ușurință cu site-ul dvs. și oferă o interfață ușor de utilizat pentru clienții dvs. Este un chat online care poate fi folosit de pe orice computer sau dispozitiv mobil.

Quack chat live sistem de asistență pentru wordpress

Ca funcționalități pe care le oferă, printre altele: suport pentru notificări instantanee prin mesaje sau e-mailuri, un sistem de notificare sonor, arhivarea automată (istoricul) chat-urilor, un panou de control ușor de utilizat, o fereastră de chat personalizabilă, un mesaj de salut automat și personalizabil, suport pentru derulare automată pe pagina de chat etc ...

Descarca | Demo | web hosting

Resurse recomandate

Aflați despre alte resurse recomandate pentru a vă ajuta să construiți și să gestionați site-ul dvs. web.

Concluzie

Aici ! Gata pentru acest tutorial. Sperăm că acest articol v-a ajutat să încorporați fișiere PDF în WordPressNu ezita sa împărtășiți cu prietenii de pe rețelele de socializare preferate

Cu toate acestea, puteți consulta și resursele noastre, dacă aveți nevoie de mai multe elemente pentru a vă derula proiectele de creare a site-urilor de internet, consultați ghidul nostru pentru Creare blog WordPress.

Dacă aveți sugestii sau observații, lăsați-le în secțiunea noastră comentarii.

...