PDF in WordPress pagina plaatsen (met en zonder plugins)

Bijgewerkt: 22 mei 2023

Wil je PDF's toevoegen aan je WordPress website? Bijvoorbeeld een e-book, brochure, handleiding, formulier, checklist of uitgebreide project- of productinformatie?

In de onderstaande video laat ik je 3 manieren zien waarop je in WordPress PDF's kunt toevoegen aan je pagina of bericht en welke plugins en blokken je nodig hebt om een PDF te uploaden in WordPress:

  1. PDF’s na klikken op de link tonen in een nieuw tabblad van de browser;
  2. Een knop maken met een link naar de PDF;
  3. PDF’s na klikken op de link of knop tonen in een "pop-up" venster (lightbox);
  4. De inhoud van de PDF via een PDF viewer direct op je website tonen

Eerstvolgende groepscursus WordPress:
Dinsdag 13 juni 2023 (9.00u – 17.00u)
€378 €348 per persoon exclusief BTW
Vanaf 15 juli 2023 gaat de prijs omhoog

Een PDF in WordPress direct zichtbaar maken op een pagina

Als je het standaard WordPress blok met de naam 'Bestand' gebruikt, dan wordt de inhoud van het PDF-bestand direct zichtbaar gemaakt op de pagina van je WordPress website. Dit wordt 'insluiten' of 'embedden' genoemd. Je hoeft als bezoeker van de pagina dan niet eerst ergens op te klikken om de PDF te openen. Je kunt direct door de PDF scrollen.

Helaas is er een beperking. WordPress geeft aan dat ingesloten PDF's op de meeste mobiele telefoons en tablets niet getoond worden:

PDF in WordPress wordt niet weergegeven op mobiel

Dit is op te lossen door deze plugin te installeren: PDF Viewer Block for Gutenberg:

Plugin om PDF in WordPress te plaatsen

Deze plugin voegt het blok 'PDF viewer' toe aan de block editor. Hoe je hiermee vervolgens een PDF toevoegt aan WordPress, zie je in deze video.

Als je het PDF viewer blok gebruik, dan is de PDF ook direct op mobiel goed zichtbaar en kun je direct door de inhoud scrollen.

Bladeren door een PDF ('Flipbook')

Wil je bezoeker niet laten scrollen door je PDF maar door middel van een 3D animatie laten bladeren door de PDF alsof het een boek is? Dan is de gratis plugin 'PDF Viewer & 3D PDF Flipbook – DearPDF' een aanrader:

Dit zijn de stappen om een bladerbare PDF toe te voegen aan je website:

  1. Installeer de DearPDF plugin
  2. Maak een DearPDF 'post'
  3. Voeg de link in naar je PDF
  4. Kopieer de shortcode en plak deze in de pagina waar je de PDF wilt tonen
  5. Klik op de knop Publiceren/bijwerken en je PDF flipbook wordt getoond!

In de video leg ik het uit:

Meer WordPress tips

Regelmatig vragen over WordPress? En geen zin of tijd om uit te zoeken waar je de juiste templates, plugins, blokken en knoppen vindt? Dan is een van deze interactieve cursussen WordPress een slimme volgende stap:

Groepscursus, hele dag

Individueel, halve dag

Verder lezen:

Nieuw in WordPress 6.2

Nieuw in WordPress 6.2

Inhoudsopgave toevoegen aan een WordPress bericht of pagina

Inhoudsopgave toevoegen aan een WordPress bericht of pagina

Zo verdien je geld met je website in 2023

Zo verdien je geld met je website in 2023

Handiger worden met WordPress? Hiermee bouw je sneller je pagina’s op.

Handiger worden met WordPress? Hiermee bouw je sneller je pagina’s op.

Nieuw in WordPress 6.1

Nieuw in WordPress 6.1

Een LinkedIn bijdrage insluiten in WordPress ("embedden")

Een LinkedIn bijdrage insluiten in WordPress ("embedden")

Wat is een landingspagina (en wanneer gebruik je ze)?

Wat is een landingspagina (en wanneer gebruik je ze)?

WordPress beveiligen: 13 tips om hackers buiten de deur te houden

WordPress beveiligen: 13 tips om hackers buiten de deur te houden

9 gedachten over “PDF in WordPress pagina plaatsen (met en zonder plugins)”

  1. Beste Martijn, goed initiatief. Deze tip ga ik zeker toepassen. Hartelijke dank. Veel succes met doorgeven van je kennis aan de cursisten. Vriendelijke groeten, Jos van den Broek.

    Beantwoorden
  2. Beste Martijn,
    Kun je mij ook vertellen hoe de shortcodes ultimade in de nieuwe editor van WordPress werkt?
    Ik krijg niet die extra button te zien en ook document is bij mij uit de shortcodes verdwenen.
    Mijn website is in opbouw

    Beantwoorden
    • Beste Henk, dank voor je reactie. Ik heb onder de video een korte toelichting toegevoegd waarin ik uitleg hoe je de shortcode die genoemd wordt in de video kunt toevoegen als je de "nieuwe" WordPress 5 Gutenberg block editor gebruikt.

      Beantwoorden
    • Dank voor je reactie. Ik heb onder de video een korte toelichting toegevoegd waarin ik uitleg hoe je de shortcode die genoemd wordt in de video kunt toevoegen als je de "nieuwe" WordPress 5 Gutenberg block editor gebruikt.

      Beantwoorden

Plaats een reactie