Hvordan laste opp WordPress-bilde fra frontend med en plugin

media-opplasting-banner

 Å laste opp bilder er en av de viktigste tingene når man snakker om en nettside, siden bildene i bunn og grunn er det som gir stilen til et nettsted uten bilder, et nettsted kan se for gammelt ut eller ikke få det antallet kunder/brukere vi ønsker å få.

Bortsett fra dette kan det å gi brukerne muligheten til å laste opp bilder i frontend gi deg mange fordeler som å la dem laste ned dokumenter eller et hvilket som helst bilde de ønsker å bruke til for eksempel en profil.

I dette innlegget skal vi evaluere noen få plugins som lar oss oppnå det vi ønsker å gjøre.


Last opp filer i grensesnittet ved hjelp av en skjemaplugin 

En av de raske og mest tilgjengelige måtene er å bruke en skjemaplugin, dette er nyttig når vi for eksempel skal lage et kontaktskjema hvor vi trenger at brukeren laster opp et dokument eller annen nyttig info ved hjelp av et bilde.

Det er mange plugins som lar deg lage skjemaer med et filopplastingsfelt, en av disse er Contact Form 7 som lar deg laste opp filer til nettstedet ditt i frontend gratis.

Så for å bruke skjemaer for å la brukerne dine laste opp filer i frontend, må vi opprette skjemaet først, så etter å ha installert plugin-modulen, gå til Kontakt > Legg til ny .



I dette skjermbildet vil du ha noen HTML-tagger med kortkoden for hvert felt inni, som standard lages et skjema med de grunnleggende feltene.



Ettersom vi ønsker å legge til et filopplastingsfelt, klikker du på stedet der du vil legge til feltet og klikker deretter på filen i de tilgjengelige knappene/alternativene.



Dette vil åpne en popup der du kan angi grenser for filopplastingen din, legge til alle grensene du ønsker, og til slutt klikker du på sett inn tag .



Dette vil legge til kortkoden for feltet i skjemainnholdet.



Nå kan du tilpasse skjemaet så mye du vil, legge til andre felt, eller legge til HTML og også CSS hvis du vil, da skjemaet tillater alle den slags tilpasninger.

Når alt er gjort, kan du legge til en tittel og klikke på Lagre .



Dette vil generere en kortkode som du kan bruke til å bygge inn skjemaet i innlegget eller siden din, kopiere og deretter bruke blokken som er tilgjengelig i sideredigeringsprogrammet for å legge til en kortkode, i dette tilfellet vil vi se hvordan du legger det til med Gutenberg Redaktør.



Nå må du publisere det, og du vil kunne se skjemaet med feltene du la til og filopplastingsknappen.



Alt du trenger å gjøre er å klikke på Velg fil og velge filen, i dette tilfellet bildet ditt, fra mappene på PC-en.



Etter å ha klikket på send, skal det gjøres, og bildet skal nå være på nettstedet ditt.

På denne måten vil brukerne dine kunne laste opp bilder til nettstedet ditt, sammen med annen informasjon vi kanskje trenger som navnet eller e-posten fra personen som lastet opp ved hjelp av et skjema, veldig enkelt og funksjonelt.


 Bruke WordPress File Upload Plugin

Nå som vi så den vanlige "gamle" måten, la oss se hvordan du laster opp et bilde, men ved å bruke denne plugin-en som lar oss legge inn et filopplastingsalternativ i ethvert innlegg eller side uten å måtte fylle ut annen informasjon eller lage et skjema i det hele tatt .

Først av alt må vi ha "WordPress File Upload" plugin installert, da dette vil gi oss alle alternativene som trengs for å lage filopplastingsalternativet.



Etter å ha denne plugin-en aktiv på siden vår, bør vi kunne se et menyalternativ tilgjengelig for å sjekke alle filene vi laster opp ved å bruke den.


For å bruke det, alt vi trenger å gjøre er å legge til en kortkode [wordpress_file_upload] der vi ønsker å vise den, i dette tilfellet har vi et innlegg med litt info utarbeidet der vi la til kortkoden slik at du kan sjekke hvordan den vil se ut som i Gutenberg Editor og frontend.

Gutenberg Editor


frontend


Nå som opplastingsskjemaet vårt er lagt til, er alt du trenger å gjøre å klikke på "Velg fil" for å utforske PC-filene dine, og til slutt klikker du på Last opp fil.

Ved å klikke på denne knappen kan brukeren din laste opp et bilde eller en fil til nettstedet ditt, og det beste med dette er at vi kan velge hvor på serveren vi vil laste opp bildet direkte under plugin-innstillingene samt hvordan det ser ut like og mange andre innstillinger for skjemaet.

Hovedstedet hvor vi kan sjekke opplastingene vil være i "Last opp filer" alternativet i venstre meny fra admin dashbordet, dette er hovedsiden for plugin hvor alle filene som er lastet opp vises.



Som du kan se en enkel og funksjonell plugin som vil tillate oss å få bilder fra våre brukere uten større ulempe mer enn å lime inn kortkoden i backend og vente på at brukerne skal laste opp filen.


 Administrer media per brukerrolle ved å bruke WP Media Folder

Som vi kan se er det mange måter å la våre brukere laste opp bilder og filer i frontend, men tingen i disse tilfellene er at bildene kan lastes opp "tilfeldig" og vi kunne ikke ha nøyaktig god kontroll over hvor disse lastes opp, ingen bekymringer i det hele tatt! WP Media Folder til unnsetning.

WP Media Folder har et spesielt verktøy dedikert til å administrere tilgangen til mediebiblioteket ditt, dette kan være veldig nyttig når du vil kontrollere hvem som laster opp bilder og hvor, samt hvis du vil la brukerne dine administrere sine egne medier direkte i mediebibliotek uten å kunne se andre roller/brukers media :)



Først av alt må vi ha installert WP Media Folder , dette er plugin som lar oss bruke alle tilgjengelige funksjoner for å få dette til å fungere.

Nå som vi har installert det, må vi aktivere muligheten for å begrense tilgangen, for dette, gå til Innstillinger > WP Media Folder , og vi vil kunne se WP Media Folder hovedkonfigurasjonssiden.



I denne delen, naviger til Access & Design > Media Access .


I denne delen, for å begrense media per brukerrolle og automatisk generere en mappe dedikert for hver brukerrolle, vil vi velge Medietilgang etter bruker eller brukerrolle og brukerroller .



Vi har også flere alternativer som å velge en banemappe eller la rollen/brukeren se alle andre brukere/rollemedier.

Nå som vi har aktivert alternativet for kun å tillate en brukerrolle å redigere sine egne medier, la oss si at vi har en redaktørrolle og vi vil at alle brukerne under denne rollen skal kunne se og administrere mediene deres for innlegg og sider.

Med alternativene vi valgte, skulle alt dette være mulig, så la oss se, for dette er alt vi trenger å gjøre å logge på som redaktør og laste opp mediene som de ville gjort normalt.

Når du er logget inn som redaktør, vil du kunne se mediebiblioteket slik.


Som du kan se er det to seksjoner der mediebiblioteket forteller deg at vi er i en mappe som heter "editor", så la oss laste opp noen medier for å sjekke hvordan det ville fungere.

Prosessen for opplasting vil være nøyaktig den samme som du vanligvis gjør, det kan være å bruke et frontend-opplastingsverktøy eller bare bruke mediebiblioteket ditt, alt denne brukerrollen laster opp vil begrenses for brukerrollen automatisk.

En av fordelene med å bruke WP Media Folder er at denne rollen (og alle andre med tilgang til wp-admin) vil kunne lage mapper ved å bruke +Add New Folder knappen.



Nå som vi har lagt til noen medier og også en undermappe til rollemappen vår, bør vi kunne se den som en admin under Editor-mappen.



Vi kan bekrefte at under mediebiblioteket er det opprettet en Editor -mappe og inne i mappen som vi opprettet ved hjelp av Editor-rollen, og det var så enkelt som å klikke på en knapp!

Nå som vi har aktivert alternativet for medietilgang , vil det opprettes en mappe for hver rolle som får tilgang til mediebiblioteket ditt og laster opp et bilde, og som vil kunne dele eller ikke dele media med de andre brukerne under samme rolle avhengig av innstillingene du velger.

For en fantastisk funksjon og veldig enkel å bruke! Ikke sant?


La brukerne dine laste opp filer på den mest profesjonelle måten 

I dette innlegget kunne vi se hvordan vi lar brukerne våre laste opp bildene sine på den mest profesjonelle måten og tilpasse nettstedet vårt til hvert enkelt tilfelle, for eksempel å sende inn et skjema eller også la våre redaktører opprette en delt mappe som bare de vil kunne se i Mediebiblioteket, og dette er ikke alt! Med WP Media Folder vil du kunne gjøre flere andre ting som å koble mediebiblioteket ditt til en skytjeneste, fantastisk! Ikke sant?

Sjekk mer om WP Media Folder og tilgangsbegrensningen her !

1
Hold deg informert

Når du abonnerer på bloggen, sender vi deg en e-post når det er nye oppdateringer på siden slik at du ikke går glipp av dem.

JoomUnited 10-årsjubileum!
Hvordan laste ned bilder fra WordPress media li...
 

kommentarer

Ingen kommentarer har kommet enda. Bli den første til å sende inn en kommentar
Allerede registrert? Logg inn her
Gjest
Onsdag 17. august 2022

Captcha Image