Als je op zoek bent naar het insluiten van een PDF-document op Elementor, dan ben je hier aan het juiste adres. Hoewel we al hebben gedeeld hoe u dit kunt doen door een link toe te voegen, zullen we hier zien hoe u een PDF-document kunt insluiten in uw WordPress-blog met Elementor .
In de tutorial van vandaag zullen we ons concentreren op een plug-in die het werk doet en die " PDF Viewer For Elementor " heet.
Laten we beginnen.
Download en installeer de plug-in PDF-viewer voor Elementor
De eerste stap is het downloaden en installeren van de plug-in vanaf uw dashboard. U kunt deze taak rechtstreeks vanuit uw dashboard uitvoeren door naar de plug-ins te gaan en de naam "PDF Viewer For Elementor" te gebruiken.
Maak geweldige websites
Met de beste gratis paginabuilder Elementor
Begin nu
Dit is een zeer eenvoudige plug-in die geen configuratie nodig heeft. Het is niet nodig om u eraan te herinneren dat u Elementor op uw WordPress-installatie moet hebben geactiveerd.
Bewerk/maak een pagina met Elementor om een PDF in te sluiten
Nu gaan we een bestaande pagina maken of bewerken met Elementor. Zodra PDF Viewer For Elementor is ingeschakeld, ziet u twee nieuwe componenten toegevoegd aan de basiselementen van Elementor.
Zoals je kunt zien, voegt de plug-in 2 nieuwe elementen toe aan Elementor, maar wanneer moet je er een gebruiken. Dat zullen we hieronder uitzoeken.
Wanneer moet ik het PDF-viewerelement gebruiken?
Met het element "PDF Viewer" kunt u een iframe toevoegen dat Google Docs previewer gebruikt om een link naar uw PDF-document te gebruiken.
U hoeft alleen een URL op te geven of uw bestand op uw media te uploaden. U kunt ook de grootte van de previewer en de uitlijning configureren.
Hoewel deze oplossing redelijk goed werkt, heeft deze enkele nadelen:
- Het werkt niet als je WordPress-blog lokaal wordt gehost
- Het is afhankelijk van een externe website die mogelijk niet meer werkt
- Het laden van PDF kan traag zijn
Als je het goed vindt om een externe service te gebruiken voor het weergeven van je PDF, dan is deze oplossing iets voor jou.
Wanneer PDFjs Viewer gebruiken?
Het tweede element dat door deze plug-ins wordt toegevoegd, is PDFjs Viewer. Zoals de naam al doet vermoeden, vertrouwt deze oplossing op het gebruik van Javascript om uw PDF-document in te sluiten. De oplossingen hebben dezelfde instellingen als het vorige element, maar hebben het voordeel dat ze lokaal werken.
Hier kun je alleen de bestanden van je media kiezen om die als PDF in te sluiten. Deze oplossing heeft ook enkele nadelen:
- Het werkt niet als de browser geen Javascript uitvoert (de meeste moderne browsers draaien Javascript)
- Voeg meer bestanden toe om te downloaden en mogelijk meer verzoeken aan de server.
Voorbeelden van PDF-voorbeelden
Hier ziet u hoe uw voorvertoningen eruit zullen zien voor beide elementen die zijn toegevoegd door PDF Viewer voor Elementor.
Voorbeeld met Element PDF Viewer
dit voorbeeld is acceptabel en biedt onderaan navigatieknoppen die handig zijn om door pagina's te navigeren.
Voorvertoning met PDFjs Viewer
De "PDFjs Viewer" biedt ook navigatieknoppen, maar bevat een zoekknop die ontbreekt in het vorige voorbeeld.
Andere plug-ins om pdf's in WordPress in te sluiten
Als deze plug-in niet precies is wat u zoekt, dan zijn de volgende plug-ins waarschijnlijk de oplossing die u zoekt.
PDF-viewer voor WordPress
PDF Viewer voor WordPress is een premium PDF Reader-plug-in voor WordPress op CodeCanyon (beschikbaar) sinds 2014. Met deze plug-in kunt u PDF-bestanden van uw WordPress-website weergeven en insluiten met een moderne PDF Reader en FlipBook.
Belangrijkste kenmerken:
- Sociaal delen in-/uitschakelen
- Afdrukoptie in-/uitschakelen
- Downloadoptie in-/uitschakelen
- Presentatiemodus in-/uitschakelen
- Zoekoptie in-/uitschakelen
- Logo inschakelen/uitschakelen Aanpasbaar
- Shortcode om een tekstlink toe te voegen aan uw pdf-bestand op elke post/pagina
- Volledig responsieve PDF-viewer
- Stijl en pas alle items aan.
- Compatibel met de meeste browsers
- Snelle en soepele gebruikerservaring
PDF Embed - WordPress PDF Viewer-plug-in
Elfsight PDF Embed voegt een eenvoudige methode toe om een PDF-bestand op de pagina van uw website weer te geven. Met slechts een paar klikken worden uw documenten op de site gepubliceerd, waar gebruikers ze kunnen zien en downloaden
Belangrijkste kenmerken:
- Inheemse widget
- Compatibel met Premium-thema's
- Shortcode beschikbaar
- WordPress Guttenberg-editor
- Ondersteund visueel componist
PDF-embedder
Met PDF Embedded kunt u PDF's uploaden en ze rechtstreeks in uw site insluiten, het is zo eenvoudig als het toevoegen van afbeeldingen! PDF's worden automatisch aangepast aan hun natuurlijke grootte en vorm of vullen de beschikbare breedte als ze te groot zijn. Optioneel kunt u een breedte instellen en wordt er automatisch een hoogte berekend. De vorm wordt opnieuw berekend wanneer de grootte van de pagina door de gebruiker wordt aangepast.
Deze plug-in wordt geleverd met een premium-versie die meer functies heeft.
Samenvatting
Welke van de volgende oplossing gaat u gebruiken? Heeft u aanbevelingen? Laat het ons weten in de reacties. Vergeet ons niet te volgen op onze sociale media-accounts: Facebook en Twitter .
