Może się zdarzyć, że zechcesz osadzić plik PDF w swoim poście lub na stronie:
- Autor książki może chcieć dać czytelnikom bezpłatny egzemplarz.
- Aby dodać katalogi produktów do swojej witryny.
- Aby udostępniać swoje dzieła w formacie PDF swoim klientom.
- Możesz prowadzić biuro podróży i chcieć zobaczyć trasę pakietów turystycznych.
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 Twoich postach i stronach. Ta funkcja nie jest obecnie dostępna, być może zostanie dodana w przyszłości.
Jeśli chcesz dodać plik PDF, możesz przesłać plik za pomocą opcji Dodaj nośnik, wstaw go, a link do tego pliku zostanie dodany do Twojej strony. A Twoi goście będą mogli go pobrać lub wyświetlić w przeglądarce internetowej po opuszczeniu Twojej witryny.
Ale co, jeśli chcesz osadzić pliki PDF w swoich artykułach i pozwolić odwiedzającym je zobaczyć bez opuszczania witryny? Czy istnieje rozwiązanie tego?
Krótka odpowiedź brzmi TAK.
W tym poście pokażemy, jak osadzić plik PDF w swoich postach lub stronach WordPress. Zanim zaczniesz, prawdopodobnie będziesz musiał utworzyć dobrze sformatowany i schludny dokument PDF za pomocą edytora PDF. Wtedy będziesz gotowy, aby dodać go do swoich artykułów za pomocą wtyczki lub bez niej.
Ale wcześniej, jeśli nigdy nie instalowałeś WordPress, odkryj Jak zainstalować WordPress blogu kroki 7 et Jak znaleźć, zainstalować i aktywować WordPress na swoim blogu
Wróćmy do tego, dlaczego tu jesteśmy.
Jak dodać plik PDF za pomocą wtyczki
Istnieje wiele wtyczek, których możesz użyć, aby dodać plik PDF do swojego posta na WordPress.
Jednak użyjemy Wtyczka WordPress PDF Embedder. Jest to WordPress Plugin darmowy, który jest dostępny w katalogu wtyczek WordPress. Najlepszą rzeczą w tej wtyczce jest to, że używa javascript do wykonywania swojej pracy, a nie usług stron trzecich lub ramek iframe.
Krok 1: Zainstaluj wtyczkę Embedder PDF
Zaloguj się do pulpitu WordPress i przejdź do menu Rozszerzenia> Dodaj poszukiwanie Osadzacz PDF w polu wyszukiwania. Po znalezieniu wtyczki wystarczy ją zainstalować i aktywować. Możesz również zapoznać się z naszym przewodnikiem krok po kroku, jak zainstalować wtyczkę WordPress.
Krok 2: skonfiguruj wtyczkę
Chociaż możesz rozpocząć osadzanie plików PDF po zainstalowaniu tej wtyczki, możesz najpierw zmienić ustawienia, aby wyglądały nowocześnie. Aby to zrobić, przejdź do Ustawienia> Osadź PDF z lewego paska bocznego pulpitu WordPress.
Darmowa wersja tej wtyczki umożliwia modyfikowanie następujących elementów:
- Szerokość i wysokość - Możesz zmienić szerokość i wysokość przeglądarki PDF. Akceptuje wartości całkowite (w pikselach) lub max (100% szerokości).
- Lokalizacja baru Narzędzia - pasek narzędzi tej przeglądarki plików PDF umożliwia odbiorcom powiększanie lub cofanie się i przechodzenie do następnej lub poprzedniej strony. Możesz umieścić pasek narzędzi na górze, na dole lub na obu.
- Najedź na pasek narzędzi - Możesz wybrać, czy chcesz, aby pasek narzędzi był widoczny tylko wtedy, gdy wskaźnik myszy znajduje się nad dokumentem.
Teraz są to ustawienia uniwersalne. Ale co, jeśli chcesz zmienić ustawienia dla określonego pliku? Cóż, 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 ustalony. Możesz także ustawić pasek narzędzi na dole, a stały pasek na końcu.
Ta wtyczka ma również wersję premium, która oferuje takie funkcje, jak przycisk pobierania, liczniki wyświetlania i pobierania, ciągłe przewijanie stron i linki otwierane w nowym oknie.
Krok 3: Osadź plik PDF w swoim poście lub na stronie
Gdy skończysz z ustawieniami, możesz rozpocząć pracę. Teraz, niezależnie od tego, czy używasz klasycznego edytora, czy edytora Gutenberga, możesz łatwo użyć tej wtyczki, aby osiągnąć pożądany rezultat.
Jeśli używasz klasyczny edytorosadzanie pliku PDF jest podobne do tego, co w przypadku obrazu lub wideo.
Najpierw utwórz nowy post lub otwórz istniejący, a następnie kliknij przycisk Dodaj media.Prześlij swój plik PDF, kliknij Wstaw na przycisku publikacja, a do Twojego posta zostanie dodany krótki kod.
To wszystko - możesz teraz wyświetlić podgląd swojego posta, aby sprawdzić, czy ta wtyczka działa poprawnie, czy nie.
Co powiesz na Redaktor Gutenberg ? Cóż, wtyczka Embedder PDF zawiera określony blok. Stwórz więc nową publikację i kliknij ikonę Dodaj blok. Następnie znajdź blok WBUDUJ PDF i wybierz go.
Na koniec kliknij blok, aby wybrać (lub pobrać) plik PDF i praca jest zakończona.
Oto wynik końcowy, niezależnie od używanego edytora:
Niektóre popularne wtyczki do przeglądarki plików PDF
chociaż WordPress Plugin PDF Embedder wykonuje dobrą robotę, zawsze dobrze jest mieć kilka alternatyw. Więc pozwól mi teraz podzielić się niektórymi WordPress wtyczki Premium Przeglądarka PDF, w przypadkowej kolejności:
1. Generator DK PDF
Tworzenie wersji PDF swoich postów i udostępnianie ich w społecznościach udostępniania może być świetną opcją zarządzanie ruchem.
Le WordPress Plugin Premium DK PDF Generator umożliwia łatwe wybieranie stron, postów, a także niestandardowych typów postów, które można udostępniać lub pobierać w formacie PDF.
Zobacz nasz artykuł na 30 rzeczy do zrobienia w swoich blogach po ich opublikowaniu
Dzięki nim możesz nawet dodać okładkę i spis treści (z interaktywnymi linkami) do swojego pliku PDF.
2. Katalog produktów PDF dla WooCommerce
Jest to bardzo przydatna wtyczka premium WordPress firmy WooCommerce, która pomoże Ci pobrać pełną listę produktów ze sklepu internetowego w formacie PDF.
Ta wtyczka zawiera pięć domyślnych szablonów PDF, ale możesz tworzyć własne według własnych potrzeb za pomocą prostego HTML i CSS.
Przeczytaj także nasze 9 WordPress wtyczki, aby zarządzać swoim katalogu produktów
Zapewnia również opcję tworzenia i wstawiania krótkiego kodu, aby dodać przyciski pobierania PDF do dowolnego artykułu lub strony.
3. Udostępnianie społecznościowe WordPress i drukowanie strony posta do wtyczki pdf
Wtyczka ta premia WordPress opuszcza ekskluzywne wtyczki do udostępniania społecznościowego WordPress, najprostszy i zoptymalizowany ze wspaniałymi funkcjami, które zobaczysz, przeglądając jego wersję demonstracyjną. Oferuje wiele funkcji, takich jak pełne udostępnianie postów na blogu lub stronie internetowej w dowolnej sieci społecznościowej oraz pobieranie ich w formacie PDF.
Dzięki tej wtyczce WordPress będziesz mógł łatwo przekierowywać odwiedzających stronę na swoje konta w mediach społecznościowych i zwiększ swoją obecność na tych.
Jak dodać plik PDF bez wtyczki
Cóż, jeśli jesteś jednym z tych, którzy nadal szukają rozwiązań bez wtyczek, ta sekcja jest dla Ciebie. Z pewnością możemy dodać plik PDF do postów i stron WordPress bez instalowania kolejnej wtyczki.
Pomysł jest prosty: musisz przesłać plik PDF na konto Dysku Google, a następnie użyć kodu iframe, aby osadzić ten plik w swojej witrynie. Chociaż ta metoda jest bezpieczna, jedynym problemem jest to, że używa ramek iframe.
krok 1 : Iść do Dysk Google i zaloguj się na swoje konto (wystarczy założyć konto Gmail, aby uzyskać bezpłatnie 15 GB miejsca).
krok 2 : Prześlij plik PDF, który chcesz osadzić w swoim poście na WordPress. Aby to zrobić, kliknij Nouveau na lewym pasku bocznym konta Dysku Google, kliknij Importuj plik i prześlij plik ze swojego komputera.
krok 3 : Po przesłaniu pliku na dysk Google kliknij go dwukrotnie, aby wyświetlić podgląd pliku. Teraz kliknij 3 pionowe kropki (Więcej akcji) w prawym górnym rogu i wybierz Otwórz w nowym oknie.
krok 4 : W nowym oknie kliknij Więcej akcji (plik 3 punkty pionowe w prawym górnym rogu) i kliknij Udział.
krok 5 : Otworzy się wyskakujące okienko „Udostępnij osobom i grupom” oraz „Uzyskaj link”. Kliknij tutaj Edytuj dla każdego, kto ma link w sekcji „Uzyskaj link”. Ma to na celu zapewnienie, że każdy, kto ma łącze do pliku PDF, będzie mógł go wyświetlić. Jeśli tego nie zrobisz, plik pozostanie prywatny i nie będzie widoczny dla odbiorców Twojej witryny.
Powinieneś zobaczyć następujące potwierdzenie:
Po zakończeniu kliknij skończony.
krok 6 : Nadszedł czas, aby pobrać kod osadzania, którego będziemy używać w naszym poście. Aby to uzyskać, kliknij ponownie Więcej akcji, wybierz Zintegruj element.
krok 7 : Spowoduje to otwarcie wyskakującego okienka, w którym możesz skopiować kod iframe.
krok 8 : Przejdź do pulpitu WordPress i utwórz lub edytuj wpis lub stronę, na której chcesz osadzić plik PDF. Jeśli użyjesz klasyczny edytor, po prostu przejdź do zakładki Tekst i wklej kod:
Wlać Redaktor Gutenberga, musisz dodać nowy blok, wyszukać niestandardowy kod HTML i na koniec dodać kod iframe w niestandardowym bloku HTML:
krok 9 : To wszystko: teraz wyświetl podgląd swojego posta lub strony, aby sprawdzić plik PDF.
streszczenie
WordPress umożliwia załączanie plików PDF, ale nie umożliwia ich osadzania. Jednak ten samouczek rozwiązuje ten problem. Pokazuje, jak możesz osadzać pliki PDF w swoich postach lub stronach, tak jak obrazy i filmy, z użyciem wtyczki WordPress lub bez niej.
Odkryj także niektóre wtyczki premium WordPress
Możesz użyć innych WordPress wtyczki aby nadać nowoczesny wygląd i zoptymalizować obsługę Twojego bloga lub strony internetowej.
Oferujemy tutaj kilka premium wtyczek WordPress, które pomogą Ci to zrobić.
1. Kopia zapasowa i przywracanie
Kopia zapasowa i przywracanie to dodatkowa wtyczka WordPress, która Ci pomoże zaplanuj kopie zapasowe swojej witryny do lokalnego serwera lub różnych serwerów w chmurze, takich jak Dropbox, Dysk Google i Amazon S3. Będziesz zatem mógł przywrócić swoją stronę internetową, w tym bazę danych, z istniejących punktów przywracania za pomocą jednego kliknięcia.
Możliwe będzie również pobranie Twojej strony internetowej, bazy danych i wszystkich kopii zapasowych. Ta wtyczka pomoże również w zarządzaniu procesami tworzenia kopii zapasowych i przywracania w prosty, bezpieczny i niezawodny sposób.
Jego funkcje obejmują: pełną kopię zapasową witryny, kopię zapasową Amazon S3, Dysk Google, Dropbox, menedżer miejsca na dysku, automatyczne usuwanie starych kopii zapasowych, całkowite przywrócenie witryny, obsługa wielu lokalizacjiItd ...
2. Żółty ołówek: Edytor stylów Visual CSS
Yellow Pencil to wizualny edytor stylów, którego możesz użyć z dowolnym motywem, aby spersonalizować swoją witrynę w ciągu kilku minut (czcionki, kolory, animacje i więcej…).
Ta specjalna wtyczka WordPress stworzy style CSS tło podczas zabawy kolorami, jakby to była gra. Został zaprojektowany zarówno dla początkujących, jak i doświadczonych użytkowników.
Odkryj także nasze Wtyczki 5 WordPress wyświetlać powiadomienia
Nie jest wymagana znajomość kodowania. Jednak wtyczka WordPress ma dobry edytor CSS dla tych, którzy lubią kodować. Możesz kodować na żywo za pomocą tego edytora i dostosowywać swój CSS.
3. System czatu na żywo Quack Chat
Quack Chat to Wtyczka WordPressa premium, który łatwo integruje się z Twoją witryną i oferuje przyjazny interfejs dla Twoich klientów. Jest to czat online, z którego można korzystać z dowolnego komputera lub urządzenia mobilnego.
Jako funkcje oferuje między innymi: obsługa natychmiastowych powiadomień za pośrednictwem wiadomości lub e-maili, system powiadomień dźwiękowych, automatyczna archiwizacja (historia) czatów, przyjazny dla użytkownika panel sterowania, konfigurowalne okno czatu, automatyczne i konfigurowalne powitanie, obsługa automatycznego przewijania na stronie czatu itd ...
Polecane zasoby
Dowiedz się o innych zalecanych zasobach, które pomogą Ci zbudować witrynę i zarządzać nią.
- Jak dodać zawartość kroplówki do witryny WordPress
- Jak wyczyścić pamięć podręczną w WordPress
- 10 wtyczek WordPress WooCommerce do wykorzystania na swoim blogu
- Wtyczki 6 WordPress do konwersji waluty na blogu
Wnioski
Tutaj! To wszystko w tym samouczku. Mamy nadzieję, że ten artykuł pomógł Ci osadzić pliki PDF w WordPress. Nie wahaj się udostępnij znajomym w swoich ulubionych sieciach społecznościowych.
Możesz jednak również skonsultować się nasze zasoby, jeśli potrzebujesz więcej elementów do realizacji projektów tworzenia stron internetowych, zapoznaj się z naszym przewodnikiem na temat Tworzenie bloga WordPress.
Jeśli masz sugestie lub uwagi, zostaw je w naszej sekcji commentaires.
...
