Het kan voorkomen dat u een pdf-bestand in uw bericht of pagina wilt insluiten:
- Een boekauteur wil lezers misschien een gratis exemplaar geven.
- Om productcatalogi aan uw website toe te voegen.
- Om uw creaties in pdf-formaat met uw klanten te delen.
- U kunt een reisbureau runnen en u wilt de routebeschrijving van de toeristische arrangementen bekijken.
Maar er is een probleem !
Hoewel u met WordPress audio, video's en natuurlijk afbeeldingen kunt insluiten, is het niet mogelijk om PDF-bestanden in uw berichten en pagina's in te sluiten. Deze functie is op dit moment niet beschikbaar, misschien wordt deze in de toekomst toegevoegd.
Als u een PDF-bestand wilt toevoegen, kunt u het bestand uploaden met de optie Voeg een medium toe, voeg het in en de link naar dit bestand wordt aan je pagina toegevoegd. En uw bezoekers kunnen het downloaden of het bestand in de webbrowser bekijken wanneer ze uw website verlaten.
Maar wat als u PDF-bestanden in uw artikelen wilt insluiten en uw bezoekers deze wilt laten zien zonder uw website te verlaten? Is hier een oplossing voor?
Het korte antwoord is YES.
Dus in dit bericht laten we u zien hoe u een PDF-bestand kunt insluiten in uw WordPress-berichten of -pagina's. Voordat u begint, moet u waarschijnlijk een goed opgemaakt en net PDF-document maken met een PDF-editor. Dan ben je klaar om het aan je artikelen toe te voegen met of zonder een plug-in te gebruiken.
Maar eerder, als je WordPress nog nooit hebt geïnstalleerd, ontdek je Hoe maak je een WordPress blog 7 stappen te installeren et Hoe te vinden, installeren en activeren van een WordPress theme op uw blog
Ga dan terug naar waarom we hier zijn.
Hoe u een PDF-bestand toevoegt met een plug-in
Er zijn veel plug-ins die u kunt gebruiken om een PDF-bestand aan uw WordPress-bericht toe te voegen.
We zullen echter gebruiken WordPress PDF Embedder-plug-in. Il s'agit d'un WordPress Plugin gratis die beschikbaar is in de WordPress Plugin Directory. Het beste van deze plug-in is dat hij javascript gebruikt om zijn werk te doen en geen service of iframes van derden.
Stap 1: Installeer de Embedder PDF-plug-in
Log in op uw WordPress-dashboard en ga naar het menu Extensies> Toevoegen zoeken PDF Embedder in het zoekvak. Zodra u de plug-in heeft gevonden, hoeft u deze alleen maar te installeren en te activeren. U kunt ook onze stapsgewijze handleiding ontdekken over het installeren van een WordPress-plug-in.
Stap 2: configureer de plug-in
Hoewel u uw PDF-bestanden kunt insluiten nadat u deze plug-in heeft geïnstalleerd, kunt u eerst de instellingen wijzigen om ze er modern uit te laten zien. Ga hiervoor naar Instellingen> PDF insluiten in de linkerzijbalk van uw WordPress-dashboard.
Met de gratis versie van deze plug-in kunt u het volgende wijzigen:
- Breedte en hoogte - U kunt de breedte en hoogte van de PDF-viewer wijzigen. Het accepteert gehele waarden (in pixels) of max (100% breedte).
- Bar locatie Tools - Met de werkbalk van deze PDF-viewer kan uw publiek inzoomen of teruggaan en naar de volgende of vorige pagina gaan. U kunt de werkbalk boven, onder of beide plaatsen.
- Plaats de muisaanwijzer op de werkbalk - U kunt selecteren of u wilt dat de werkbalk alleen zichtbaar is als de muis zich boven het document bevindt.
Dit zijn nu de universele instellingen. Maar wat als u de instellingen voor een specifiek bestand wilt wijzigen? Nou, je kunt dat doen met behulp van shortcodes. Hier is een voorbeeld :
[pdf-embedder url = "http://yoursite.com/wp-content/uploads/2019/01/April.pdf» width = "500" toolbar "" top "toolbarfixed" on "]
In het bovenstaande voorbeeld is de breedte ingesteld op 500px, is de locatie van de werkbalk bovenaan ingesteld en wordt de werkbalk vastgezet. U kunt ook de werkbalk onderaan instellen en de vaste werkbalk aan het einde.
Deze plug-in heeft ook een premium-versie die functies biedt zoals de downloadknop, weergave- en downloadtellers, continu bladeren door pagina's en links die in een nieuw venster worden geopend.
Stap 3: Sluit een PDF-bestand in uw bericht of pagina in
Als u klaar bent met de instellingen, kunt u beginnen met de klus. Of u nu de klassieke editor of de Gutenberg-editor gebruikt, u kunt deze plug-in eenvoudig gebruiken om het gewenste resultaat te bereiken.
Als u gebruik maken van klassieke editor, is het insluiten van een PDF-bestand vergelijkbaar met wat u zou doen voor een afbeelding of video.
Maak eerst een nieuw bericht of open een bestaand bericht en klik op de knop Voeg media toe.Upload uw pdf-bestand, klik op Invoegen in de knop publicatie, en een shortcode zal aan je bericht worden toegevoegd.
Dat is alles - u kunt nu een voorbeeld van uw bericht bekijken om te controleren of deze plug-in correct werkt of niet.
Hoe zit het met Gutenberg-editor ? Welnu, de Embedder PDF-plug-in wordt geleverd met een specifiek blok. Maak dus een nieuwe publicatie aan en klik op het icoon Blok toevoegen. Zoek dan het blok PDF insluiten en selecteer het.
Klik ten slotte op het blok om uw PDF-bestand te selecteren (of te downloaden) en uw werk is klaar.
Dit is het eindresultaat, ongeacht welke editor u gebruikt:
Enkele populaire plug-ins voor PDF-viewers
Hoewel de WordPress Plugin PDF Embedder doet goed werk, het is altijd goed om een paar alternatieven te hebben. Dus laat me nu wat delen WordPress plugins Premium PDF-viewer, in willekeurige volgorde:
1. DK PDF-generator
PDF-versies van uw berichten maken en deze delen in deelgemeenschappen kunnen een geweldige optie zijn verkeersmanagement.
Le WordPress Plugin premium DK PDF Generator stelt u in staat om eenvoudig pagina's, berichten en aangepaste berichttypen te kiezen die kunnen worden gedeeld of gedownload als PDF.
Zie ons artikel over 30 dingen te doen op uw blog posts na hun publicatie
Hiermee kunt u zelfs een omslag en inhoudsopgave (met interactieve links) toevoegen aan uw PDF-bestand.
Downloaden | demonstratie | web hosting
2. PDF-productcatalogus voor WooCommerce
Het is een zeer nuttige premium WordPress-plug-in van WooCommerce, die u zal helpen om de volledige lijst met producten van uw online winkel in PDF-formaat te downloaden.
Deze plug-in wordt geleverd met vijf standaard PDF-sjablonen, maar u kunt uw eigen volgens uw behoeften maken met eenvoudige HTML en CSS.
Lees ook onze 9 WordPress plugins om uw product catalogus te beheren
Het biedt u ook een optie voor het maken en invoegen van shortcodes om PDF-downloadknoppen aan elk artikel of elke pagina toe te voegen.
Downloaden | demonstratie | web hosting
3. WordPress social sharing en print postpagina naar pdf-plugin
Deze premium WordPress-plug-in vertrekt exclusieve WordPress social sharing plug-ins, de eenvoudigste en geoptimaliseerd met geweldige functies die u zult zien door de demo te raadplegen. Het biedt veel functies, zoals het volledig delen van een blogpost of webpagina op elk sociaal netwerk en het downloaden hiervan in pdf-indeling.
Met deze WordPress-plug-in kunt u websitebezoekers eenvoudig omleiden naar uw sociale media-accounts en vergroot uw aanwezigheid op de laatste
Downloaden | demonstratie | web hosting
Hoe PDF-bestand toevoegen zonder plug-in
Welnu, als u een van degenen bent die nog steeds op zoek zijn naar oplossingen zonder plug-ins, dan is deze sectie iets voor u. We kunnen zeker een PDF-bestand toevoegen aan WordPress-berichten en -pagina's zonder nog een andere plug-in te installeren.
Het idee is simpel: u moet uw pdf-bestand uploaden naar uw Google Drive-account en vervolgens de iframe-code gebruiken om dit bestand in uw website in te sluiten. Hoewel deze methode veilig is, is het enige probleem dat er iframes worden gebruikt.
stap 1 : Ga naar Google Drive en log in op uw account (u hoeft zich alleen aan te melden voor een Gmail-account om gratis 15 GB aan ruimte).
stap 2 : Upload het pdf-bestand dat u in uw WordPress-bericht wilt insluiten. Klik hiervoor op Nieuw in de linkerzijbalk van uw Google Drive-account, klik op Import a file en upload het bestand vanaf uw computer.
stap 3 : Nadat het bestand is geüpload naar uw Google Drive, dubbelklikt u erop om een voorbeeld van het bestand te bekijken. Klik nu op de 3 verticale stippen (Meer acties) in de rechterbovenhoek en selecteer Open in een nieuw venster.
stap 4 : Klik in het nieuwe venster op Meer acties (het 3 verticale punten in de rechterbovenhoek) en klikken Delen.
stap 5 : Er wordt een pop-up geopend met de naam "Delen met mensen en groepen" en "Een link ophalen". Klik hier op Bewerken voor iedereen met de link in het gedeelte "Een link ophalen". Dit is om ervoor te zorgen dat iedereen met de pdf-bestandslink het kan bekijken. Als u dat niet doet, wordt het bestand privé gehouden en niet zichtbaar voor uw websitepubliek.
U zou de volgende bevestiging moeten zien:
Als het klaar is, klikt u op afgewerkt.
stap 6 : Dit is het moment om de insluitcode te krijgen die we in ons bericht gaan gebruiken. Om dit te krijgen, klikt u opnieuw op Meer acties, selecteer Integreer een element.
stap 7 : Hierdoor wordt een pop-upvenster geopend waarin u de iframe-code kunt kopiëren.
stap 8 : Ga naar uw WordPress-dashboard en maak of bewerk het bericht of de pagina waar u het pdf-bestand wilt insluiten. Als je gebruikt klassieke editor, ga gewoon naar het tabblad Tekst en plak de code:
voor Gutenberg-redacteur, je moet een nieuw blok toevoegen, zoeken naar aangepaste html en tot slot de iframe-code toevoegen aan het aangepaste HTML-blok:
stap 9 : Dat is alles: bekijk nu een voorbeeld van uw bericht of pagina om uw pdf-bestand te controleren.
Managementsamenvatting
Met WordPress kunt u uw PDF-bestanden bijvoegen, maar niet insluiten. Deze tutorial lost dit probleem echter op. Het laat zien hoe u uw PDF-bestanden in uw berichten of pagina's kunt insluiten, net als uw afbeeldingen en video's, met of zonder een WordPress-plug-in.
Ontdek ook enkele premium WordPress-plug-ins
U kunt andere gebruiken WordPress plugins om een moderne uitstraling te geven en de afhandeling van uw blog of website te optimaliseren.
We bieden je hier enkele premium WordPress-plug-ins die je daarbij kunnen helpen.
1. Back-up en herstel
Back-up en herstel is een premium WordPress-plug-in die u zal helpen plan uw website back-ups naar een lokale server of naar verschillende cloudservers zoals Dropbox, Google Drive en Amazon S3. U kunt uw website, inclusief de database, dus met slechts één klik herstellen vanaf bestaande herstelpunten.
Het downloaden van uw website, database en al uw back-ups is ook mogelijk. Deze plug-in helpt u ook om de back-up- en herstelprocessen op een gemakkelijke, veilige en betrouwbare manier te beheren.
De functies zijn onder meer: volledige website-back-up, Amazon S3-back-up, Google Drive, dropbox, de schijfruimtemanager, het automatisch verwijderen van oude back-ups, het volledig herstellen van uw website, ondersteuning voor multisite, enz ...
Downloaden | demonstratie | web hosting
2. Geel potlood: visuele CSS-stijleditor
Yellow Pencil is een visuele stijleditor die u met elk thema kunt gebruiken om uw website binnen enkele minuten te personaliseren (lettertypen, kleuren, animaties en meer…).
Deze premium WordPress-plug-in maakt CSS-stijlen aan achtergrond terwijl je met de kleuren speelt alsof het een spel is.Het is ontworpen voor zowel beginners als ervaren gebruikers.
Ontdek ook onze 5-plug-ins WordPress om meldingen te tonen
Er is geen kennis van codering vereist. De WordPress-plug-in heeft echter een goede CSS-editor voor degenen die graag coderen. U kunt live coderen met deze editor en uw CSS aanpassen.
Downloaden | demonstratie | web hosting
3. Quack Chat Live Chat-systeem
Quack Chat is een WordPress-plug-in premium die eenvoudig integreert met uw website en een gebruiksvriendelijke interface biedt voor uw klanten. Het is een online chat die vanaf elke computer of elk mobiel apparaat kan worden gebruikt.
Als functionaliteiten biedt het onder andere: ondersteuning voor directe meldingen via berichten of e-mails, een hoorbaar meldingssysteem, automatische archivering (geschiedenis) van chats, een gebruiksvriendelijk controlepaneel, een aanpasbaar chatvenster, een automatisch en aanpasbaar begroetingsbericht, ondersteuning voor automatisch scrollen op de chatpagina etc ...
Downloaden | demonstratie | web hosting
Aanbevolen bronnen
Lees meer over andere aanbevolen bronnen om u te helpen bij het bouwen en beheren van uw website.
- Drip-inhoud toevoegen aan een WordPress-website
- Hoe een cache in WordPress te wissen
- 10 WordPress WooCommerce-plug-ins om op uw blog te gebruiken
- 6 WordPress-plug-ins om valuta op een blog te converteren
Conclusie
Alstublieft ! Dat is het voor deze tutorial. We hopen dat dit artikel je heeft geholpen bij het insluiten van PDF-bestanden in WordPress. Aarzel niet om deel met je vrienden op je favoriete sociale netwerken.
U kunt echter ook overleggen onze middelen, als u meer elementen nodig heeft om uw projecten voor het maken van internetsites uit te voeren, raadpleeg dan onze gids op Creatie van WordPress blogs.
Als u suggesties of opmerkingen heeft, laat ze dan achter in onze rubriek commentaires.
...