Afișarea PDF-urilor direct pe site-ul dvs. WordPress poate îmbunătăți experiența utilizatorului, oferind acces ușor la documente, e-book-uri și alte materiale valoroase.
Un vizualizator PDF încorporat permite audienței tale să vizualizeze conținutul fără probleme și să interacționeze cu el direct pe site-ul tău. În plus, asigură că toate fișierele tale au același aspect, indiferent de dispozitivul pe care îl folosește vizitatorul.
Am folosit vizualizatoare PDF pe WPBeginner și pe site-urile noastre partenere în trecut și am experimentat cât de mult îmbunătățesc accesibilitatea și comoditatea pentru utilizatorii noștri.
În acest articol, vă vom arăta cum să adăugați cu ușurință un vizualizator PDF în WordPress. Instrucțiunile noastre pas cu pas nu vor necesita codare, deci le puteți folosi chiar dacă sunteți începător.
De ce ai nevoie de un vizualizator PDF în WordPress?
Multe site-uri WordPress folosesc fișiere PDF pentru a partaja informații despre serviciile și produsele lor. De exemplu, dacă aveți un site web de restaurant, atunci ați putea publica meniul ca un PDF online.
Puteți încărca întotdeauna un PDF pe site-ul dvs. web și apoi adăuga un link de descărcare în WordPress. Cu toate acestea, aceasta nu este cea mai bună experiență pentru utilizatorii care doresc să vizualizeze rapid un document PDF sau nu doresc să descarce fișierul complet.
În schimb, puteți adăuga un vizualizator PDF în WordPress și apoi afișa PDF-uri direct pe site-ul dvs. Acest lucru permite vizitatorilor să vadă documentul fără a-l descărca, ceea ce este deosebit de util pentru utilizatorii de smartphone-uri și tablete.
De asemenea, menține vizitatorii pe site-ul dvs. web, ceea ce poate crește numărul de vizualizări ale paginilor și să reducă rata de respingere.
Acestea fiind spuse, să vedem cum puteți adăuga cu ușurință un vizualizator PDF la WordPress. Pur și simplu utilizați linkurile rapide pentru a sări direct la metoda pe care doriți să o utilizați:
- Metoda 1: Adăugați un vizualizator PDF folosind editorul de blocuri (Ușor)
- Metoda 2: Adăugați un vizualizator PDF în WordPress folosind un plugin (mai personalizabil)
- Bonus: Cum să câștigi bani din PDF-urile tale încorporate
Metoda 1: Adăugați un vizualizator PDF folosind editorul de blocuri (Ușor)
Cel mai simplu mod de a afișa PDF-uri pe site-ul tău WordPress este prin utilizarea blocului Fișier încorporat în editorul Gutenberg.
Această metodă nu necesită un plugin special, dar puteți personaliza vizualizatorul doar în câteva moduri. Dacă doriți personalizări și funcționalități mai avansate, atunci recomandăm utilizarea unui plugin WordPress în schimb.
Pentru a începe, pur și simplu deschideți pagina sau postarea unde doriți să adăugați vizualizatorul PDF și apoi faceți clic pe butonul „Adăugare bloc” (+) pentru a adăuga un nou bloc.
După aceea, începeți să tastați „Fișier” și selectați blocul corect atunci când apare.
Dacă ați încărcat deja PDF-ul în biblioteca media WordPress, faceți clic pe butonul „Biblioteca media”. Puteți apoi selecta PDF-ul pe care doriți să îl încorporați.
Dacă nu ați încărcat deja fișierul PDF, faceți clic pe „Încărcare” și apoi alegeți un fișier de pe computer.
WordPress va alege automat o dimensiune pentru PDF-ul încorporat.
În funcție de dimensiunea fișierului, vizualizarea implicită s-ar putea să nu afișeze documentul complet. Cu toate acestea, vizitatorii se pot apropia și îndepărta și derula prin PDF utilizând setările barei de instrumente.
Dacă preferați, puteți schimba înălțimea vizualizatorului PDF pentru a afișa mai mult sau mai puțin din documentul încorporat.
Pentru a face acest lucru, pur și simplu utilizați glisorul „Înălțime în pixeli” din meniul din dreapta.
Uneori, vizitatorii pot dori să descarce un PDF, astfel încât să îl aibă mereu la îndemână.
De exemplu, clienții ar putea dori să descarce manualul de utilizare pentru cel mai popular produs sau programul de programare pentru un viitor eveniment sau conferință.
Implicit, WordPress afișează o pictogramă „Descărcare” în bara de instrumente și un buton sub PDF.
Butonul „Descărcare” poate fi util vizitatorilor care nu sunt familiarizați cu diferitele pictograme din bara de instrumente PDF.
Având în vedere acest lucru, ați putea dori să lăsați butonul „Descărcare” activat. Cu toate acestea, dacă nu doriți să includeți acest conținut duplicat, atunci puteți face clic pentru a dezactiva comutatorul „Afișare buton descărcare”.
Când ești mulțumit de modul în care este configurat PDF-ul, apasă pe „Actualizare” sau „Publicare” pentru a face modificările tale live.
Acum, dacă vizitați site-ul dvs. WordPress, veți vedea vizualizatorul PDF în acțiune.
Metoda 2: Adăugați un vizualizator PDF în WordPress folosind un plugin (mai personalizabil)
Blocul de fișiere încorporat în WordPress este o opțiune bună dacă doriți pur și simplu să încorporați câteva PDF-uri. Cu toate acestea, dacă doriți mai mult control asupra vizualizatorului, atunci recomandăm să folosiți un plugin gratuit în schimb.
PDF Embedder este unul dintre cele mai bune pluginuri de vizualizare PDF pentru WordPress. Acesta ajustează automat dimensiunea fișierelor dvs. PDF, sau puteți specifica o lățime, iar pluginul va calcula automat înălțimea pentru dvs.
Acesta vine, de asemenea, cu un vizualizator PDF care include butoane Următor / Anterior și un buton de zoom pentru navigare și vizualizare ușoară. Acest lucru este perfect pentru afișarea documentelor mai lungi, cum ar fi materialele de referință pentru cursuri online.
Pentru a afla mai multe despre plugin, puteți consulta recenzia noastră completă despre PDF Embedder aici.
Mai întâi, va trebui să instalați și să activați pluginul PDF Embedder. Dacă aveți nevoie de ajutor, consultați ghidul nostru pas cu pas despre cum să instalați un plugin WordPress.
Notă: Există o versiune gratuită a pluginului care îți permite să încorporezi ușor PDF-uri prietenoase cu dispozitivele mobile în WordPress. Cu toate acestea, vom folosi versiunea premium pentru acest tutorial, deoarece vine cu funcții mai avansate.
După activare, vizitați pagina Setări » PDF Embedder din tabloul de bord WordPress pentru a configura setările pluginului.
Din fila „Setări principale”, poți seta lățimea și înălțimea pentru PDF-urile tale. De cele mai multe ori, poți suprascrie aceste setări implicite la încorporarea fiecărui PDF. De exemplu, poți schimba dimensiunea sau scala unui PDF individual.
Cu toate acestea, recomandăm în continuare modificarea setărilor implicite pentru a se potrivi mai bine propriilor cerințe, deoarece acest lucru vă poate economisi mult timp și efort.
Implicit, PDF Embedder afișează bara de instrumente în partea de sus atunci când vizitatorii își plasează mouse-ul peste document.
Cu toate acestea, dacă intenționați să includeți documente mai lungi sau PDF-uri cu mai multe pagini, atunci poate fi util să afișați bara de instrumente în mod implicit. Pentru a face acest lucru, selectați pur și simplu opțiunea „Bara de instrumente mereu vizibilă”.
De asemenea, puteți seta locația barei de instrumente în partea de sus, de jos sau în ambele locații, sau o puteți dezactiva complet făcând clic pe meniul derulant.
Când derulați pagina în jos, puteți configura mai multe setări pentru vizualizatorul dvs. PDF. De exemplu, puteți afișa bare de derulare, puteți activa derularea continuă a paginilor, puteți adăuga un buton de căutare PDF în bara de instrumente și multe altele.
În plus, puteți permite vizitatorilor să descarce documente afișând un buton de descărcare PDF în bara de instrumente. De asemenea, puteți activa vizualizări și urmărirea descărcărilor, astfel încât să puteți măsura cât de populare sunt fișierele PDF ale dvs. printre vizitatori.
Când sunteți mulțumit de modul în care este configurat pluginul, faceți clic pe „Salvează modificările”.
Acum sunteți gata să adăugați un vizualizator PDF în WordPress. Pur și simplu deschideți pagina sau postarea unde doriți să afișați PDF-ul și apoi faceți clic pe butonul „+”.
Acum puteți începe să tastați „PDF Embedder” și să selectați blocul corect atunci când apare.
Apoi, faceți clic pe link pentru a deschide biblioteca media WordPress și selectați un fișier PDF. Apoi, alegeți un fișier PDF din bibliotecă sau încărcați un fișier de pe computer.
Plugin-ul va afișa PDF-ul folosind setările dvs. implicite, dar puteți ajusta cum arată și cum funcționează acest PDF folosind setările din meniul din dreapta.
Aici puteți modifica înălțimea, lățimea, locația barei de instrumente, bara de instrumente la hover, linkurile externe și butonul de căutare ale PDF-ului.
Când sunteți mulțumit de modul în care este configurat PDF-ul, faceți pur și simplu clic pe „Actualizare” sau „Publicare”. Acum puteți vizita blogul sau site-ul dvs. WordPress pentru a vedea vizualizatorul PDF încorporat.
Vizitatorii pot vizualiza cu ușurință documentele PDF și pot folosi bara de instrumente pentru a intra în modul ecran complet, a mări, a naviga paginile, a descărca PDF-ul și multe altele.
Bonus: Cum să câștigi bani din PDF-urile tale încorporate
Dacă aveți PDF-uri de calitate, utile, atunci le puteți folosi pentru a câștiga bani online cu WordPress.
După încorporarea unui document PDF pe site-ul dvs., puteți transforma acea pagină sau postare în conținut exclusiv pentru membri. Vizitatorii pot apoi să cumpere un abonament pentru a accesa acea pagină sau postare și a vedea PDF-ul încorporat.
Cel mai simplu mod de a transforma WordPress într-un site de membru este prin utilizarea MemberPress. Este cel mai bun plugin de membru WordPress care vă permite să transformați orice pagină sau postare în conținut exclusiv pentru abonați, inclusiv PDF-uri încorporate.
Avem un ghid complet despre crearea unui site de membru WordPress cu instrucțiuni pas cu pas pentru a vă ajuta să începeți.
De asemenea, sugerăm utilizarea Easy Digital Downloads pentru a gestiona și vinde documente PDF pe site-ul dvs. Puteți vinde cu ușurință tot felul de bunuri digitale și puteți încorpora PDF-uri în paginile produselor ca previzualizări.
Sperăm că acest articol v-a ajutat să adăugați un vizualizator PDF în WordPress. De asemenea, ați putea dori să consultați ghidul nostru pentru începători despre cum să încorporați PDF-uri, foi de calcul și altele în postările de blog WordPress, sau să consultați tutorialul nostru despre cum să încorporați videoclipuri TikTok în WordPress.
Dacă ți-a plăcut acest articol, te rugăm să te abonezi la canalul nostru de YouTube pentru tutoriale video WordPress. Ne poți găsi, de asemenea, pe Twitter și Facebook.
Jiří Vaněk
Pe site-ul meu, PDF-urile continuau să se deschidă în browserul Edge, ceea ce era foarte enervant. Alți utilizatori au experimentat aceeași problemă dacă nu aveau un vizualizator PDF diferit. Pluginul WP PDF Embedder a ajutat la minimizarea semnificativă a acestui comportament. O problemă atât de trivială și doar acest articol m-a ajutat să o rezolv.
Suport WPBeginner
Glad our guide was able to help
Admin
Dennis Muthomi
Ghid excelent!
O întrebare totuși – există un impact notabil asupra timpilor de încărcare a paginii atunci când încorporați fișiere PDF mai mari folosind metoda pluginului?
Pentru site-urile cu multe PDF-uri încorporate, mai ales dacă unele dintre acele PDF-uri au dimensiuni mari de fișier, ar fi bine să știți dacă există considerații de performanță de care să țineți cont.
uneori, servirea fișierelor PDF mari poate încetini încărcarea paginii.
Comentarii WPBeginner
Dacă PDF-ul are o dimensiune mare a fișierului, atunci poate dura puțin până când PDF-ul se încarcă pe pagină. Cu toate acestea, în multe cazuri, aceasta nu va fi o problemă.
Mrteesurez
Postare bună și utilă.
Dar este posibil să încorporezi un PDF și să câștigi venituri în timp ce oamenii îl citesc online, ceva asemănător cu Amazon KDP. Poate fi folosit acest plugin pentru a realiza acest lucru?? sau prin vreo metodă personalizată, anunță-mă, mulțumesc.
Suport WPBeginner
Nu avem în prezent o metodă pe care să o recomandăm pentru asta.
Admin
Christian
Funcționează excelent pe cea mai recentă versiune!
Suport WPBeginner
Thanks for letting us know
Admin
Ian
Văd că PDF Viewer nu a mai fost actualizat de 3 ani și nu a fost testat cu versiunea mea curentă de WordPress (v4.9.1). Este acesta încă plugin-ul sugerat de utilizat? Se pare că nimeni nu îl întreține, poate?
Suport WPBeginner
Salut Ian,
Aveți dreptate. Ar trebui să verificați aceste pluginuri PDF pentru WordPress.
Admin
Manoj jidugu
dacă dau clic pe imprimare pentru pagina mea web WordPress, obțin pagina care nu este aliniată corespunzător.
Obțin toate URL-urile și conținutul combinate
Marek
Pe pagina pluginului scrie:
„Acest plugin nu a mai fost actualizat de peste 2 ani. S-ar putea să nu mai fie întreținut sau suportat și ar putea avea probleme de compatibilitate atunci când este utilizat cu versiuni mai recente de WordPress.”
Poate de aceea nu funcționează pentru unii.
Kallol Das
Pe site-ul meu, pdfviewer nu funcționează. De fapt, nu pot încorpora niciun fișier PDF în postarea mea de blog.
rajesh
salut, vreau să public o carte pe site-ul meu WordPress și oamenii să citească doar cartea, așa că îmi puteți recomanda un plugin ușor de citit PDF?
Omar
Acest lucru nu funcționează pentru mine pe ultima versiune de WP. Știe cineva o soluție? Sau o altă opțiune care funcționează?
fred
Salutare, băieți!
problema cu pluginurile PDF precum acestea este că nu poți elimina bara laterală (barele laterale) atunci când generezi PDF-ul, iar acest lucru schimbă mult stilul!
Dacă voi găsi vreodată unul care are această funcție atât de utilă, mă voi întoarce aici să vă spun! Sau poate cineva a găsit unul undeva?
ibrar
Informații NIce
Nate Richie
Ar trebui să încercați „Embed Any Document”. Este o alternativă mult mai bună.
AllyG
Mulțumesc pentru recomandare. Funcționează excelent!!
Piet Marisael
Este posibil să setezi vizualizatorul deschizând un fișier la 110% vizualizare automată și cum pot face asta?
Este un plugin perfect utilizat de Wordpress 4.4.2 și tema twenty-eleven
Darron
Salut Syed,
Mulțumesc mult pentru avertismentul legat de această problemă.
Am folosit versiunea gratuită a acestui plugin în ultimii doi ani, deși tocmai am făcut upgrade la versiunea premium datorită numărului mare de fPDF-uri de pe site-ul clienților mei:
Până acum nu am avut nicio problemă cu versiunea premium, de asemenea, pot „dezmarca” documentul, plus să urmăresc numărul de descărcări/vizualizări.
Rita
Am citit informațiile pe care le-ați indicat. Se pare că vizualizatorul PDF nu este disponibil pentru wordpress.com. Păcat. Înțeleg problema că cititorii care dau clic pe URL-ul meu pentru un PDF vor merge pe o pagină separată și s-ar putea să nu se întoarcă pe blogul meu. Aceasta este o problemă. Nu știam că voi avea nevoie să afișez PDF-uri când am început cu wordpress.com, altfel aș fi făcut o alegere diferită.
Rita
Am înțeles corect că WordPress.org este aplicația necesară pentru pluginul de încorporare? Dacă da, sugerez ca această informație să fie declarată clar ca o cerință. Toate referințele pe care le-am văzut sunt la WordPress generic, deci nu este posibil (Am ratat ceva?) să se determine dacă există o cerință specifică de aplicație. Ne-ar ajuta pe noi, începătorii, să evităm greșelile și să ne îndrumăm spre luarea unor decizii diferite.
Mulțumesc.
Dan
Apreciez cu adevărat postările tale care identifică o problemă DIY (fă-o singur) în WordPress și apoi oferă câteva soluții alternative, implicând de obicei pluginuri.
„Dar”, mă întreb dacă îți iei timp să citești unele dintre recenziile postate de utilizatori pe pagina pluginului din directorul wordpress.org, și, de asemenea, informațiile ULTIMA ACTUALIZARE.
De exemplu, acest plugin PDF VIEWER a fost actualizat ultima dată acum „8 luni” și este compatibil până la WP 4.2.6
De asemenea, conform unui recenzent....
„4 noiembrie 2015 pentru WP 4.3.1
Acest plugin era exact ceea ce îmi trebuia. Mulțumesc!
******Singurele preocupări sunt:
(1) Acest plugin utilizează framework-ul Mozilla PDF.JS. Începând cu nov. 2015, acest plugin este semnificativ în urmă față de versiunea actuală a acelui framework:
Pagina Setări Plugin afișează:
PDF.js Versiune Dată
Stabil 1.1.1 18 Mar 2015
Beta 1.1.114 7 Mai 2015
Pagina PDF.JS afișează începând cu nov. 2015:
Stabil 1.1.366
Beta 1.1.469
REZUMAT > Nu credeți că este o practică bună să folosiți plugin-uri cu ratinguri bune, dar care sunt, de asemenea, actualizate în mod constant și foarte apreciate? Dacă da, vă rugăm să includeți câteva informații în postările dvs. care să recunoască faptul că un plugin sugerat nu a mai fost actualizat de ceva timp, dar pare a fi cea mai bună soluție dintre cele disponibile în prezent.
Suport WPBeginner
Vizualizatorul PDF îți permite să folosești versiunea beta a PDF.js din pagina de setări. S-ar putea să vrei să vezi și ghidul nostru despre Ar trebui să instalezi pluginuri care nu au fost testate cu versiunea ta de WordPress?
Admin
Rita
Folosesc Wordpress.com, nu .org. Pot încorpora fișiere pdf și alte documente folosind un plugin? Am găsit referințe variate și vreau să fiu sigur, înainte de a experimenta și posibil de a-mi deteriora blogul existent.
Pagina de editare Wordpress.com are o locație etichetată „pluginuri”. Acest lucru mă face să cred că le pot folosi, totuși, referințele spun „nu”. Aș aprecia o explicație.
Mulțumesc
Suport WPBeginner
Vă rugăm să consultați ghidul nostru despre diferența dintre blogul WordPress.org auto-găzduit vs. blogul WordPress.com gratuit.
Admin
Md Riyaz Alam
Salut Syed,
Cred că acesta este primul de acest fel de oale pe WordPress. Nu am văzut o postare despre PDF pentru WordPress, dar mulți de la SEO și bloggeri caută acest plugin. Deci, mulțumesc pentru introducerea acestuia în industria WP. Acesta ar putea fi de mare ajutor și pentru tutoriale.
Rita
Folosesc Wordpress.com (nu .org). Doresc ca vizualizatorii să vadă documentele mele pdf pe aceeași pagină cu restul postării mele de pe blog. Pot instala vizualizatorul pdf descris aici, pe blogul meu Wordpress.com?
Prince
Mulțumesc pentru acest articol. În scopuri SEO, este mai bine să adăugați conținutul PDF în text și să adăugați un buton pentru a descărca linkul, sau să afișați PDF-ul doar folosind acest plugin de vizualizare?
Suport WPBeginner
Așa cum am spus, un link de descărcare forțează utilizatorii să vizualizeze PDF-ul separat. Acest lucru scade timpul petrecut pe pagina dvs. și șansele lor de a reveni pentru a continua navigarea pe site-ul dvs. Veți obține același beneficiu SEO ca și adăugarea unui link de descărcare. Deoarece este scris în JavaScript și compatibil cu HTML5, motoarele de căutare pot indexa în continuare conținutul PDF-ului dvs. dacă fișierul PDF conține text și nu doar imagini.
Admin