Mogu biti slučajevi kada biste željeli ugraditi PDF datoteku u svoj post ili stranicu:

  • Autor knjige možda želi čitateljima dati besplatan primjerak.
  • Da biste na svoje web mjesto dodali kataloge proizvoda.
  • Da svoje kreacije u PDF formatu podijelite sa svojim kupcima.
  • Možete voditi turističku agenciju i želite pregledati plan turističkih paketa.

Ali postoji problem! 

Iako vam WordPress omogućuje ugradnju audiozapisa, videozapisa i, naravno, slika, PDF datoteke nije moguće ugraditi u vaše postove i stranice. Ova značajka trenutno nije dostupna, možda će biti dodana u budućnosti.

Ako želite dodati PDF datoteku, datoteku možete prenijeti pomoću opcije Dodajte medij, umetnite ga i veza do ove datoteke bit će dodana na vašu stranicu. A vaši će ga posjetitelji moći preuzeti ili pregledati datoteku u web pregledniku kad napuste vaše web mjesto.

Ali što ako želite u svoje članke ugraditi PDF datoteke i omogućiti posjetiteljima da ih vide bez napuštanja web mjesta? Postoji li rješenje za to?

Kratki odgovor je DA.

Dakle, u ovom postu pokazat ćemo vam kako možete ugraditi PDF datoteku u svoje WordPress postove ili stranice. Prije nego što započnete, vjerojatno ćete trebati stvoriti dobro oblikovan i uredan PDF dokument pomoću PDF uređivača. Tada ćete biti spremni dodati ga u svoje članke s dodatkom ili bez njega. 

Ali prije, ako nikad niste instalirali WordPress, otkrijte Kako instalirati 7 korake WordPress blog et Kako pronaći, instalirati i aktivirati WordPress temu na svoj blog 

Onda se vratimo zašto smo ovdje.

Kako dodati PDF datoteku s dodatkom

Postoji puno dodataka pomoću kojih možete dodati PDF datoteku na svoj WordPress post.

Međutim, mi ćemo koristiti Dodatak za WordPress PDF Embedder. To je WordPress plugin besplatan koji je dostupan u direktoriju dodataka za WordPress. Najbolja stvar kod ovog dodatka je to što za obavljanje svog posla koristi javascript, a ne uslugu treće strane ili iframeove.

Korak 1: Instalirajte dodatak za Embedder PDF

Prijavite se na svoju WordPress nadzornu ploču i pomaknite se do izbornika Proširenja> Dodaj traženje PDF Embedder u okviru za pretraživanje. Jednom kada pronađete dodatak, jednostavno ga instalirajte i aktivirajte. Također možete otkriti naš detaljni vodič o tome kako instalirati dodatak za WordPress.

Instalacija dodatka za Wordpress pdf embedder blogpascher

Korak 2: konfigurirajte dodatak

Iako svoje PDF datoteke možete početi ugrađivati ​​nakon što instalirate ovaj dodatak, prvo možete promijeniti postavke kako bi izgledale moderno. Da biste to učinili, idite na  Postavke> Ugradi PDF s lijeve bočne trake vaše WordPress nadzorne ploče.

Postavke parametara pdf embedder blogpascher

Besplatna verzija ovog dodatka omogućuje vam izmjenu sljedećeg:

  • Širina i visina - Možete promijeniti širinu i visinu preglednika PDF. Prihvaća cjelobrojne vrijednosti (u pikselima) ili max (100% širina).
  • Mjesto bara Alati - Alatna traka ovog preglednika PDF omogućuje vašoj publici povećanje ili povratak i povratak na sljedeću ili prethodnu stranicu. Alatnu traku možete postaviti na vrh, dno ili oboje.
  • Zadržite pokazivač iznad alatne trake - Možete odabrati želite li da alatna traka bude vidljiva samo kada miš prelazi preko dokumenta.

Sada su ovo univerzalne postavke. Ali što ako želite promijeniti postavke za određenu datoteku? Pa to možete učiniti uz pomoć kratkih kodova. Evo primjera:

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

U gornjem primjeru širina je postavljena na 500 piksela, mjesto alatne trake postavljeno je na vrh i alatna traka će biti fiksna. Također možete postaviti alatnu traku na dno i fiksnu alatnu traku na kraju.

Ovaj dodatak također ima premium verziju koja nudi značajke poput gumba za preuzimanje, brojača pregleda i preuzimanja, kontinuirano pomicanje stranica i veze otvorene u novom prozoru.

Korak 3: Ugradite PDF datoteku u post ili stranicu

Kad završite s postavkama, možete početi obavljati posao. Bez obzira koristite li klasični uređivač ili Gutenbergov urednik, ovaj dodatak možete jednostavno koristiti za postizanje željenih rezultata.

Ako koristite klasični urednik, ugrađivanje PDF datoteke slično je onome što biste učinili za sliku ili video.

Prvo stvorite novi post ili otvorite postojeći, a zatim kliknite gumb Dodajte medij.Prenesite svoju PDF datoteku, kliknite Umetni u gumb objavljivanje, a kratki kôd bit će dodan vašem postu.

Kako dodati klasični wordpress editor blogpascher medija

To je to - sada možete pregledati svoj post da biste provjerili radi li ovaj dodatak ispravno ili ne.

Što o tome Gutenberg urednik ? Pa, dodatak za Embedder PDF dolazi s određenim blokom. Zato izradite novu publikaciju i kliknite ikonu Dodajte blok. Zatim pronađite blok Ugradi PDF i odaberite ga.

Kako dodati gutenberg blogpascher wordpress editor

Na kraju, kliknite blok da biste odabrali (ili preuzeli) svoju PDF datoteku i vaš je posao gotov.

Evo krajnjeg rezultata, bez obzira na to koji urednik koristite:

Prikaži preglednik pdf embedder blogpascher

Neki popularni dodaci za preglednik PDF-a

Iako WordPress plugin PDF Embedder radi dobar posao, uvijek je dobro imati nekoliko alternativa. Dopustite mi da sada podijelim neke WordPress plugins  premija Preglednik PDF-a, bez određenog redoslijeda:

1. DK PDF Generator

Stvaranje PDF verzija svojih postova i njihovo dijeljenje u zajednicama za dijeljenje može biti izvrsna opcija upravljanje prometom.

Dk pdf generator

Le WordPress plugin premium DK PDF Generator omogućuje vam da jednostavno odaberete stranice, postove kao i prilagođene vrste postova koji se mogu dijeliti ili preuzeti kao PDF.

Pogledajte naš članak na 30 stvari koje treba učiniti na vašem blogu nakon njihove objave

Pomoću njih možete u svoju PDF datoteku čak dodati naslovnicu i tablicu sadržaja (s interaktivnim vezama).

Preuzmite | demo | Web hosting

2. PDF katalog proizvoda za WooCommerce

Riječ je o vrlo korisnom premium WordPress dodatku iz WooCommercea, koji će vam pomoći da preuzmete kompletan popis proizvoda iz vaše internetske trgovine u PDF formatu.

Pdf preglednik za wordpress

Ovaj dodatak dolazi s pet zadanih PDF predloška, ​​ali možete kreirati vlastiti u skladu s vašim potrebama s jednostavnim HTML i CSS-om.

Pročitajte i naše 9 WordPress čep za upravljanje katalog proizvoda

Također vam nudi mogućnost stvaranja i umetanja kratkog koda za dodavanje gumba za preuzimanje PDF-a bilo kojem članku ili stranici.

Preuzmite | demo | Web hosting

3. WordPress društveno dijeljenje i ispis post stranice u pdf plugin

Ovaj premium WordPress dodatak odlazi ekskluzivni dodaci za društveno dijeljenje WordPressa, najjednostavniji i optimiziran s izvrsnim značajkama koje ćete vidjeti konzultirajući njegov demo. Nudi mnoge značajke poput potpunog dijeljenja bloga ili web stranice na bilo kojoj društvenoj mreži i njihovo preuzimanje u PDF formatu.

Wordpress dijeljenje društvenih mreža i ispis stranice na pdf dodatak

Pomoću ovog WordPress dodatka moći ćete lako preusmjeriti posjetitelje web stranica na vaše račune na društvenim mrežama i povećajte svoju prisutnost na ovim.

Preuzmite | demo | Web hosting

Kako dodati PDF datoteku bez dodatka

Pa, ako ste jedan od onih koji još uvijek traže rješenja bez dodataka, onda je ovaj odjeljak za vas. Svakako možemo dodati PDF datoteku u WordPress postove i stranice bez instaliranja još jednog dodatka.

Ideja je jednostavna: trebate prenijeti PDF datoteku na račun Google diska, a zatim upotrijebiti iframe kôd za ugradnju ove datoteke na svoje web mjesto. Iako je ova metoda sigurna, jedini je problem što koristi iframere.

korak 1 : Ići Google disk i prijavite se na svoj račun (samo se trebate prijaviti za Gmail račun da biste ga dobili besplatno 15 GB prostora).

korak 2 : Prenesite PDF datoteku koju želite ugraditi u svoj WordPress post. Da biste to učinili, kliknite na Nouveau na lijevoj bočnoj traci vašeg računa Google diska, kliknite Uvezi datoteku i prenesite datoteku s računala.

Uvoz datoteke google drive blogpascher

korak 3 : Nakon što je datoteka prenesena na vaš Google pogon, dvaput kliknite na nju da biste je pregledali. Sada kliknite na 3 okomite točke (Više radnji) prisutne u gornjem desnom kutu i odaberite Otvori u novom prozoru.

Otvorite novi prozor google drive blogpascher

korak 4 : U novom prozoru kliknite Još radnji ( 3 okomite točke u gornjem desnom kutu) i kliknite na Udio.

Google pogon blogpascher

korak 5 : Otvorit će se skočni prozor pod nazivom "Podijeli s ljudima i grupama" i "Nađi vezu". Kliknite ovdje Uredite bilo kome s vezom u odjeljku "Pronađi vezu". Time se osigurava da je može pregledati svatko s vezom PDF datoteke. Ako to ne učinite, datoteka će biti privatna i neće biti vidljiva publici vašeg web mjesta.

Dijeljenje grupa ljudi blogpascher

Trebali biste vidjeti sljedeću potvrdu:

Nabavite vezu google drive blogpascher

Kad je gotovo, kliknite gotov.

korak 6 : Sad je vrijeme da nabavimo ugrađeni kôd koji ćemo koristiti u svom postu. Da biste to dobili, ponovno kliknite na Vise akcije, odaberite Integrirajte element.

Integrirajte element google drive blogpascher 1

korak 7 : Ovo će otvoriti skočni prozor koji vam omogućuje kopiranje iframe koda.

Integracija koda za kopiranje Google pogona

korak 8 : Idite na svoju WordPress nadzornu ploču i izradite ili uredite post ili stranicu na koju želite ugraditi PDF datoteku. Ako koristite klasični urednik, samo idite na karticu Tekst i zalijepite kod:

Zalijepite klasični uređivački kod blogpascher

Sipati Gutenbergov urednik, trebate dodati novi blok, potražiti prilagođeni html i na kraju dodati iframe kôd u prilagođeni HTML blok:

Prilagođeno HTML umetanje gutenberg editor blogpascher

korak 9 : To je to: sada pregledajte svoj post ili stranicu da biste provjerili svoju PDF datoteku.

Sažetak

WordPress vam omogućuje da priložite PDF datoteke, ali ne i da ih ugrađujete. Međutim, ovaj vodič rješava ovaj problem. Pokazuje kako možete ugraditi PDF datoteke u postove ili stranice, baš kao i slike i videozapisi, sa ili bez upotrebe dodatka WordPress.

Otkrijte i neke premium WordPress dodatke  

Možete koristiti druge WordPress plugins dati moderan izgled i optimizirati rukovanje vašim blogom ili web stranicom.

Ovdje vam nudimo nekoliko premium WordPress dodataka koji će vam pomoći u tome.

1. Sigurnosno kopiranje i vraćanje

Sigurnosno kopiranje i vraćanje je premium WordPress dodatak koji će vam pomoći zakažite sigurnosne kopije vaše web stranice na lokalni poslužitelj ili na različite poslužitelje u oblaku kao što su Dropbox, Google Drive i Amazon S3. Stoga ćete svoju web stranicu, uključujući bazu podataka, moći obnoviti s postojećih točaka vraćanja sa samo jednim klikom.

Izrada sigurnosne kopije i vraćanje

Preuzimanje web stranice, baze podataka i svih sigurnosnih kopija također će biti moguće. Ovaj dodatak također će vam pomoći na jednostavan, siguran i pouzdan način upravljati procesima izrade sigurnosnih kopija i vraćanja.

Njegove značajke uključuju: sigurnosnu kopiju web stranica, sigurnosnu kopiju Amazon S3, Google pogon, Dropbox, upravitelj prostora na disku, automatsko brisanje starih sigurnosnih kopija, potpuno vraćanje vaše web stranice, podrška za više stranica, itd ...

Preuzmite | demo | Web hosting

2. Žuta olovka: Vizualni CSS uređivač stilova

Žuti olovka vizualni je uređivač stilova koji možete koristiti sa bilo kojom temom za prilagodbu web stranice u nekoliko minuta (fontovi, boje, animacije i još mnogo toga ...).Dodatak za vizualni uređivač stilova css Yellowpencil wordpress

Ovaj će premium WordPress dodatak stvoriti CSS stilove u sustavu pozadina dok se igrate bojama kao da je riječ o igri. Dizajniran je i za početnike i za iskusne korisnike.

Otkrijte i naše 5 dodaci WordPress za prikazivanje obavijesti

Nije potrebno znanje kodiranja. Međutim, dodatak WordPress ima dobar CSS editor za one koji vole kodirati. Pomoću ovog uređivača možete kodirati uživo i prilagoditi svoj CSS.

Preuzmite | demo | Web hosting

3. Quack Chat Live Chat sustav

Quack Chat je a WordPress proširenje premium koji se lako integrira s vašim web mjestom i nudi korisničko sučelje za vaše klijente. Ovo je online chat koji se može koristiti s bilo kojeg računala ili mobilnog uređaja.

Quack chat live sustav podrške za pomoć za wordpress

Kao funkcionalnost nudi između ostalog: podrška za trenutne obavijesti putem poruka ili e-mailova, sustav zvučnog obavještavanja, automatsko arhiviranje (povijest) razgovora, korisnička upravljačka ploča, prilagodljivi prozor za chat, automatska i prilagodljiva pozdravna poruka, podrška za automatsko pomicanje po stranici za chat itd ...

Preuzmite | demo | Web hosting

Preporučeni resursi

Saznajte više o drugim preporučenim resursima koji će vam pomoći u izgradnji i upravljanju web mjesta.

Zaključak

Ovdje! To je sve za ovaj vodič. Nadamo se da vam je ovaj članak pomogao ugraditi PDF datoteke u WordPressNe ustručavajte se dijelite sa svojim prijateljima na svojim omiljenim društvenim mrežama

Međutim, možete se konzultirati naši resursi, ako vam je potrebno više elemenata za provođenje projekata kreiranja internetskih stranica, savjetujući se s našim vodičem na Izrada bloga WordPress.

Ako imate prijedloge ili primjedbe, ostavite ih u našem odjeljku Komentari.

...