Hoe een PDF mooi laten weergeven op je WordPress website?

Wil je een PDF weergaven op je website toevoegen? Standaard kan WordPress dat niet. Als je een PDF toevoegt aan je website dan wordt deze als een link weergegeven. De link wordt dan geopend in een nieuw tabblad. 

Waarom een PDF bestand toevoegen aan je website?

Het toevoegen van een bestand aan je website kan handig zijn voor je bezoekers als ze war meer informatie willen hebben over bijvoorbeeld je bedrijf. Of andere informatie als een presentatie.

Het voordeel van een PDF weergave op je website is dat je bezoekers op je website blijven en dat hiermee de tijd van je bezoekers op je website wordt verhoogd. Dit is weer goed voor Google, dit is namelijk een van de kenmerken of je website wel of niet hoog gaat scoren in Google.

Met een viewer wordt het bestand direct geopend op je artikel of pagina. Bezoekers hoeven je site dus niet te verlaten om het bestand of presentatie te kunnen lezen.

Installeer de PDF viewer plugin

Om ervoor te zorgen dat het bestand wordt geopend op je website moet je een plugin downloaden. Hiervoor moet je gebruik maken van de PDF viewer plugin.

• Ga naar Plugins > Nieuwe plugin
• Zoek naar: PDF viewer plugin
• Klik op: Nu installeren
• Activeer de plugin

Om de instellingen van de plugin aan te passen ga je naar: Instellingen > PDF viewer.

Hier kun je de hoogte, de breedte van de plugin aanpassen. Daarnaast kun je ook aangeven dat de plugin niet wordt geactiveerd bij oudere versies van Internet Explorer. Deze versies zien dan gewoon de link naar het bestand in plaats van de actieve weergave.

Als je tevreden bent met de instellingen klik je op wijzigingen opslaan.

Hoe een PDF bestand toevoegen?

Om de PDF viewer te gebruiken moet je eerst natuurlijk een bestand toevoegen aan je website. Dit doe je op dezelfde manier als een foto.

Je klikt bovenaan op Add Media. Om een bestand toe te voegen.

Nadat je een bestand hebt geupload naar je website moet je de URL kopiëren. Vervolgens plaats je deze URL tussen de shortcodes [pdfviewer] [/pdfviewer].

Maak gebruik van onderstaande shortcode:

[pdfviewer]http://www.voorbeeldwebsite.nl/wp-content/uploads/2016/01/boek.pdf

Hierboven zie je het resultaat van de PDF weergave op je website. Als de afmetingen niet goed zijn dan kun je deze bij de instellingen aanpassen.

Ga jij deze optie toepassen op je website? Laat hieronder een reactie achter.