Paano i-embed ang mga PDF Files sa WordPress

Paano i-embed ang mga PDF Files sa WordPress

Maaaring may mga oras na gusto mong mag-embed ng isang file na PDF sa iyong post o pahina:


  • Maaaring nais ng isang may-akda ng libro na bigyan ng libreng kopya ang mga mambabasa.
  • Upang magdagdag ng mga katalogo ng produkto sa iyong website.
  • Upang ibahagi ang iyong mga disenyo sa format na PDF sa mga kliyente.
  • Maaari kang magpatakbo ng isang ahensya sa paglalakbay at nais mong ipakita ang itineraryo ng mga package ng paglilibot.

Ngunit may problema!

Kahit na pinapayagan ka ng WordPress na mag-embed ng mga audio, video at siyempre, mga imahe, hindi posible na mag-embed ng mga file na PDF sa iyong mga post at pahina. Ang tampok na ito ay hindi magagamit hanggang ngayon, marahil ay idadagdag sa hinaharap.

Kung nais mong magdagdag ng isang file na PDF, maaari mong mai-upload ang file gamit ang Magdagdag ng Media pagpipilian, ipasok ito, at ang link sa file na iyon ay idadagdag sa iyong pahina. At maaaring i-download ito ng iyong mga bisita o tingnan ang file sa web browser sa pamamagitan ng pag-iwan sa iyong website.

Ngunit paano kung nais mong mag-embed ng mga file ng PDF sa iyong mga post at hayaan itong tingnan ng iyong mga bisita nang hindi umaalis sa iyong website? Mayroon bang anumang solusyon para sa na? Ang maikling sagot ay OO.

Kaya sa post na ito, ipapakita ko kung paano mo mai-embed ang isang PDF file sa iyong WordPress post o pahina. Bago magsimula, malamang na nais mong lumikha ng isang mahusay na na-format, maayos na dokumento na PDF gamit ang isang Editor ng PDF. Pagkatapos ay handa kang idagdag ito sa iyong mga post na may o nang hindi gumagamit ng isang plugin. Magsimula na tayo.

Paano Mag-embed ng isang PDF File na may isang Plugin

Mayroong maraming mga plugin na maaari mong gamitin upang magdagdag ng isang PDF file sa iyong WordPress post.

Gayunpaman, gumagamit kami ng isang plugin na tinatawag PDF Embedder. Ito ay isang libreng plugin na magagamit sa direktoryo ng WordPress Plugin. Ang pinakamagandang bagay tungkol sa plugin na ito ay gumagamit ng javascript upang gawin ang trabaho nito at hindi ang ilang mga serbisyo ng third party o iframes.

Hakbang 1: I-install ang PDF Embedder Plugin

Mag-log in sa iyong WordPress Dashboard at pumunta sa Mga plugin> Magdagdag ng Bago. Ngayon maghanap PDF Embedder sa kahon ng paghahanap. Kapag nahanap mo ang plugin, i-install lamang at buhayin ito. Simple, hindi ba?

I-install ang PDF Embedder Plugin

Hakbang 2: Pag-set up ng Plugin

Kahit na maaari mong simulan ang pag-embed sa iyong mga file na PDF sa sandaling na-install mo ang plugin na ito, maaari mo munang baguhin ang mga setting upang maging mas mahusay ang naka-embed na mga file. Upang buksan ang pahina ng mga setting ng plugin na ito, pumunta sa Mga setting> PDF Embedder mula sa kaliwang sidebar ng iyong WordPress Dashboard.

Mga Setting ng PDF Embedder

Pinapayagan ka ng libreng bersyon ng plugin na ito na baguhin ang sumusunod:

  • Lapad at taas – Maaari mong baguhin ang lapad at taas ng viewer ng PDF. Tumatanggap ito ng mga halaga ng integer (sa mga pixel) o max (100% ang lapad).
  • Lokasyon ng Toolbar – Ang toolbar ng viewer na ito ng PDF ay nagbibigay-daan sa iyong tagapakinig na mag-zoom in o lumabas at pumunta sa susunod o nakaraang pahina. Maaari kang magkaroon ng toolbar sa tuktok, ibaba, o pareho.
  • Hover ng toolbar – Maaari mong piliin kung nais mo ang toolbar na makikita lamang sa mouse hover sa dokumento o hindi.

Ngayon, ito ang mga unibersal na setting. Ngunit paano kung nais mong baguhin ang mga setting ng isang tukoy na file? Kaya, magagawa mo iyan sa tulong ng mga shortcode. Narito ang isang halimbawa:

[pdf-embedder url = “http://yoursite.com/wp-content/uploads/2019/01/April.pdf” lapad = “500 ″ toolbar =” top “toolbarfixed =” sa “]

Sa halimbawa sa itaas, ang lapad ay nakatakda sa 500px, ang lokasyon ng toolbar ay nakatakda sa itaas, at ang toolbar ay maaayos. Maaari mo ring itakda ang toolbar sa ibaba at ang toolbar na naayos upang i-off.

Ang plugin na ito ay mayroon ding isang premium na bersyon na nag-aalok ng mga tampok tulad ng pindutan ng pag-download, mga view ng track at pag-download, patuloy na pag-scroll ng pahina, at bukas na mga link sa isang bagong window.

Hakbang 3: I-embed ang file ng PDF sa Iyong Post o Pahina

Kapag tapos ka na sa mga setting, maaari mong simulan ang paggawa ng maruming gawain. Ngayon, kung gumagamit ka ng Classic Editor o Gutenberg Editor, madali mong magamit ang plugin na ito upang makuha ang nais na resulta.

Kung gumagamit ka ng Klasikong Editor, ang pag-embed ng isang file na PDF ay katulad sa kung ano ang gagawin mo para sa isang imahe o video.

Una sa lahat, lumikha ng isang bagong post o buksan ang isang umiiral at pagkatapos ay mag-click sa Magdagdag ng Media pindutan. Ngayon, i-upload ang iyong PDF file, mag-click sa Ipasok sa post button, at isang shortcode ay idadagdag sa iyong post.

I-embed ang PDF file Classic Editor

Iyon lang – maaari mong i-preview ang iyong post upang suriin kung gumagana ito nang maayos o hindi.

Paano kung Editor ng Gutenberg? Well, ang plugin ng PDF Embedder ay may isang tiyak na bloke. Kaya lumikha ng isang bagong post at mag-click sa icon na Magdagdag ng I-block. Susunod, maghanap para sa PDF Embedder harangan at piliin ito.

I-embed ang PDF file na Gutenberg Editor

Sa wakas, mag-click sa bloke upang piliin (o mag-upload) ang iyong file na PDF at tapos na ang iyong trabaho.

Narito ang pangwakas na resulta, anuman ang iyong editor na ginagamit mo:

Natapos ang naka-embed na PDF file

Mga sikat na PDF Viewer Plugins

Kahit na ang plugin ng PDF Embedder ay isang mahusay na trabaho, palaging magandang magkaroon ng ilang mga kahalili. Kaya hayaan mo akong magbahagi ngayon ng ilang libre at premium na mga plugin ng viewer ng PDF, nang walang partikular na pagkakasunud-sunod:

PDF viewer para sa WordPress

PDF viewer para sa WordPress Plugin

Impormasyon at Pag-download

Na may higit sa 3900+ na benta, ang manonood ng PDF para sa WordPress ay ang pagbebenta ng plugin na viewer ng PDF sa CodeCanyon. Ito ay isang ganap na tumutugon at cross-browser na katugmang plugin. Pinapayagan ka ng plugin na ito na paganahin o huwag paganahin ang mga pagpipilian tulad ng pag-print, pag-download, pag-zoom, pag-navigate sa pahina, at pagbabahagi ng lipunan. Maaari mo ring gamitin ang Google Analytics gamit ang WordPress upang subaybayan ang bilang ng mga bisita na nagbabasa ng iyong mga PDF.

Google Drive Embedder

Ang Google Drive Embedder Plugin

Ang Google Drive Embedder ay isang libreng plugin na nagbibigay-daan sa iyo upang ma-access ang iyong Google Drive mula sa iyong WordPress dashboard at i-embed ang mga PDF, mga dokumento ng Word, o mga spreadsheet sa iyong post o pahina. Gayunpaman, upang magamit ang plugin na ito, kailangan mong i-install Pag-login sa Google Apps pati na rin – ang layunin ng plugin na ito ay upang ikonekta ang iyong Google Drive sa iyong WordPress site.

Algori PDF Viewer

Algori PDF Viewer Plugin

Naghahanap para sa isang plugin ng Gutenberg block para sa pag-embed ng mga file na PDF? Maaari mong subukan ang plugin ng Algori PDF Viewer. Ang libreng plugin na ito ay katugma sa bawat web browser tulad ng Google Chrome, Firefox, Safari, Opera, at Internet Explorer 11. Pinapayagan ka nitong mag-load ng maraming mga file sa isang solong pahina at sumusuporta sa mode ng pagtatanghal..

Real3D FlipBook WordPress Plugin

Real3D FlipBook WordPress Plugin

Impormasyon at Pag-download

Tulad ng iminumungkahi ng pangalan, ang Real3D FlipBook ay isang tumutugon at touch-friendly na plugin ng 3D flipbook para sa pagpapakita ng mga PDF at mga imahe. Ito ay binuo gamit ang HTML5 at hindi nangangailangan ng paggamit ng Flash. Maaari mong ipasadya ang mga setting tulad ng bilis ng flip, tunog ng flip, antas ng zoom, at anggulo ng camera. Sinusuportahan din ng plugin na ito ang lightbox at fullscreen mode.

I-embed ang Anumang Dokumento Dagdag

I-embed ang Anumang Dokumento Dagdag

Impormasyon at Pag-download

I-embed ang Anumang Dokumento Plus ay isa sa uri ng plugin nito na madali mong mai-upload at i-embed ang mga file ng dokumento (PDF, Word, PPT, Excel, atbp) madali sa mga website ng WordPress. Ang plugin ay nagdaragdag ng isang button na ‘Magdagdag ng Dokumento’ sa itaas ng visual editor. Bubuksan nito ang EAD Plus popup mula sa kung saan maaari mong piliin ang mapagkukunan ng iyong dokumento. Ito ay mahigpit na isinama sa Google Drive, Dropbox at Box.com cloud services. Maaari kang manatili sa loob ng iyong WordPress site at mag-upload ng mga file sa mga serbisyo sa ulap at mai-embed mula mismo doon.

Matapos mag-upload o pumili ng dokumento, nais mong mag-embed ay makakakuha ka rin ng isang pagpipilian upang piliin kung aling serbisyo ng dokumento ang nais mong piliin upang mai-embed ang iyong file. Makikilala ng plugin ang awtomatikong format ng file at iminumungkahi sa iyo ng manonood. Maaaring mahawakan ng mga manonood ang isang file na may pinakamataas na laki ng 5 hanggang 8MB. Para sa mas malaking file, inirerekumenda ng mga developer na i-upload ang mga ito sa Google Drive at mai-embed mula doon.

Paano Mag-embed ng isang PDF File nang walang Plugin

Buweno, kung ikaw ay isa sa mga palaging naghahanap ng mga solusyon nang walang isang plugin, kung gayon ang seksyon na ito ay para sa iyo. Tiyak na mai-embed namin ang isang file na PDF sa mga post at mga pahina ng WordPress nang hindi nag-install ng isa pang plugin.

Ang ideya ay simple – kakailanganin mong i-upload ang iyong PDF file sa iyong Google Drive account at pagkatapos ay gamitin ang iframe code upang mai-embed ang file na iyon sa iyong site. Kahit na ang pamamaraang ito ay ligtas, ang tanging problema ay ang paggamit ng mga iframes.

Hakbang 1: Pumunta sa Google Drive at mag-log in sa iyong account.

Hakbang 2: I-upload ang file na PDF na nais mong i-embed sa iyong WordPress post dito. Upang gawin iyon, mag-click sa Bago mula sa kaliwang sidebar ng iyong Google Drive account, piliin Pag-upload ng File, at i-upload ang file mula sa iyong lokal na computer.

Pag-upload ng file ng Google Drive

Hakbang 3: Kapag na-upload ang file sa iyong drive, i-double click ito upang i-preview ang file. Ngayon, mag-click sa 3 vertical tuldok (Higit pang mga pagkilos) na naroroon sa kanang tuktok na sulok at piliin Magbukas sa bagong bintana.

Hakbang 4: Sa bagong window, mag-click sa Higit pang Mga Pagkilos (ang 3 patayong mga tuldok sa tuktok na kanang sulok) at piliin ang Ibahagi.

Pagbabahagi ng Google Drive PDF

Hakbang 5: Isang pop-up na tinatawag na “Ibahagi sa iba” ay magbubukas. Dito, mag-click sa Kumuha ng maibabahaging link – kung ano ang ginagawa nito ay tinitiyak na ang sinumang may PDF file na link ay maaaring tingnan ito. Kung hindi mo ito gagawin, mananatiling pribado ang file at hindi makikita ng iyong madla ng website.

Kumuha ng Maibabahaging Link

Hakbang 6: Kung hindi mo nais na i-download o i-print ng iyong mga bisita ang file at huwag paganahin ang tampok na kopya ng teksto, pagkatapos ay mag-click sa Advanced sa parehong window ng pop-up. Suriin ang pagpipilian na nagsasabing – “Huwag paganahin ang mga pagpipilian upang i-download, i-print, at kopyahin para sa mga komentista at manonood” at mag-click sa Tapos na.

Huwag paganahin ang pag-download ng kopya ng pag-print sa Google Drive PDF

Hakbang 7: Ngayon na oras upang makuha ang naka-embed na code na gagamitin namin sa aming post. Upang makuha iyon, muling mag-click sa Higit pang mga pagkilos, piliin ang I-embed na item, at kopyahin ang iframe code.

Naka-embed ang code ng kopya ng Google Drive

Hakbang 8: Tumungo sa iyong WordPress Dashboard at lumikha o i-edit ang post o pahina kung saan nais mong i-embed ang file na PDF. Ngayon, kung gumagamit ka ng Klasikong Editor, pumunta lamang sa tab na Teksto at i-paste ang code:

Mga tab na Text Text Text

Para sa Editor ng Gutenberg, kailangan mong magdagdag ng isang bagong bloke, maghanap para sa Custom HTML, at sa wakas, idagdag ang iframe code sa Custom HTML block:

Pasadyang HTML block

Hakbang 9: Iyon na – i-preview ngayon ang iyong post o pahina upang suriin ang iyong naka-embed na file na PDF.

Endnote sa Paano Mag-embed ng mga File ng PDF sa WordPress

Pinapayagan ka ng WordPress na mag-link sa iyong mga file na PDF – ngunit hindi naka-embed ang mga ito. Gayunpaman, nalulutas ng tutorial na ito ang problema. Ipinapakita nito kung paano mo mai-embed ang iyong mga file na PDF sa iyong mga post o pahina, tulad ng iyong mga imahe at video, kasama o hindi gumagamit ng isang plugin.

Nakapasok ka na ba ng isang file na PDF sa iyong website gamit ang alinman sa dalawang pamamaraan? Mayroon ka bang isang alternatibong plugin sa isip at naniniwala na ito ay mas mahusay kaysa sa mga nabanggit sa artikulong ito? Ipaalam sa akin ang iyong mga saloobin sa seksyon ng komento.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map