Hur man laddar upp WordPress-bild från frontend med ett plugin

Att ladda upp bilder är en av de viktigaste sakerna när man pratar om en webbplats, eftersom bilderna i grund och botten är det som ger stilen på en webbplats utan bilder en webbplats kan se för gammal ut eller inte kan få det antal kunder/användare vi skulle vilja ha att få.

Bortsett från detta kan det ge många fördelar att ge dig många fördelar som att ladda ner dokument eller någon bild som de vill använda för, till exempel en profil.

I det här inlägget kommer vi att utvärdera några plugins som gör att vi kan uppnå det vi vill göra.

Hur man laddar upp WordPress-bild från frontend med ett plugin

Här kommer vi att diskutera flera sätt att ladda upp WordPress -bilder med flera typer av plugins.

Ladda upp filer i frontend med ett formulärplugin

Ett av de snabba och mest tillgängliga sätten är att använda ett formulärplugin, detta är användbart när vi till exempel behöver skapa ett kontaktformulär där vi behöver användaren för att ladda upp ett dokument eller någon användbar information med en bild.

Det finns många plugins som gör att du kan skapa formulär med ett filuppladdningsfält, en av dessa är kontaktformulär 7 som gör att du kan ladda upp filer till din webbplats i frontend gratis.

Så för att använda formulär för att låta dina användare ladda upp filer i frontend måste vi skapa formuläret först, så efter installationen av plugin, gå för att kontakta> Lägg till nytt .

På den här skärmen har du några HTML -taggar med kortkoden för varje fält inuti, som standard skapas ett formulär med de grundläggande fälten.

När vi vill lägga till ett filuppladdningsfält klickar du på den plats där du vill lägga till fältet och klicka sedan på filen i tillgängliga knappar/alternativ.

Detta kommer att öppna en popup där du kan ställa in gränser för din filuppladdning, lägga till alla gränser du vill ha och slutligen klicka på infoga tagg .

Detta lägger till kortkoden för fältet i formuläret.

Nu kan du anpassa så mycket som du vill ha ditt formulär, lägga till andra fält eller lägga till HTML och även CSS om du vill eftersom formuläret medger alla sådana anpassningar.

När allt är gjort kan du lägga till en titel och klicka på spara .

Detta kommer att generera en kortkod som du kan använda för att bädda in formuläret i ditt inlägg eller sida, kopiera och sedan använda blocket som finns i din sidredigerare för att lägga till en kortkod, i det här fallet kommer vi att se hur du lägger till det med Gutenberg Redaktör.

Nu måste du publicera den så kan du se formuläret med fälten som du har lagt till och filen uppladdningsknappen.

Allt du behöver göra är att klicka på Välj File och välj filen, i det här fallet, din bild, från dina mappar på din dator.

Efter att ha klickat på Skicka bör det göras och bilden ska vara nu på din webbplats.

På så sätt kommer dina användare att kunna ladda upp bilder till din webbplats, tillsammans med annan information som vi kan behöva som namn eller e -post från personen som laddade upp med ett formulär, riktigt enkelt och funktionellt.

Använda WordPress -filuppladdningsplugin

Nu när vi såg det normala "gamla" sättet, låt oss se hur vi laddar upp en bild men använder detta plugin som gör att vi kan bädda in ett filuppladdningsalternativ i alla inlägg eller en sida utan att behöva fylla i annan information eller skapa ett formulär alls .

Först och främst måste vi ha Plugin "WordPress File Ladda upp" installerat eftersom det kommer att ge oss alla alternativ som behövs för att skapa alternativet File Ladda upp.

Efter att ha haft detta plugin aktivt på vår webbplats bör vi kunna se ett menyalternativ tillgängligt för att kontrollera alla filer vi laddar upp med den.

För att använda det är allt vi behöver göra att lägga till en kortkod [wordpress_file_upload] där vi vill visa det, i det här fallet har vi ett inlägg med lite information förberedd där vi lägger till kortkoden så att du kan kontrollera hur det skulle se ut Som i Gutenberg -redaktören och frontend.

Gutenberg Redaktör

Frontend

Nu när vårt uppladdningsformulär läggs till är allt du behöver göra att klicka på "Välj fil" för att utforska dina PC -filer och slutligen klicka på Ladda upp filen.

Om du klickar på den här knappen gör att din användare kan ladda upp en bild eller fil till din webbplats, och den bästa delen av detta är att vi kan välja var vi på servern vill ladda upp bilden direkt under plugininställningarna och hur den ser ut som och många andra inställningar för formuläret.

Huvudplatsen där vi kan kontrollera uppladdningarna kommer att finnas i alternativet "Ladda upp filer" i den vänstra menyn från adminpanelen, detta är huvudsidan för plugin där alla filer som laddats upp visas.

Som du kan se ett enkelt och funktionellt plugin som gör att vi kan få bilder från våra användare utan större besvär mer än att klistra in kortkoden i backend och vänta på att användarna ska ladda upp filen.

Hantera media per användarroll med WP Media Folder

Som vi kan se finns det många sätt att låta våra användare ladda upp bilder och filer i frontend, men saken i dessa fall är att bilderna kan laddas upp "slumpmässigt" och vi kunde inte ha exakt god kontroll över var dessa laddas upp, Inga bekymmer alls! WP Media Folder till räddningen.

WP Media Folder har ett specialverktyg som är dedikerat till att hantera åtkomsten till ditt mediebibliotek, detta kan vara riktigt till hjälp när du vill kontrollera vem som laddar upp bilder och var såväl som om du vill låta dina användare hantera sina egna medier direkt i Mediebibliotek utan att kunna se andra roller/användare media.

Först och främst måste vi ha installerat WP Media Folder, detta är plugin som gör att vi kan använda alla tillgängliga funktioner för att göra detta arbete.

Nu när vi har installerat det måste vi göra det möjligt för alternativet att begränsa åtkomsten, för detta, gå till Inställningar> WP Media Folder , så kommer vi att kunna se WP Media Folder huvudkonfigurationssida.

I det här avsnittet navigerar du till Access & Design> Media Access .

I det här avsnittet, för att begränsa media per användarroll och automatiskt generera en mapp som är avsedd för varje användarroll, kommer vi att välja medieåtkomst efter användarroll och användarroller .

Vi har också fler alternativ som att välja en sökvägsmapp eller låta rollen/användaren se alla andra användare/rollmedia.

Nu när vi har gjort det möjligt för alternativet att bara låta en användarroll redigera sina egna medier, låt oss säga att vi har en redaktörroll och vi vill att alla användare under denna roll ska kunna se och hantera sina media för inlägg och sidor.

Med de alternativ vi valde, bör allt detta vara möjligt så låt oss se, för detta, allt vi behöver göra är att logga in som redaktör och ladda upp media som de skulle göra normalt.

När du är inloggad som redaktör kommer du att kunna se mediebiblioteket så här.

Som ni ser finns det två avsnitt där mediebiblioteket låter dig veta att vi befinner oss i en mapp som heter "Editor" så låt oss ladda upp några medier för att kontrollera hur det skulle fungera.

Processen för uppladdning skulle vara exakt densamma som du brukar göra, den kan vara att använda ett frontend -uppladdningsverktyg eller bara använda ditt mediebibliotek, allt som denna användarrolluppladdningar kommer att begränsas för användarrollen automatiskt.

En av fördelarna med att använda WP Media Folder är att denna roll (och alla andra med tillgång till WP-Admin) kommer att kunna skapa mappar med +Lägg till ny mappknapp .

Vi kan bekräfta att under mediebiblioteket har en redigeringsmapp har skapats och inuti är mappen som vi skapade med hjälp av redigeringsrollen, och det var lika enkelt som att klicka på en knapp!

Nu när vi har aktiverat med mediaåtkomst skapas en mapp för varje roll som får åtkomst till ditt mediebibliotek och laddar upp en bild och kommer att kunna dela eller inte media med de andra användarna under samma roll beroende på inställningarna Du väljer, du kan också ha mer kontroll över dina media med filter .

Vilken fantastisk funktion och riktigt lätt att använda! Är det inte?

Låt dina användare ladda upp filer på det mest professionella sättet

I det här inlägget kunde vi se hur vi ska låta våra användare ladda upp sina bilder på det mest professionella sättet och anpassa vår webbplats till varje fall, till exempel att bara skicka ett formulär eller också låta våra redaktörer skapa en delad mapp som bara de kommer att göra Kunna se i mediebiblioteket, och det här är inte allt! Med WP Media Folder kommer du att kunna göra fler andra saker som att ansluta ditt mediebibliotek till en molntjänst , AWESOME! Är det inte?

Kolla mer om WP Media Folder och åtkomstbegränsningen här !