Winterkorting: €198 €148
Alle essentiële MailChimp vaardigheden in 50 videolessen. Vlot en goed zelf je nieuwsbrief maken!
Bekijk de cursus→

Trainer:
Martijn Baltes

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 12 maart 2024 (9.00u – 17.00u)
€378 per persoon exclusief BTW

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:

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

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

Wat is de beste WordPress backup plugin?

Wat is de beste WordPress backup plugin?

WordPress onderhouden (zelf doen of uitbesteden?)

WordPress onderhouden (zelf doen of uitbesteden?)

WordPress in de praktijk: kijk mee hoe ik mijn nieuwe homepage maak

WordPress in de praktijk: kijk mee hoe ik mijn nieuwe homepage maak

Een pop up maken in WordPress (eenvoudig en gratis met deze veelzijdige plugin)

Een pop up maken in WordPress (eenvoudig en gratis met deze veelzijdige plugin)

Google: SEO teksten laten schrijven door AI is ok, als het maar…

Google: SEO teksten laten schrijven door AI is ok, als het maar…

Sneller bouwen met WordPress patronen ("block patterns")

Sneller bouwen met WordPress patronen ("block patterns")

Nieuw in WordPress 6.2

Nieuw in WordPress 6.2

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