I WordPress kan du ladda upp och visa en mängd olika innehållstyper, inklusive video, bilder och ljudfiler. Tyvärr är det inte lika enkelt att hantera PDF-filer så om du har funderat över hur det går till är du inte ensam.

Det går att ladda upp pdf:er till mediabiblioteket, men när du laddar upp en PDF-fil till en sida eller ett inlägg kommer dokumentet enbart visa sig som en länk som man kan klicka på för att ladda ner filen eller öppna i en ny flik. Du kan inte se innehållet i pdf:en. Men bara för att WordPress inte har en inbyggd funktion för att bädda in och visa pdf-filer betyder det inte att det inte går.

Det enklaste sättet är att använda ett tillägg. Jag använder ofta tillägget PDF Embedder. Man kan också bädda in ett dokument med hjälp av iFrame-kod.

Bädda in en PDF i WordPress

Det snabbaste och mest effektiva sättet att bädda in en PDF i ett inlägg eller sida i WordPress är att använda ett tillägg. Med den här metoden kan du anpassa PDF-filens utseende och göra det enkelt att ladda upp dina filer.

Så här bäddar du in en PDF i WordPress i tre enkla steg:

1. Ladda ner och installera tillägget PDF Embedder
2. Gör några få inställningar för tillägget
3. Ladda upp och bädda in en pdf

Ladda ner och installera PDF Embedder

En av WordPress fördelar är att det nästan alltid finns flera tillägg som gör samma sak. Det gör att du kan välja det tillägg som ser ut och fungerar precis som du vill. Men när det handlar om att bädda in pdf:er rekommenderar jag tillägget PDF Embedder

PDF Embedder har mer än 200 000 aktiva installationer och betyget 4.5/5.0 stjärnor i WordPress bibliotek vilket visar att många använder tillägget och att de flesta är väldigt nöjda med det. Det bäddar också in PDF-filer som innehåller JavaScript, vilket gör att vi inte behöver iframes eller fler tillägg. Vi får helt enkelt bättre flexibilitet, anpassning och kontroll över utseendet på dokumenten.

För att ladda hem tillägget går du till Tillägg >> Lägg till nytt och söker efter PDF Embedder. När du hittat tillägget laddar nu ner och aktiverar det.

Du kan också ladda ner tillägget som zip-fil direkt från (https://wordpress.org/plugins/pdf-embedder/) och installera tillägget manuellt genom att gå till Tillägg >> Lägg till nytt >> Ladda upp och välja zip-filen och installera/aktivera. Men varför krångla till det när du kan ladda ner tillägget direkt inifrån WordPress?

Inställningar i PDF Embedder

Nästa steg att anpassa inställningarna i tillägget så att dina pdf-filer visas som du vill. För att hitta tilläggets inställningar går du till Inställningar >> PDF Embedder.

Under Huvudinställningar kan du ändra standardinställningarna för pdf:ens bredd och höjd.

Du kan också ställa in verktygsfältets placering och om det alltid ska vara synligt eller endast när man för musen över dokumentet. Det finns också en inställning om du vill visa en ”credit” till de som gjort tillägget. De flesta väljer att inte göra det.

Det är alla inställningar du kan göra i gratisversionen av det här tillägget. Det finns även en Premium-version av PDF Embedder som bl.a. lägger till en nedladdningsknapp för den som vill kunna ladda ner pdf:en, möjlighet att kunna lägga till externa länkar som öppnas i nya flikar/fönster, en räknare för visningar och nedladdningar och kontinuerlig skrollning i flersidiga pdf:er.

Bädda in en PDF i ett WordPress-inlägg eller sida

När vi gjort alla inställningar är det dags att ladda upp pdf-dokumentet. Gå till den sida eller inlägg där du vill visa en pdf.

När du installerar tillägget PDF Embedder får WordPress ett nytt block till blockredigeraren. Man hittar det nya blocket ”PDF Embedder” under Gemensamma block (kan även heta Vanliga block om du inte har uppdaterat WordPress).

Klicka på blocket så hamnar det i layouten. Som du ser står det ”Click here to Open Media Library to select to PDF”, alltså ”Klicka här för att välja PDF I mediabiblioteket”.

Inne i mediabiblioteket klickar du på fliken Ladda upp filer och laddar upp pdf-dokumentet precis på samma sätt som du laddar upp t.ex. en bild. Om du redan har laddat upp pdf:en kan du markera och välja den direkt i mediabiblioteket och sen klicka på Välj nere i högra hörnet.

Inne på sidan/inlägget kan du bara se en kortkod med sökvägen till dokumentet. För att se pdf:en klickar du på Förhandsvisa uppe till höger.

Som du ser visas pdf:en inne på sidan/inlägget. För att kunna se kontrollerna för du muspekaren över pdf-dokumentet. Längst ner ser du att du kan gå mellan dokumentets sidor och zooma i dokument.

Vill du göra fler inställningar för visningen kan du gå tillbaka i redigeringsläget, markera pdf-blocket och redigera blockinställningarna till höger på sidan. De inställningar du gör för det här dokumentet åsidosätter de standardinställningar du gjorde för tillägget under Inställningar.

Är en av dom som inte upptäckt fördelarna med blockredigaren och fortfarande använder den gamla WordPress-redigeraren ställer du dig på den plats i dokumentet där du vill visa pdf:en och klickar på Lägg till media. Ladda upp pdf:en eller välj en redan befintlig I mediabiblioteket. När du gör det kommer det läggas till en kortkod i redigeraren så du kan inte se pdf:en direkt inne på sidan. För att se pdf:en måste du förhandsgranska eller publicera och titta på sidan.

Om du är nöjd med visningen av pdf-filen sparar du och publicerar och sen är det klart.

Lägga till en nedladdningslänk

Som jag nämnde finns det en Premium-version som också lägger till en nedladdningslänk automatiskt under pdf:en. Om du kör gratis-versionen av det här tillägget måste du skapa den länken själv.

Skapa ett nytt block under pdf:en eller på den plats du vill lägga nedladdningslänken och välj blocket Stycke.

Skriv in texten för nedladdningslänken, ex: >> Ladda ner pdf:en ”xxxxxxxxxx” här och spara sidan/inlägget som Utkast.

Gå till mediabiblioteket Media >> Bibliotek. Leta upp pdf:en och klicka på den så kommer du till redigeringsfönstret för pdf:en. Där hittar du länken (sökvägen) till pdf-dokumentet. Kopiera sökvägen.

Gå tillbaka till sidan/inlägget som visar pdf:en och markera texten som ska bli nedladdningslänk och klicka efter det på länksymbolen.

Klistra in sökvägen och godkänn genom att klicka på den böjda pilen. Glöm inte att välja om du vill öppna länken i en ny flik. Sen kan du Publicera/Uppdatera och gå ut på webbplatsen och se resultatet.

Hur kan jag bädda in en PDF i WordPress utan ett tillägg?

Det finns dom som, av prestandaskäl, helst undviker att lägga till nya tillägg till sin WordPress. Om du inte vill använda ett tillägg, kan du bädda in en PDF i WordPress med iframe-kod!

Ett sätt att göra det är att använda Google Drive. Självklart måste du ha ett Google-konto för att få tillgång till Google Drive.
Gå till Google Drive och klicka på New >> File Upload och ladda upp ditt pdf-dokument.

När filen laddats upp kan du förhandsgranska den genom att dubbelklicka på dokumentet. Då öppnar pdf:en upp sig i ett förhandsvisningsfönster.

I förhandsvisningen ser du tre små prickar upp i övre högra hörnet. Klicka på de tre prickarna och välj ”Open in new window”

PDF-dokumentet öppnar upp sig i ett nytt fönster som ser förvillande likt ut det tidigare. Skillnaden ser du om du klickar på de tre små prickarna uppe i högra hörnet igen. Där kan du välja alternativet ”Embed item”.

Då öppnas ett nytt fönster med s.k. iframe-kod. Markera hela koden och kopiera den.

Gå tillbaka till WordPress och sidan där du vill bädda in pdf-dokumentet. Välj blocket som heter Anpassad HTML och klistra in koden.

Spara genom att Publicera/Uppdatera och sen kan du granska resultatet inne på webbplatsen.

Som du ser får inte hela pdf:en plats på höjden. Det ordnar du genom att redigera direkt i iFrame-koden. Om du tittar i koden ser du att det finns ett värde för ”height”. Ändra värden, uppdaterar och se om resultatet blir det du önskar. Gör om proceduren till du ser så mycket du önskar av dokumentet.

Bädda in fler dokumenttyper i WordPress

Den här texten har bara avhandlat hur man bäddar in pdf:er i WordPress. Hur gör man om man vill bädda in andra filformat? Som vanligt är lösningen ett tillägg.

Tillägget Embed any document gör det möjligt för sig att bädda in dokument i fler filformat som PDF, Word, Excel, Powerpoint och Ai. Anledningen till att jag inte rekommenderar det här i första hand för pdf:er är att jag tycker att PDF Embedder gör det lite enklare. Men ska du bädda in fler dokument-typer än bara pdf:er är det här ett mycket bra alternativ.

Och på samma sätt som vi gjorde med pdf:en kan du ladda upp vilket Office-dokument som helst på Google Drive och bädda in med iFrame-kod precis som vi gjorde med pdf:en ovan.

>>Vi har också en specialkurs i sidbyggaren Elementor Pro