Hur man tillåter användare att ladda upp bilder på en WordPress-webbplats

Vill du låta användare ladda upp bilder på din WordPress-webbplats utan att ge dem åtkomst till adminområdet? Du är inte ensam.

Många webbplatsägare vill tillåta bildinlämningar samtidigt som de håller sin webbplats säker och enkel att hantera. Oavsett om du driver en fototävling eller samlar in användargenererat innehåll, är det enklaste sättet att lägga till ett formulär för bilduppladdning på din webbplats.

Vi har testat flera verktyg och funnit att WPForms erbjuder det mest effektiva sättet att göra det. Vi har hjälpt många WordPress-användare att ställa in funktionalitet för bilduppladdning med hjälp av detta plugin, och det gör verkligen allt snabbt och enkelt – ingen kodning krävs.

I den här guiden visar vi dig hur du enkelt kan tillåta användare att ladda upp bilder på din WordPress-webbplats. Vi har också en videoguide om du föredrar att följa stegen i praktiken!

Tillåta användare att säkert ladda upp bilder i WordPress

Om du vill driva en blogg med flera författare, är det enklaste sättet att låta användare ladda upp bilder att lägga till dem som författare på din webbplats.

Att ge användare åtkomst till WordPress adminområde är dock inte idealiskt för engångsscenarier som gästinlägg, produktrecensioner, fototävlingar och mer.

Lyckligtvis finns det flera WordPress-plugins som låter användare ladda upp bilder utan att kompromissa med din webbplats säkerhet eller ge dem åtkomst till WordPress-administratörsområdet.

Med det sagt, låt oss titta på några sätt att enkelt tillåta användare att ladda upp bilder i WordPress. Du kan använda snabblänkarna nedan för att hoppa till den metod du vill använda:

• Metod 1: Låt användare ladda upp bilder med ett formulär för filuppladdning
• Metod 2: Tillåt användare att ladda upp bilder som gästartister
• Bonusmetod: Låt användare ladda upp foton för en tävling
• Videohandledning

Låt oss börja.

Metod 1: Låt användare ladda upp bilder med ett formulär för filuppladdning

Den här metoden är perfekt om du vill att användare ska ladda upp en bild eller andra filer, som jobbansökningar, personliga brev och så vidare.

Du kan enkelt skapa ett formulär för filuppladdning som samlar in användarens namn, e-postadress, uppladdad fil och ett valfritt meddelande.

För den här metoden kommer vi att använda WPForms, den bästa WordPress-plugin för formulärbyggare. Den levereras med ett inbyggt fält för filuppladdning och gör hela processen snabb och nybörjarvänlig.

På WPBeginner använder vi WPForms för allt från våra kontakt- och webbplatsmigreringsformulär till vår årliga läsarundersökning. Vi har personligen sett hur flexibelt det är att skapa alla typer av formulär, inklusive de med fält för bilduppladdning!

För mer information om pluginet, se vår kompletta WPForms-recension!

För att komma igång måste du installera och aktivera pluginet WPForms. För mer information, se vår steg-för-steg-guide om hur man installerar ett WordPress-plugin.

Efter aktivering måste du besöka sidan WPForms » Inställningar i din WordPress-instrumentpanel för att ange din licensnyckel.

Du hittar din licensnyckel i ditt konto på WPForms webbplats under fliken 'Nedladdningar'.

När det är gjort, gå till WPForms » Lägg till ny för att skapa ditt formulär.

På sidan ‘Inställningar’ kan du namnge ditt formulär i fältet ‘Namnge ditt formulär’. Detta är endast för din referens, men se till att använda ett tydligt namn för enklare organisation.

Sedan kommer du att se att WPForms låter dig skapa dina formulär med en tom duk, WPForms AI och färdiga mallar.

Låt oss säga att du vill använda AI-formulärbyggaren. Då kan du sväva över rutan 'Generera med AI' och klicka på 'Generera formulär'.

På nästa skärm behöver du bara skriva en enkel prompt. Alternativt kan du välja bland de tillgängliga prompt-exemplen, om relevant.

AI-verktyget kommer sedan att generera formuläret åt dig, precis så!

Om du vill använda en av mallarna, vill du sväva över den och klicka på ‘Använd mall.

WPForms har mer än 2 000 färdiga mallar. Du kan alltid använda sökfunktionen för att begränsa dina alternativ.

Till exempel kommer vi här att använda 'Enkelt kontaktformulär'.

Detta tar dig till dra-och-släpp-formulärbyggaren.

Till vänster kan du se alla fält du kan lägga till i ditt formulär. Och till höger har du förhandsgranskningen i realtid.

Därefter drar och släpper vi ett fält för ‘Filuppladdning’ till ditt formulär.

Du hittar detta fält under sektionen 'Fancy Fields' till vänster.

När du har lagt till det, klicka på fältet ‘Filuppladdning’ i ditt formulär för att redigera det.

Vi kommer att ändra namnet på detta fält (dess etikett) till ‘Ditt fotografi’ och ange vilka filändelser som är tillåtna. Vi vill bara ha bildfiler, så vi kommer att tillåta JPG/JPEG, GIF och PNG-filer.

Därefter, låt oss ställa in en filstorleksgräns.

Vi rekommenderar att du anger det till upp till 5 MB, eftersom det hjälper dig att spara kostnader för diskutrymme på ditt WordPress-hostingkonto. Dessutom säkerställer detta att användaruppladdningar inte saktar ner din webbplats.

Glöm sedan inte att kryssa i rutan bredvid ‘Krävs’ så att användaren inte kan skicka in formuläret förrän de har laddat upp en bild.

Du kan också ställa in ytterligare alternativ för detta fält genom att klicka på fliken 'Avancerat'.

Här kan du välja stilen på ditt uppladdningsfält. Det är som standard ett 'Modernt' dra-och-släpp-fält. Om du vill kan du ersätta det med ett 'Klassiskt' fält.

Dessutom kan du välja att lagra bilden i WordPress mediebibliotek genom att aktivera reglaget. Detta är en bra idé om du ska samla dina inlämnade bilder för ett blogginlägg eller liknande.

När du är nöjd med ditt formulär kan du spara och avsluta formulärbyggaren.

Lägga till ditt formulär för bilduppladdning i WordPress

Därefter behöver du bädda in ditt formulär i ett WordPress-inlägg eller en sida och acceptera användarskickade bilder. WPForms gör det superenkelt att lägga till dina formulär var som helst på din webbplats.

Redigera helt enkelt inlägget eller sidan där du vill lägga till formuläret för bilduppladdning. I WordPress innehållsredigerare måste du lägga till WPForms-blocket i ditt innehållsområde.

Därefter måste du välja formuläret du skapade tidigare från rullgardinsmenyn. WPForms kommer att visa en förhandsgranskning av ditt formulär i innehållsområdet.

Du kan nu spara ditt inlägg eller din sida och visa det live för att se ditt formulär för bilduppladdning i aktion.

Tillåta ytterligare filtyper att laddas upp

Ibland kan dina användare se detta fel när de försöker ladda upp en fil, även när du har tillåtit den filtypen i inställningarna för ditt uppladdningsfält:

Tyvärr är denna filtyp inte tillåten av säkerhetsskäl

Problemet är att WordPress som standard bara tillåter vissa filtyper. Det enklaste sättet att tillåta fler filtyper är att använda ett kompletterande plugin.

Vi rekommenderar pluginen File Upload Types från WPForms. När du har installerat pluginen i WordPress och aktiverat det, gå till Inställningar » Filuppladdningstyper.

Du kan sedan välja filtyper från listan som du vill tillåta, eller så kan du lägga till egna filtyper.

Notera att listan inte inkluderar de typer som WordPress redan tillåter som standard.

Om du bara vill tillåta uppladdning av SVG-bilder kan du använda det kostnadsfria pluginet WPCode. Du kan läsa mer i vår guide om hur man lägger till SVG-bildfiler i WordPress.

Metod 2: Tillåt användare att ladda upp bilder som gästartister

En viktig anledning att låta användare ladda upp bilder är om du samlar in bidrag för gästinlägg. Du kan också använda en mycket liknande metod för annat användargenererat innehåll, som vittnesmål.

Först måste du installera och aktivera pluginet WPForms. För mer information, se vår steg-för-steg-guide om hur man installerar ett WordPress-plugin.

Efter att ha aktiverat pluginet måste du besöka sidan WPForms » Inställningar i din WordPress-instrumentpanel för att ange din licensnyckel. Du hittar din licensnyckel under fliken 'Nedladdningar' på ditt konto på WPForms-webbplatsen.

Detta är vad du kommer att se när du anger licensnyckeln på din webbplats:

Gå sedan till WPForms » Tillägg för att installera tillägget för inlämningsformulär.

Klicka på knappen 'Installera tillägg'. Det kommer automatiskt att installeras och aktiveras

Nu kan du börja bygga ditt formulär för gästinlägg.

Gå till WPForms » Lägg till ny, rulla sedan ner för att hitta formuläret Blogginlämningsformulär.

Klicka på den, så skapas ditt nya formulär. Det kommer att ha standardfält för gästförfattarens detaljer, samt inläggets föreslagna titel, utvald bild, innehåll, inläggsutdrag och kategori.

Du kan lägga till fler fält (sektioner i ditt formulär) om du vill.

Till exempel kanske du vill lägga till ett fält för 'Webbplats / URL' där författaren kan ange URL:en till sin egen WordPress-blogg.

För att ändra etiketten på ett fält eller någon text i formuläret, klicka bara på det.

Du kan till exempel klicka på rutan ‘Utvald bild’ och ändra ‘Beskrivning’ för att ange din föredragna storlek för utvalda bilder.

Filer som laddas upp via fältet för 'Utvald bild' kommer att lagras i ditt mediebibliotek inom WordPress.

Du kan växla detta alternativ på och av genom att klicka på 'Avancerade alternativ' rullgardinsmenyn för fältet.

Om du vill kan du ändra vilka bildtyper som fältet 'Filuppladdning' ska acceptera. Du kanske till exempel vill att användare bara ska ladda upp PNG-filer.

Du kan också ange en maximal filstorlek i MB. Om du vill kan du tillåta användare att ladda upp 2 eller fler filer.

Fältet ‘Modern’ för uppladdning (standard) tillåter användare att dra och släppa filer.

Om du föredrar det kan du ändra det till ett 'Classic'-fält under avancerade alternativ. Observera att detta endast tillåter användare att ladda upp en enda fil.

När du har alla fält du vill ha i ditt formulär, gå till fliken 'Inställningar'. Du kanske vill ändra detaljer under 'Aviseringar' här.

Till exempel, om dina gästinlägg går till en redaktör, vill du ha deras adress i rutan ‘Skicka till e-postadress’.

Du kanske också vill ändra bekräftelsemeddelandet som en användare ser efter att ha skickat in formuläret. Du kan göra detta under Inställningar » Bekräftelse.

När du är nöjd med ditt formulär klickar du bara på knappen ‘Spara’ högst upp på skärmen.

Lägga till formuläret för inlämning av gästinlägg på din webbplats

Du kan lägga till ditt formulär på din webbplats i vilket inlägg eller vilken sida som helst. Du kanske vill skapa en ny sida specifikt för inlämning av gästinlägg.

Om du använder Gutenberg (block) redigeraren, klickar du bara på (+) ikonen för att skapa ett nytt block. Välj sedan blocket ‘WPForms’ att lägga till i redigeraren.

Därefter ser du en WPForms-nedrullningsmeny. Välj ditt formulär från listan, så läggs det till i ditt inlägg.

Du kan naturligtvis använda fältet 'Filuppladdning' i alla formulär du skapar. Det innebär att du kan använda ovanstående metod för alla typer av användargenererat innehåll du vill samla in.

Bonusmetod: Låt användare ladda upp foton för en tävling

Medan ett formulär för filuppladdning tillåter användare att ladda upp alla typer av filer, kanske det inte är den bästa lösningen om du driver en fototävling.

Det beror på att WPForms är en formulärbyggare, inte ett tävlingsplugin. Det har inte funktioner som att välja vinnare, viral delning, etc.

Det är där RafflePress kommer in. Det är den bästa WordPress-plugin för utlottningar som låter dig skapa virala tävlingar för att öka din trafik och dina följare på sociala medier.

Du kan använda den för att designa en tävlingswidget som låter användare ladda upp foton men också uppmuntrar till delning och andra engagemangsåtgärder för att öka din följarskara.

Vi använder faktiskt RafflePress för att köra vår årliga WPBeginner-födelsedagsutlottning. Det har hjälpt oss att växa vår e-postlista, öka sociala delningar och förbättra den totala webbplatsengagemanget – allt samtidigt som allt är lätt att hantera från vår WordPress-instrumentpanel.

Utforska alla dess funktioner i vår fullständiga RafflePress-recension!

Vi har skapat en detaljerad guide om hur man skapar en fototävling i WordPress med RafflePress som du kan följa för mer detaljer.

Videohandledning

Innan du går, missa inte vår videoguide om hur du tillåter användare att ladda upp bilder på en WordPress-webbplats:

Prenumerera på WPBeginner

Vi hoppas att den här artikeln har hjälpt dig att lära dig hur du tillåter användare att ladda upp bilder på en WordPress-webbplats. Du kanske också vill se vår guide om hur man skapar ett fotogalleri med album eller vår steg-för-steg-handledning för hur man skapar AMP-formulär i WordPress.

Om du gillade den här artikeln, prenumerera då på vår YouTube-kanal för WordPress-videoguider. Du kan också hitta oss på Twitter och Facebook.