Jak dodać przeglądarkę PDF w WordPress

Czy chcesz dodać przeglądarkę PDF w WordPress?

Format PDF jest dobry w użyciu, gdy chcesz, aby Twoje pliki miały zawsze ten sam układ, bez względu na to, na jakim urządzeniu są przeglądane. Osadzając pliki PDF w WordPress, możesz udostępniać swoje pliki, utrzymując odwiedzających w swojej witrynie.

W tym artykule pokażemy, jak dodać przeglądarkę PDF w WordPress.

How to Add a PDF Viewer in WordPress

Dlaczego potrzebujesz przeglądarki PDF w WordPress?

Domyślnie WordPress nie osadza plików PDF w postach na blogu, podobnie jak w przypadku audio, wideo, tweetów i innych formatów multimedialnych. Po prostu dodaje plik jako link do pobrania.

By Default, PDFs are Added as Download Links

Oznacza to, że odwiedzający będą musieli opuścić twój post, aby wyświetlić plik PDF. Wielu z tych użytkowników nie wraca do twojej witryny, a to zmniejsza liczbę wyświetleń witryny, a także zaangażowanie użytkowników.

Jednym ze sposobów radzenia sobie z tym jest oferowanie plików PDF jako ulepszeń treści. W ten sposób możesz poprosić użytkowników o dołączenie do listy e-mailowej, aby uzyskać zawartość bonusową.

Jeśli jednak chcesz, aby użytkownicy przeglądali pliki PDF bez opuszczania witryny, musisz dodać przeglądarkę PDF do swojej witryny WordPress.

Jak zainstalować i skonfigurować osadzanie PDF

Będziemy używać PDF Embedder, jednej z najlepszych wtyczek PDF dla WordPress.

Używa JavaScript do osadzania plików z w pełni funkcjonalnym paskiem narzędzi, który pozwala użytkownikom powiększać i poruszać się po pliku PDF. Jest również w pełni responsywny, więc osadzony plik PDF będzie widoczny na dowolnym ekranie.

Najpierw musisz zainstalować i aktywować wtyczkę osadzania plików PDF. Aby uzyskać szczegółowe instrukcje, zobacz nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress.

Po aktywacji możesz odwiedzić Ustawienia ” PDF Embedder aby skonfigurować ustawienia wtyczki. Domyślne ustawienia są odpowiednie dla większości stron internetowych, więc ten krok jest opcjonalny.

PDF Embedder Settings

Ustawienia pozwalają kontrolować wysokość i szerokość przeglądarki PDF. Możesz to zmienić, jeśli uważasz, że przeglądarka PDF jest zbyt szeroka lub wąska.

Można również wybrać, czy pasek narzędzi ma być wyświetlany u góry, czy u dołu przeglądarki, oraz czy ma być ukrywany, dopóki użytkownik nie umieści kursora nad dokumentem.

Wersja premium dodaje opcje przycisku pobierania, ciągłego przewijania strony, klikalnych łączy i śledzenia pobieranych plików. Oferuje również szereg ustawień mobilnych i zabezpieczeń.

Po zakończeniu dostosowywania ustawień nie zapomnij kliknąć przycisku „Zapisz zmiany”, aby je zapisać.

Teraz jesteśmy gotowi, aby osadzić plik PDF w poście lub stronie WordPress. Sposób, w jaki to robisz, zależy od tego, czy używasz edytora bloków, czy edytora klasycznego. Możesz skorzystać z poniższych linków, aby przejść do preferowanej sekcji:

  • Jak dodać przeglądarkę PDF w edytorze bloków
  • Jak dodać przeglądarkę PDF w klasycznym edytorze

Jak dodać przeglądarkę PDF w edytorze bloków

Dodawanie plików PDF do postów i stron WordPress jest dość proste. Zaczniemy od dodania nowego posta lub edycji istniejącego.

Najpierw umieść kursor w miejscu, w którym chcesz Osadzić dokument PDF. Następnie musisz dodać nowy blok, klikając przycisk Dodaj blok + przycisk w lewym górnym rogu ekranu edycji WordPress.

Następnie należy kliknąć przycisk „osadzanie PDF” pod sekcją tekst.

Add a PDF Embedder Block

Gdy to zrobisz, musisz przesłać nowy plik PDF do swojego posta lub wybrać jeden z biblioteki multimediów. Możesz to zrobić, klikając link z napisem „Kliknij tutaj, aby otworzyć bibliotekę multimediów, aby wybrać plik PDF”.

Click to Select a PDF File

Zostaniesz przeniesiony do biblioteki multimediów WordPress. Jeśli jeszcze nie dodałeś pliku PDF, zrób to teraz. Po prostu przeciągnij plik do biblioteki, a gdy zobaczysz komunikat „upuść pliki do przesłania”, możesz puścić przycisk myszy.

Drop Files to Upload

Plik PDF zostanie automatycznie przesłany i wybrany. Wszystko, co musisz zrobić, to kliknąć przycisk „Wybierz”.

Select or Upload Media

Plik PDF zostanie dodany do dokumentu. Podczas edycji postu nie zobaczysz podglądu pliku PDF. Zamiast tego blok zawiera adres URL pliku.

The PDF is Embedded

Aby wyświetlić plik PDF, musisz zapisać swój post i wyświetlić jego podgląd na aktywnej stronie internetowej. Oto jak to wygląda na naszej stronie demo.

Preview the PDF Viewer

Jak dodać przeglądarkę PDF w klasycznym edytorze

Osadzanie pliku PDF w klasycznym edytorze jest równie łatwe. Zacznij od dodania nowego posta lub otwarcia tego, nad którym pracujesz.

Następnie umieść kursor w miejscu, w którym chcesz wyświetlić plik PDF, a następnie przeciągnij plik PDF na stronę. Gdy zobaczysz komunikat „upuść pliki do przesłania”, możesz puścić przycisk myszy.

Drag the PDF onto the Page

Plik PDF zostanie automatycznie przesłany do biblioteki multimediów i wybrany. Wszystko, co musisz teraz zrobić, to kliknąć przycisk „Wstaw do postu”.

Insert the PDF into the Page

Osadzanie PDF doda krótki kod do Twojego posta lub strony. Będzie to wyglądać tak [pdf-embedder url = "PDFURL"]. Spowoduje to wyświetlenie pliku PDF podczas wyświetlania podglądu lub publikowania pliku.

PDF Embedder's Shortcode

Aby wyświetlić plik PDF, po prostu zapisz swój post i przejrzyj go na swojej stronie internetowej. Oto jak to się pojawiło na naszej stronie demo.

Preview the PDF Viewer

Mamy nadzieję, że ten artykuł pomógł Ci dodać przeglądarkę PDF w WordPress. Możesz również zapoznać się z naszym przewodnikiem dotyczącym tworzenia biuletynu e-mailowego lub sprawdzić naszą listę wtyczek WordPress, aby rozwijać swoją witrynę.

Jeśli podoba Ci się ten artykuł, zasubskrybuj nasz kanał YouTube dla samouczków wideo WordPress. Znajdziesz nas również na Twitterze i Facebooku.

You May Also Like

Jak stworzyć katalog stron w WordPress (krok po kroku)

W artykule: Co To jest katalog stron www?Metoda 1: Tworzenie katalogu WordPress…

Jak dodać stronę HTML Sitemap w WordPress (2 sposoby)

W artykule: Jaka jest różnica między mapami witryn XML i HTML?Metoda 1.…

Jak i dlaczego należy ograniczyć próby logowania w WordPress?

W artykule: Dlaczego warto ograniczyć próby logowania w WordPress?Jak ograniczyć próby logowania…

13 darmowych wtyczek do zarządzania użytkownikami dla WordPress (2021)

W artykule: Dlaczego potrzebujesz wtyczki do zarządzania użytkownikami w WordPress?1. Członkowie2. WPForms3.…