Det kan finnas tillfällen när du vill bädda in en PDF-fil i ditt inlägg eller sida:

  • En bokförfattare kanske vill ge läsarna ett gratis exemplar.
  • För att lägga till produktkataloger på din webbplats.
  • För att dela dina skapelser i PDF-format med dina kunder.
  • Du kan köra en resebyrå och vill se resplanen för turistpaketen.

Men det är ett problem ! 

Även om WordPress låter dig bädda in ljud, videor och naturligtvis bilder, är det inte möjligt att bädda in PDF-filer i dina inlägg och sidor. Denna funktion är inte tillgänglig just nu, kanske kommer den att läggas till i framtiden.

Om du vill lägga till PDF-fil kan du ladda upp filen med hjälp av alternativet Lägg till ett media, infoga den och länken till den här filen läggs till på din sida. Och dina besökare kommer att kunna ladda ner den eller visa filen i webbläsaren när de lämnar din webbplats.

Men vad händer om du vill bädda in PDF-filer i dina artiklar och låta dina besökare se det utan att lämna din webbplats? Finns det en lösning på detta?

Det korta svaret är JA.

Så i det här inlägget visar vi dig hur du kan bädda in en PDF-fil i dina WordPress-inlägg eller sidor. Innan du börjar måste du antagligen skapa ett välformaterat och snyggt PDF-dokument med en PDF-redigerare. Då är du redo att lägga till den i dina artiklar med eller utan att använda ett plugin. 

Men tidigare, om du aldrig har installerat WordPress-upptäckt Hur man installerar en Wordpress-blogg 7 steg et Hur man hittar, installera och aktivera en Wordpress tema på din blogg 

Tillbaka till varför vi är här.

Så här lägger du till en PDF-fil med ett plugin

Det finns många plugins som du kan använda för att lägga till en PDF-fil till ditt WordPress-inlägg.

Vi kommer dock att använda WordPress PDF Bädda in plugin. Detta är en Wordpress plugin gratis som är tillgängligt i WordPress Plugin Directory. Det bästa med detta plugin är att det använder javascript för att göra sitt jobb och inte tredjepartstjänster eller iframes.

Steg 1: Installera PDF-plugin-programmet Embedder

Logga in på din WordPress-instrumentpanel och navigera till menyn Tillägg> Lägg till Sök PDF inbäddare i sökrutan. När du har hittat plugin-programmet är det bara att installera och aktivera det. Du kan också upptäcka vår steg-för-steg-guide om hur du installerar ett WordPress-plugin.

Wordpress pdf inbäddning blogpascher plugin installation

Steg 2: Konfigurera plugin

Även om du kan börja bädda in dina PDF-filer när du har installerat det här tillägget kan du ändra inställningarna först så att de ser moderna ut. För att göra detta, gå till  Inställningar> Bädda in PDF från vänster sidofält på din WordPress-instrumentpanel.

Parameterinställningar pdf bädda in bloggpassare

Den gratis versionen av detta plugin låter dig ändra följande:

  • Bredd och höjd - Du kan ändra bredden och höjden på PDF-visaren. Det accepterar heltalsvärden (i pixlar) eller max (100% bredd).
  • Bar plats Verktyg - Verktygsfältet i denna PDF-visning gör att din publik kan zooma in eller gå tillbaka och gå till nästa eller föregående sida. Du kan placera verktygsfältet på toppen, botten eller båda.
  • Håll muspekaren över verktygsfältet - Du kan välja om du bara vill att verktygsfältet ska vara synligt när dokumentet svävar med musen.

Nu är det här de universella inställningarna. Men tänk om du vill ändra inställningarna för en viss fil? Du kan göra det med hjälp av kortkoder. Här är ett exempel :

[pdf-embedder url = "http://yoursite.com/wp-content/uploads/2019/01/April.pdf» width = "500" toolbar "" top "toolbar fixed" on "]

I exemplet ovan är bredden inställd på 500 pixlar, placeringen av verktygsfältet överst och verktygsfältet kommer att fixas. Du kan också ställa in verktygsfältet längst ner och det fasta verktygsfältet i slutet.

Detta plugin har också en premiumversion som erbjuder funktioner som nedladdningsknappen, visnings- och nedladdningsräknare, kontinuerlig sidrullning och länkar som öppnas i ett nytt fönster.

Steg 3: Bädda in PDF-filen i ditt inlägg eller sida

När du är klar med inställningarna kan du börja få jobbet gjort. Oavsett om du använder den klassiska redigeraren eller Gutenberg-redigeraren kan du enkelt använda detta plugin för att uppnå önskat resultat.

Om du använder klassisk redaktör, att bädda in en PDF-fil liknar vad du skulle göra för en bild eller video.

Skapa först ett nytt inlägg eller öppna ett befintligt inlägg och klicka på knappen Lägg till media.Ladda upp din PDF-fil, klicka på Infoga i knappen offentliggörande, och en kortkod läggs till i ditt inlägg.

Hur man lägger till klassisk wordpress-redaktör blogpascher media

Det är det - du kan nu förhandsgranska ditt inlägg för att kontrollera om det här pluginet fungerar korrekt eller inte.

Vad sägs om Gutenberg Editor ? Tja, Embedder PDF-plugin kommer med ett specifikt block. Så skapa en ny publikation och klicka på ikonen Lägg till block. Hitta sedan blocket Embedder PDF och välj det.

Hur man lägger till gutenberg blogpascher wordpress editor

Slutligen klickar du på blocket för att välja (eller ladda ner) din PDF-fil och ditt arbete är klart.

Här är slutresultatet, oavsett vilken redigerare du använder:

Visa visningsprogram pdf bädda in bloggpassare

Några populära plugin-program för PDF-visare

Även om Wordpress plugin PDF Embedder gör ett bra jobb, det är alltid bra att ha några alternativ. Så låt mig nu dela med mig av några Wordpress plugins  Premium PDF-visare, i ingen särskild ordning:

1. DK PDF Generator

Att skapa PDF-versioner av dina inlägg och dela dem i delningssamhällen kan vara ett bra alternativ för trafikledning.

Dk pdf-generator

Le Wordpress plugin premium DK PDF Generator låter dig enkelt välja sidor, inlägg samt anpassade inläggstyper som kan delas eller laddas ner som PDF.

Se vår artikel om 30 saker att göra på dina blogginlägg efter offentliggörandet

Med dessa kan du till och med lägga till ett omslag och en innehållsförteckning (med interaktiva länkar) till din PDF-fil.

Ladda ner | demo | webbhotell

2. PDF-produktkatalog för WooCommerce

Detta är ett mycket användbart WordPress-plugin från WooCommerce, som hjälper dig att ladda ner hela listan med produkter från din onlinebutik i PDF-format och med bara ett klick.

Pdf-visning för wordpress

Denna plugin kommer med fem standardmallar för PDF, men du kan skapa dina egna efter dina behov med enkla HTML och CSS.

Läs också vår 9 Wordpress plugins för att hantera din produktkatalog

Det ger dig också ett alternativ för att skapa och infoga en kortkod för att lägga till PDF-nedladdningsknappar till varje artikel eller sida.

Ladda ner | demo | webbhotell

3. WordPress social delning och utskrift sida till pdf plugin

Denna premium WordPress-plugin lämnar exklusiva plugins för social delning av WordPress, det enklaste och optimerade med fantastiska funktioner som du kommer att se genom att konsultera dess demo. Det erbjuder många funktioner som fullständig delning av ett blogginlägg eller webbsida till vilket socialt nätverk som helst och nedladdning av dessa i PDF-format.

Wordpress social delning och skriv ut sidpost till pdf-plugin

Med detta WordPress-plugin kan du enkelt omdirigera webbplatsbesökare till dina sociala mediekonton och öka din närvaro på den senare.

Ladda ner | demo | webbhotell

Hur man lägger till PDF-fil utan plugin

Om du är en av dem som fortfarande letar efter pluginfria lösningar är det här avsnittet för dig. Vi kan säkert lägga till PDF-filer i WordPress-inlägg och -sidor utan att installera ytterligare ett plugin.

Idén är enkel: du måste ladda upp din PDF-fil till ditt Google Drive-konto och sedan använda iframe-koden för att bädda in den här filen på din webbplats. Även om den här metoden är säker är det enda problemet att den använder iframes.

steg 1 : Gå till Google Drive och logga in på ditt konto (du behöver bara registrera dig för ett Gmail-konto för att få gratuitement 15 GB utrymme).

steg 2 : Ladda upp PDF-filen som du vill bädda in i ditt WordPress-inlägg. För att göra det, klicka på Nouveau till vänster i ditt Google Drive-konto, klicka på Importera en fil och ladda upp filen från din dator.

Importera fil google drive blogpascher

steg 3 : När filen har laddats upp till din Google-enhet, dubbelklickar du på den för att förhandsgranska filen. Klicka nu på de tre vertikala punkterna (Fler åtgärder) i det övre högra hörnet och välj Öppna i ett nytt fönster.

Öppna nytt fönster google drive blogpascher

steg 4 : I det nya fönstret klickar du på Fler åtgärder ( 3 vertikala punkter i övre högra hörnet) och klick Dela.

Google Drive blogpascher

steg 5 : En popup som heter "Dela med människor och grupper" och "Skaffa en länk" öppnas. Klicka här på Redigera till alla med länken i avsnittet "Få en länk". Detta för att säkerställa att alla med PDF-fillänken kan se den. Om du inte gör det kommer filen att hållas privat och inte synlig för din webbplatspublik.

Delar människor grupper blogpascher

Du bör se följande bekräftelse:

Hämta länk google drive blogpascher

När det är klart klickar du på färdiga.

steg 6 : Nu är det dags att få inbäddningskoden som vi använder i vårt inlägg. För att få detta, klicka igen på Fler åtgärder, välj Integrera ett element.

Integrera elementet google drive blogpascher 1

steg 7 : Detta öppnar ett popup-fönster som låter dig kopiera iframe-koden.

Google Drive-kopieringskodintegration

steg 8 : Gå till din WordPress-instrumentpanel och skapa eller redigera inlägget eller sidan där du vill bädda in PDF-filen. Om du använder klassisk redaktör, gå bara till fliken Text och klistra in koden:

Klistra in klassisk redaktörskod blogpascher

Häll Gutenberg redaktörmåste du lägga till ett nytt block, söka efter anpassad html och slutligen lägga till iframe-koden i det anpassade HTML-blocket:

Personlig HTML-insättning gutenberg redaktör blogpascher

steg 9 : Det är det: förhandsgranska nu ditt inlägg eller sida för att kontrollera din PDF-fil.

Sammanfattning

Med WordPress kan du bifoga dina PDF-filer, men inte bädda in dem. Men den här självstudien löser problemet. Den visar hur du kan bädda in dina PDF-filer i dina inlägg eller sidor, precis som dina bilder och videor, med eller utan att använda ett WordPress-plugin.

Upptäck också några premium WordPress-plugins  

Du kan använda andra Wordpress plugins för att ge ett modernt utseende och för att optimera hanteringen av din blogg eller hemsida.

Vi erbjuder dig här några premium WordPress-plugins som hjälper dig att göra det.

1. Säkerhetskopiera och återställa

Säkerhetskopiera och återställa är ett premium WordPress-plugin som hjälper dig schemalägga dina webbplats säkerhetskopior till en lokal server eller till olika molnservrar som Dropbox, Google Drive och Amazon S3. Du kommer därför att kunna återställa din webbplats, inklusive databasen, från befintliga återställningspunkter med bara ett klick.

Säkerhetskopiering och återställning

Det går också att ladda ner din webbplats, databas och alla dina säkerhetskopior. Detta plugin hjälper dig också att hantera säkerhetskopierings- och återställningsprocesserna på ett enkelt, säkert och pålitligt sätt.

Dess funktioner inkluderar: fullständig säkerhetskopiering av webbplatsen, Amazon S3-säkerhetskopiering, Google Drive, dropbox, hårddiskhanteraren, automatisk radering av gamla säkerhetskopior, fullständig återställning av din webbplats, stöd för multisiteOsv ...

Ladda ner | demo | webbhotell

2. Gul penna: Visual CSS Style Editor

Yellow Pencil är en visuell stilredigerare som du kan använda med vilket tema som helst för att anpassa din webbplats på några minuter (teckensnitt, färger, animationer och mer ...).Yellowpencil Visual CSS Style Editor plugin wordpress

Detta premium WordPress-plugin skapar CSS-stilar i bakgrund medan du spelar med färgerna som om det var ett spel. Det var designat för både nybörjare och erfarna användare.

Upptäck också vår 5-plugins Wordpress för att visa aviseringar

Ingen kodkunskap krävs. WordPress-tillägget har dock en bra CSS-redigerare för dem som gillar att koda. Du kan koda live med den här redigeraren och anpassa din CSS.

Ladda ner | demo | webbhotell

3. Quack Chat Live Chat System

Quack Chat är en WordPress plugin premium som enkelt integreras med din webbplats och erbjuder ett användarvänligt gränssnitt för dina kunder. Det är en onlinechatt som kan användas från vilken dator eller mobil enhet som helst.

Quack chat live support support system för wordpress

Som funktionaliteter erbjuder det bland annat: stöd för omedelbar avisering via meddelanden eller e-post, ett hörbart meddelandesystem, automatisk arkivering (historik) av chattar, en användarvänlig kontrollpanel, ett anpassningsbart chattfönster, ett automatiskt och anpassningsbart hälsningsmeddelande, stöd för automatisk rullning på chattsidan etc ...

Ladda ner | demo | webbhotell

Rekommenderade resurser

Ta reda på om andra rekommenderade resurser som hjälper dig att bygga och hantera din webbplats.

Slutsats

Här! Det är det för denna handledning. Vi hoppas att den här artikeln har hjälpt dig att bädda in PDF-filer i WordPressTveka inte att dela med dina vänner på dina favorit sociala nätverk

Du kan dock också konsultera våra resurser, om du behöver fler element för att genomföra dina projekt för att skapa webbplatser, genom att konsultera vår guide om WordPress blog skapelse.

Om du har förslag eller kommentarer, lämna dem i vårt avsnitt commentaires.