Jak osadzi─ç pliki PDF w WordPress

Mo┼╝e si─Ö zdarzy─ç, ┼╝e chcia┼éby┼Ť osadzi─ç plik PDF w swoim po┼Ťcie lub stronie:

  • Autor ksi─ů┼╝ki mo┼╝e chcie─ç da─ç czytelnikom darmow─ů kopi─Ö.
  • Aby doda─ç katalogi produkt├│w do swojej witryny.
  • Aby udost─Öpni─ç swoje projekty w formacie PDF klientom.
  • By─ç mo┼╝e prowadzisz biuro podr├│┼╝y i chcesz pokaza─ç plan podr├│┼╝y.

Ale jest problem!

Chocia┼╝ WordPress umo┼╝liwia osadzanie plik├│w audio, wideo i oczywi┼Ťcie obraz├│w, nie jest mo┼╝liwe osadzanie plik├│w PDF w swoich postach i stronach. Ta funkcja nie jest do tej pory dost─Öpna, by─ç mo┼╝e zostanie dodana w przysz┼éo┼Ťci.

Je┼Ťli chcesz doda─ç plik PDF, mo┼╝esz przes┼éa─ç go za pomoc─ů opcji Dodaj multimedia, wstaw go, a link do tego pliku zostanie dodany do Twojej strony. A odwiedzaj─ůcy mog─ů go pobra─ç lub wy┼Ťwietli─ç plik w przegl─ůdarce internetowej, gdy opuszczaj─ů witryn─Ö.

Ale co, je┼Ťli chcesz osadzi─ç pliki PDF w swoich postach i pozwoli─ç odwiedzaj─ůcym je zobaczy─ç bez opuszczania witryny? Czy jest na to jakie┼Ť rozwi─ůzanie? Kr├│tka odpowied┼║ brzmi: tak.

W tym po┼Ťcie poka┼╝─Ö, jak osadzi─ç plik PDF w po┼Ťcie lub stronie WordPress. Zanim zaczniesz, prawdopodobnie chcesz utworzy─ç schludny i dobrze sformatowany dokument PDF za pomoc─ů edytora PDF. Nast─Öpnie mo┼╝esz go doda─ç do swoich post├│w za pomoc─ů wtyczki lub bez niej. Zacznijmy.

Jak osadzi─ç plik PDF za pomoc─ů wtyczki

Istnieje wiele wtyczek, kt├│rych mo┼╝na u┼╝y─ç do dodania pliku PDF do posta WordPress.

Jednak u┼╝yjemy wtyczki o nazwie PDF Embedder. Jest to darmowa wtyczka dost─Öpna w katalogu wtyczek WordPress. Najlepsz─ů rzecz─ů w tej wtyczce jest to, ┼╝e u┼╝ywa ona JavaScript do wykonywania swoich zada┼ä, a nie jakiejkolwiek us┼éugi lub ramek iframe innych firm.

Krok 1: Zainstaluj wtyczk─Ö PDF Embedder

Zaloguj si─Ö do pulpitu nawigacyjnego WordPress i przejd┼║ do Wtyczki> Dodaj nowe. Teraz szukaj PDF Osadzanie w polu wyszukiwania. Po znalezieniu wtyczki po prostu zainstaluj j─ů i aktywuj. Proste, prawda?

Zainstaluj wtyczk─Ö Embedder PDF

Krok 2: skonfiguruj wtyczk─Ö

Mimo ┼╝e mo┼╝esz rozpocz─ů─ç osadzanie plik├│w PDF po zainstalowaniu tej wtyczki, mo┼╝esz najpierw zmodyfikowa─ç ustawienia, aby osadzone pliki wygl─ůda┼éy lepiej. Aby otworzy─ç stron─Ö konfiguracji tego dodatku, przejd┼║ do Ustawienia> Modu┼é wstawiania plik├│w PDF z lewego paska bocznego pulpitu WordPress.

Ustawienia PDF Embedder

Darmowa wersja tej wtyczki umo┼╝liwia zmian─Ö nast─Öpuj─ůcych element├│w:

  • Szeroko┼Ť─ç i wysoko┼Ť─ç – Mo┼╝esz zmodyfikowa─ç szeroko┼Ť─ç i wysoko┼Ť─ç przegl─ůdarki PDF. Akceptuje warto┼Ťci ca┼ékowite (w pikselach) lub maks. (100% szeroko┼Ťci).
  • Lokalizacja paska narz─Ödzi – Pasek narz─Ödzi tej przegl─ůdarki PDF umo┼╝liwia odbiorcom powi─Ökszanie i pomniejszanie oraz przej┼Ťcie do nast─Öpnej lub poprzedniej strony. Mo┼╝esz mie─ç pasek narz─Ödzi u g├│ry, u do┼éu lub na obu.
  • pasek narz─Ödzi – Mo┼╝esz wybra─ç, czy pasek narz─Ödzi ma by─ç widoczny tylko po najechaniu myszk─ů na dokument, czy nie.

Teraz s─ů to ustawienia uniwersalne. Ale co, je┼Ťli chcesz zmieni─ç ustawienia okre┼Ťlonego pliku? Mo┼╝esz to zrobi─ç za pomoc─ů skr├│t├│w. Oto przyk┼éad:

[pdf-embedder url=ÔÇŁhttp://yoursite.com/wp-content/uploads/2019/01/April.pdfÔÇŁ┬á width=ÔÇŁ500ÔÇ│ toolbar=ÔÇŁtopÔÇŁ toolbarfixed=ÔÇŁonÔÇŁ]

W powy┼╝szym przyk┼éadzie szeroko┼Ť─ç jest ustawiona na 500 pikseli, po┼éo┼╝enie paska narz─Ödzi jest ustawione na g├│rze, a pasek narz─Ödzi zostanie naprawiony. Mo┼╝esz tak┼╝e ustawi─ç pasek narz─Ödzi na dole i sta┼éy pasek narz─Ödzi na wy┼é─ůczony.

Ta wtyczka ma r├│wnie┼╝ wersj─Ö premium, kt├│ra oferuje takie funkcje, jak przycisk pobierania, wy┼Ťwietlanie i ┼Ťledzenie pobierania, ci─ůg┼ée przewijanie strony i otwieranie ┼é─ůczy w nowym oknie.

Krok 3: Osad┼║ plik PDF w swoim po┼Ťcie lub stronie

Po zako┼äczeniu konfiguracji mo┼╝esz zacz─ů─ç wykonywa─ç brudn─ů robot─Ö. Teraz, niezale┼╝nie od tego, czy korzystasz z edytora klasycznego, czy edytora Gutenberga, mo┼╝esz ┼éatwo u┼╝y─ç tej wtyczki, aby uzyska─ç po┼╝─ůdany efekt.

Je┼Ťli korzystasz z Klasyczny edytorOsadzanie pliku PDF jest podobne do tego, co zrobi┼éby┼Ť dla obrazu lub wideo.

Najpierw utw├│rz nowy post lub otw├│rz istniej─ůcy, a nast─Öpnie kliknij przycisk Dodaj multimedia. Teraz prze┼Ťlij plik PDF, kliknij przycisk Wstaw w po┼Ťcie, a do wpisu zostanie dodany kr├│tki kod.

Wstaw klasyczny plik PDF Editor

To wszystko, teraz mo┼╝esz wy┼Ťwietli─ç podgl─ůd swojego posta, aby sprawdzi─ç, czy dzia┼éa poprawnie, czy nie.

Co si─Ö dzieje Redaktor Gutenberg? Wtyczka PDF Embedder zawiera okre┼Ťlony blok. Utw├│rz nowy post i kliknij ikon─Ö Dodaj blok. Nast─Öpnie znajd┼║ blok PDF Osadzanie i wybierz go.

Wstaw plik PDF Edytor Gutenberga

Na koniec kliknij blok, aby wybrać (lub przesłać) plik PDF i praca jest zakończona.

Oto końcowy wynik, niezależnie od używanego edytora:

Ostateczny osadzony plik PDF

Popularne wtyczki przegl─ůdarki PDF

Chocia┼╝ wtyczka PDF Embedder wykonuje dobr─ů robot─Ö, zawsze dobrze jest mie─ç kilka alternatyw. Pozw├│l, ┼╝e podziel─Ö si─Ö teraz niekt├│rymi darmowymi i premium wtyczkami przegl─ůdarki PDF, w ┼╝adnej kolejno┼Ťci:

Przegl─ůdarka plik├│w PDF dla WordPress

Przegl─ůdarka plik├│w PDF dla wtyczki WordPress

Dzi─Öki ponad 3900 sprzeda┼╝y, przegl─ůdarka PDF WordPress to wtyczka do przegl─ůdarki PDF sprzedawana na CodeCanyon. Jest to w pe┼éni responsywna i kompatybilna z wieloma przegl─ůdarkami wtyczka. Ta wtyczka pozwala w┼é─ůczy─ç lub wy┼é─ůczy─ç opcje, takie jak drukowanie, pobieranie, powi─Ökszanie, przegl─ůdanie strony i udost─Öpnianie w sieciach spo┼éeczno┼Ťciowych. Mo┼╝esz r├│wnie┼╝ u┼╝ywa─ç Google Analytics z WordPress do ┼Ťledzenia liczby odwiedzaj─ůcych czytaj─ůcych twoje pliki PDF.

Google Drive Embedder

Wtyczka wtyczki Dysku Google

Google Drive Embedder to darmowa wtyczka, kt├│ra umo┼╝liwia dost─Öp do Dysku Google z pulpitu WordPress i osadzanie plik├│w PDF, dokument├│w Word lub arkuszy kalkulacyjnych we wpisie lub stronie. Jednak aby u┼╝y─ç tej wtyczki, musisz tak┼╝e zainstalowa─ç Google Apps Login: celem tej wtyczki jest po┼é─ůczenie Dysku Google z witryn─ů WordPress.

Przegl─ůdarka PDF Algori

Wtyczka Algori PDF Viewer

Szukasz wtyczki blokowej Gutenberga do osadzania plik├│w PDF? Mo┼╝esz wypr├│bowa─ç wtyczk─Ö Algori PDF Viewer. Ta darmowa wtyczka jest kompatybilna ze wszystkimi przegl─ůdarkami internetowymi, takimi jak Google Chrome, Firefox, Safari, Opera i Internet Explorer 11. Umo┼╝liwia przesy┼éanie wielu plik├│w na jednej stronie i obs┼éuguje tryb prezentacji.

Real3D FlipBook WordPress Plugin

Real3D FlipBook WordPress Plugin

Jak sama nazwa wskazuje, Real3D FlipBook to responsywna i dotykowa wtyczka 3D flipbook do wy┼Ťwietlania plik├│w PDF i obraz├│w. Zosta┼é opracowany przy u┼╝yciu HTML5 i nie wymaga u┼╝ycia Flasha. Mo┼╝esz dostosowa─ç ustawienia, takie jak pr─Ödko┼Ť─ç panoramy, d┼║wi─Ök panoramy, poziom powi─Ökszenia i k─ůt kamery. Ta wtyczka jest r├│wnie┼╝ kompatybilna z trybem lightbox i trybem pe┼énoekranowym.

Wstaw dowolny dokument

Wstaw dowolny dokument

Embed Any Document Plus to unikalna wtyczka, kt├│ra pozwala ┼éatwo przesy┼éa─ç i osadza─ç pliki dokument├│w (PDF, Word, PPT, Excel itp.) W witrynach WordPress. Wtyczka dodaje przycisk ÔÇ×Dodaj dokumentÔÇŁ nad edytorem wizualnym. Otworzy si─Ö okno wyskakuj─ůce EAD Plus, z kt├│rego mo┼╝esz wybra─ç czcionk─Ö dla swojego dokumentu. Jest r├│wnie┼╝ ┼Ťci┼Ťle zintegrowany z us┼éugami Google Drive, Dropbox i Cloud.com. Mo┼╝esz pozosta─ç w swojej witrynie WordPress i przesy┼éa─ç pliki do us┼éug w chmurze i osadza─ç je bezpo┼Ťrednio z tego miejsca.

Po przes┼éaniu lub wybraniu dokumentu, kt├│ry chcesz osadzi─ç, b─Ödziesz mie─ç r├│wnie┼╝ opcj─Ö wyboru us┼éugi dokumentu, kt├│r─ů chcesz osadzi─ç. Wtyczka rozpozna format pliku automatycznie i zasugeruje przegl─ůdark─Ö. Przegl─ůdaj─ůcy mog─ů obs┼éugiwa─ç pliki o maksymalnym rozmiarze od 5 do 8 MB. W przypadku wi─Ökszych plik├│w programi┼Ťci zalecaj─ů przes┼éanie ich na Dysk Google i stamt─ůd.

Jak osadzi─ç plik PDF bez wtyczki

C├│┼╝, je┼Ťli jeste┼Ť jednym z tych, kt├│rzy zawsze szukaj─ů rozwi─ůza┼ä bez wtyczki, ta sekcja jest dla Ciebie. Z pewno┼Ťci─ů mo┼╝emy osadzi─ç plik PDF w postach i stronach WordPress bez instalowania innej wtyczki.

Pomysł jest prosty: musisz przesłać plik PDF na konto Dysku Google, a następnie użyć kodu iframe, aby osadzić ten plik na swojej stronie. Chociaż ta metoda jest bezpieczna, jedynym problemem jest to, że używa ramek iframe.

Krok 1: Przejd┼║ na Dysk Google i zaloguj si─Ö na swoje konto.

Krok 2: Prze┼Ťlij tutaj plik PDF, kt├│ry chcesz wstawi─ç do posta WordPress. Aby to zrobi─ç, kliknij Nowy na lewym pasku bocznym konta Dysku Google, wybierz Prze┼Ťlij pliki i prze┼Ťlij plik z komputera lokalnego.

Przesyłanie plików z Dysku Google

Krok 3: Po przes┼éaniu pliku na dysk kliknij go dwukrotnie, aby wy┼Ťwietli─ç podgl─ůd pliku. Teraz kliknij 3 pionowe kropki (Wi─Öcej akcji) obecne w prawym g├│rnym rogu i wybierz Otw├│rz w nowym oknie.

Krok 4: W nowym oknie kliknij Więcej działań (3 pionowe kropki w prawym górnym rogu) i wybierz Udostępnij.

Udost─Öpnianie PDF na Dysku Google

Krok 5: Zostanie otwarte okno podr─Öczne o nazwie ÔÇ×Udost─Öpnij innymÔÇŁ. Kliknij link Get to share; upewnia si─Ö, ┼╝e ka┼╝dy, kto ma link do pliku PDF, mo┼╝e go zobaczy─ç. Je┼Ťli tego nie zrobisz, plik pozostanie prywatny i nie b─Ödzie widoczny dla odbiorc├│w Twojej witryny.

Uzyskaj link do udost─Öpniania

Krok 6: Je┼Ťli nie chcesz, aby odwiedzaj─ůcy pobierali lub drukowali plik, a tak┼╝e wy┼é─ůczali funkcj─Ö kopiowania tekstu, kliknij Zaawansowane w tym samym oknie podr─Öcznym. Zaznacz opcj─Ö ÔÇ×Wyczy┼Ť─ç opcje pobierania, drukowania i kopiowania dla komentator├│w i przegl─ůdaj─ůcychÔÇŁ i kliknij Gotowe.

Wy┼é─ůcz pobieranie wersji papierowej z Dysku Google PDF

Krok 7: Nadszed┼é czas, aby uzyska─ç kod do osadzenia, kt├│rego u┼╝yjemy w naszym po┼Ťcie. Aby to uzyska─ç, kliknij ponownie opcj─Ö Wi─Öcej dzia┼éa┼ä, wybierz opcj─Ö Wstaw element i skopiuj kod z ramki iframe.

Skopiuj kod z Dysku Google

Krok 8: Przejd┼║ do pulpitu WordPress i utw├│rz lub edytuj post lub stron─Ö, na kt├│rej chcesz osadzi─ç plik PDF. Teraz, je┼Ťli u┼╝ywasz Klasyczny edytor, po prostu przejd┼║ do zak┼éadki Tekst i wklej kod:

Klasyczna karta edytora tekstu

przez Redaktor Gutenberg, musisz dodać nowy blok, wyszukać niestandardowy kod HTML i na końcu dodać kod iframe w niestandardowym bloku HTML:

Niestandardowy blok HTML

Krok 9: To wszystko, wy┼Ťwietl teraz podgl─ůd posta lub strony, aby sprawdzi─ç osadzony plik PDF.

Przypis dotycz─ůcy osadzania plik├│w PDF w WordPress

WordPress pozwala na linkowanie do plik├│w PDF, ale nie osadzanie ich. Jednak ten samouczek rozwi─ůzuje ten problem. Pokazuje, jak mo┼╝esz osadzi─ç swoje pliki PDF na swoich postach lub stronach, podobnie jak obrazy i filmy, z u┼╝yciem wtyczki lub bez niej.

Czy kiedykolwiek osadzi┼ée┼Ť plik PDF na swojej stronie internetowej przy u┼╝yciu kt├│rejkolwiek z metod? Czy masz na my┼Ťli alternatywn─ů wtyczk─Ö i uwa┼╝asz, ┼╝e jest lepsza ni┼╝ te wymienione w tym artykule? Daj mi zna─ç, co my┼Ťlisz w sekcji komentarzy.