Jak osadzić pliki danych PDF w WordPress

Opublikowany: 2022-05-17

WordPress to współczesna, elastyczna platforma do publikowania Twojej witryny. Jedno z podejść, które możesz zobaczyć, jest jednak jego taktyką wobec mediów. Możesz dodać prawie wszystkie style do swojej witryny za pomocą Biblioteki multimediów, ale w przypadku niektórych dokumentów potrzebujesz dodatkowej pomocy. Jeśli chcesz zrozumieć, jak osadzić pliki PDF w WordPressie, będziesz potrzebować o wiele więcej środków niż bardzo proste osadzanie wycisku lub klipu wideo.

Ponieważ WordPress oferuje tylko ogólną wydajność osadzania, w większości przypadków będziesz chciał użyć serwera do przechowywania plików danych lub zainstalować wtyczkę. Dobrą wiadomością jest to, że dwie z tych opcji są odpowiednie i, co najważniejsze, łatwe do zastosowania.

W tym poście prawdopodobnie wyraźnie pokażemy, jak osadzić dokumenty PDF w WordPress za pomocą Google Generate, bloków WordPress i wtyczki. Chociaż na początku warto porozmawiać o tym, dlaczego chcesz osadzić pliki PDF i wskazać odmianę polegającą na łatwym przesyłaniu i osadzeniu.

Dlaczego chcesz osadzić plik PDF w WordPress

Być może wiesz, dlaczego chcesz osadzić plik PDF w WordPressie, chociaż prawdopodobnie nie rozumiesz korzyści, jakie uzyskasz. Jest dobra oferta, a poniżej tylko kilka:

  • Plik PDF doskonale nadaje się do wykorzystania jako próbnik dla całego rozwiązania lub usług. Na przykład, jeśli jesteś grafikiem lub autorem, możesz łatwo udostępniać pliki PDF.
  • Niektóre pliki PDF działają skutecznie jako rzeczy wielokrotnego użytku, które opierają się na informacjach. Doskonałym przykładem jest rodzaj rejestracji lub dokument dotyczący fraz i sytuacji.
  • Jeśli zlecasz białe księgi lub recenzje, nie będziesz musiał tworzyć ich w WordPressie. Alternatywnie możesz dostarczyć plik do pobrania lub przeglądania.

Ostatnia pozycja przedstawia sytuację powszechnego użycia plików PDF. Na przykład możesz nie chcieć odtwarzać wartościowego pliku PDF jako publikowanego na swojej stronie internetowej ze względu na czasochłonną matkę konwersji. Powiedziawszy to, możesz osadzić plik i zachować wszystkie dynamiczne i interaktywne elementy rodzimego artykułu.

Zmiana między osadzaniem a przesyłaniem pliku PDF

Dla niektórych może się to wydawać oczywiste, ale istnieje duża różnica między osadzaniem pliku PDF a przesyłaniem go. Oczywiście, możesz dodać dowolny plik do WordPressa (poza plikami SVG w ostatnim czasie produkcji), ale to nie znaczy, że możesz go oglądać.

Aby to zrobić, będziesz potrzebować sposobu, aby WordPress „porozmawiał” z zakupionym plikiem, aby wyświetlić go na ekranie. W tym miejscu pojawia się zaangażowana przeglądarka plików PDF. Wykorzystano to, że WordPress nie był najskuteczniejszy, jeśli chodzi o wbudowane informacje. Mimo to, wraz z pojawieniem się edytora bloków, otrzymujesz o wiele bardziej spójny przepływ pracy, znacznie bardziej zgodny z innymi rodzajami mediów w samym WordPressie – o wiele więcej tego później.

Jak osadzić informacje PDF w WordPress (3 podejścia)

Istnieją 3 sposoby, które zajmiemy się osadzaniem dokumentów PDF w WordPress. Każdy z nich zmierza do dostosowania różnych aplikacji i przepływów pracy. Jako taki, 1, na który się zdecydujesz, jest osobistym wnioskiem:

  1. Jeśli używasz Google Push do przechowywania swoich informacji, być może zechcesz wstawić kod osadzania do kodu HTML WordPressa.
  2. Edytor bloków WordPress ma sposób na sprawdzanie plików PDF i może to być wszystko, czego potrzebujesz, aby wyświetlić je w podsumowaniu wejścia.
  3. Wtyczka tego typu, taka jak PDF Embedder, umożliwia wyświetlanie plików PDF i zapewnia czytelnikom w pełni funkcjonalne środowisko pracy.

Odpowiedzi, których udzielamy, nie są ułożone w dowolnej kolejności i żadna nie jest bardziej „właściwa” niż druga. W związku z tym spójrz na każdy z nich i wybierz taki, który będzie pasował do twoich wszystkich celów.

1. Osadzanie pliku pracującego z Google Travel

Mnóstwo właścicieli domów w witrynach internetowych korzysta z produktów Google, a dla tych, którzy zainwestowali w ekosystem, zrozumiesz, jak ważna jest usługa Google Generate.

Logo Dysku Google.

Jeśli przechowujesz informacje PDF w chmurze i naprawdę nie chcesz ich przenosić, możesz ze względną ulgą osadzić je w swojej witrynie WordPress. Aby rozpocząć, przejdź do preferowanego pliku na Dysku Google i kliknij opcję Udostępnij w menu Dodatkowe kroki :

Opcja Udostępnij na Dysku Google.

Możesz wybrać dowolną kombinację ustawień pasującą do pożądanego spotkania. Kiedy skończysz czytać ten artykuł, przejdź ponownie do menu Dużo więcej akcji i otwórz plik w nowym oknie:

Opcja Otwórz w nowym oknie na Dysku Google.

Odkryjesz, że rozwiązania w tym menu się modyfikują. Jeśli otworzysz menu Dużo więcej kroków , pojawi się teraz link Osadź element… :

Opcja Osadź element… na Dysku Google.

Kliknięcie tego spowoduje wyświetlenie okna dialogowego zawierającego kod HTML. Naprawdę powinieneś to skopiować, a następnie wróć do WordPressa:

Okno dialogowe Umieść element na Dysku Google.

Na tym etapie możesz wrócić do WordPressa i otworzyć stronę internetową, z której chcesz osadzić plik PDF. Tym razem w menu Dodatkowe akcje edytora bloku otwórz edytor kodu :

Opcja edytora kodu w WordPressie.

Twoja praca polega na odkryciu odpowiedniego miejsca na kod do umieszczenia na stronie i wklejeniu go w:

Dodanie kodu HTML do edytora kodu WordPress.

Po kliknięciu adresu URL edytora kodu wyjścia zobaczysz osadzanie na stronie internetowej:

Osadzenie Dysku Google na stronie WordPress.

Z drugiej strony, mimo że jest to szybkie w zastosowaniu, jest to przydatny sposób na wyeksponowanie pliku PDF, po prostu dlatego, że jest to element iframe i nigdy nie otrzymujesz wielu rozwiązań. Aby uzyskać znacznie bardziej elastyczne podejście, zachowaj badanie!

2. Dołączanie widocznego pliku PDF do witryny za pomocą bloków WordPress

W przeciwieństwie do poprzedniego Edytora podstawowego, Edytor Bloku pozwala na wykonywanie pracy z wieloma rodzajami mediów w stabilny sposób. Nie jest to bardziej oczywiste niż w przypadku osadzania plików PDF w WordPress.

Możesz użyć Bloku plików, aby osadzić wszystkie typy plików, ale w tej sytuacji możemy go użyć do osadzania pliku PDF. Jeśli przejdziesz do preferowanego artykułu lub strony internetowej, możesz poszukać opcji Blokowanie plików, a (wiele jak zdjęcia) zobaczysz okno dialogowe przesyłania plików:

Okno dialogowe File Block Uploader.

Jeśli umieścisz tutaj swój plik, pojawi się on w doskonałej przeglądarce jako składnik wbudowany:

Osadź za pomocą bloku plików.

Zobaczysz również pełną ścieżkę URL pliku oraz przycisk Pobierz . Możesz to dostosować w dedykowanych opcjach Bloku na pasku bocznym edytora:

Ustawienia Blokowania plików na pasku bocznym WordPress.

Naszym zdaniem jest to lepsza alternatywa niż osadzanie Google Travel, ale zapewnia jedynie lekkie wrażenia z pracy, które można znacznie lepiej wykorzystać za pomocą wtyczki. Zbadajmy ten wybór później.

3. Praca z wtyczkami do osadzania plików danych PDF w WordPress

Jeśli chcesz osadzić pliki danych PDF w WordPressie na częstym fundamencie lub chcesz dostarczyć najlepszą wiedzę ekspercką, wtyczka jest dobrym rozwiązaniem. Jest kilka do wyboru iw rzeczywistości każde z rozwiązań będzie bardzo dobrym rozwiązaniem.

Niemniej jednak lubimy PDF Embedder, ponieważ ma mnóstwo instalacji, wiele konstruktywnych ocen (i z tego powodu inni kupujący lubią wtyczkę) i ma typowe aktualizacje.

Wtyczka PDF Embedder.

Po zainstalowaniu i aktywacji wtyczki przejdź do strony Opcje> PDF Embedder w WordPress:

Łącze ustawień PDF Embedder w WordPressie.

W tym artykule nie ma ich zbyt wiele, ponieważ widz wydaje się być wspaniały po wyjęciu z pudełka. Powiedziawszy to, możesz poprawić takie czynniki, jak minimalne i większość wymiarów, niektóre konfiguracje specyficzne dla paska narzędzi i inne osoby:

Strona ustawień modułu PDF Embedder.

Aby osadzić plik PDF, w zasadzie dołącz blok PDF Embedder do swoich informacji i wybierz plik z programu do przesyłania:

Blok PDF Embedder pokazujący opcję otwarcia Biblioteki multimediów.

Zwróć uwagę, że możesz również sprawdzić poniższe ustawienia blokowania i dostosować je w razie potrzeby. Jeśli wcześniej nie dotykałeś ogólnoświatowych opcji, możesz wprowadzić kilka poprawek, aby znacznie lepiej dopasować pisemną treść:

Pasek boczny modułu PDF Embedder.

Daje to jednak kontrowersyjną lepszą przeglądarkę niż osadzanie na Dysku Google lub rodzima opcja WordPress. Co więcej, możesz przejść na wyższy model PDF Embedder, aby uzyskać dodatkowe funkcje, większą pomoc i wiele więcej.

Jak osadzić w WordPressie pliki PDF, które są czytelne i zoptymalizowane?

Tak jak poprawiasz swoje ilustracje, zdjęcia i filmy, będziesz również chciał znacznie ulepszyć swoje pliki PDF. Oto kilka szybkich strategii, które pomogą Ci wyświetlać zwarte dokumenty, które dobrze wyglądają i zachowują bogactwo:

  • Twoja typografia jest krytyczna – tak samo ważna jak kroje pisma w Twojej witrynie. Sugerujemy trzymanie się dwóch czcionek w całości i ustalenie ich w wymiarach odpowiednich dla wszystkich oczu.
  • Pliki PDF można ulepszać tak samo, jak ilustracje lub zdjęcia. Czasami plik PDF może mieć rozmiar w megabajtach, więc chcesz, aby był jak najmniejszy. ShortPixel ma świetny kompresor PDF, który pasuje do jego miażdżącej optymalizacji graficznej.
  • Skoro o tym mowa, jeśli włączysz elementy wizualne do swojego pliku PDF, upewnij się, że mają one również idealną optymalizację.

Podsumowując, traktuj plik PDF tak, jak publikację lub witrynę na swojej stronie internetowej: zoptymalizuj go pod kątem wyglądu i szybkości i naprawdę nie obawiaj się interaktywności. Plik będzie renderował się efektywnie i zapewni identyczną dynamikę, jak lokalny fragment treści pisanej.

W podsumowaniu

Nie ma znaczenia, jakie media wrzucasz na swoją stronę internetową WordPress, będziesz w stanie z tym operować (odporność na SVG). Jeśli chodzi o pliki PDF, WordPress oferuje niesamowite natywne środowisko pracy, które może być wszystkim, czego chcesz. Z drugiej strony, jeśli chcesz mieć dodatkowe, w pełni zaprezentowane doświadczenie pracy podczas osadzania plików PDF w WordPress, możesz zastosować inne kryteria.

Na przykład, jeśli przechowujesz swoje dokumenty tylko na Dysku Google, możesz „na stałe zakodować” osadzony kod HTML w swoich artykułach. Daje to niesamowitą przeglądarkę, ale nie można jej dostosować i może zakończyć się uszkodzonymi linkami przychodzącymi i brakiem multimediów, jeśli wyjmiesz plik później. Alternatywnie wtyczka zapewni Ci wszystkie funkcje, których potrzebujesz. PDF Embedder jest znakomity, ale są też inne opcje. Wymienione tutaj działanie ma na celu podjęcie decyzji o najlepszym 1 dla Twoich wymagań i przepływu pracy.

Czy chcesz osadzić pliki danych PDF w WordPressie, a jeśli tak, na jakie rozwiązanie się zdecydujesz? Daj nam znać w części komentarzy poniżej!