Nyhedsblog: WordPress & Joomla-udvidelser

Sådan uploades WordPress-billede fra frontend med et plugin

medie-upload-banner

 At uploade billeder er en af ​​de vigtigste ting, når man taler om en hjemmeside, da billederne dybest set er det, der giver stilen på et websted uden billeder, et websted kunne se for gammelt ud eller kunne ikke få det antal kunder/brugere, vi gerne vil have at få.

Udover dette, at give dine brugere mulighed for at uploade billeder i frontend kan give dig mange fordele, såsom at give dem mulighed for at downloade dokumenter eller et hvilket som helst billede, de gerne vil bruge til for eksempel en profil.

I dette indlæg vil vi evaluere et par plugins, der giver os mulighed for at opnå det, vi ønsker at gøre.


Upload filer i frontenden ved hjælp af et formularplugin 

En af de hurtige og mest tilgængelige måder er at bruge et formular-plugin, dette er nyttigt, når vi for eksempel skal oprette en kontaktformular, hvor vi skal bruge brugeren til at uploade et dokument eller enhver nyttig info ved hjælp af et billede.

Der er mange plugins, der giver dig mulighed for at oprette formularer med et filoverførselsfelt, en af ​​disse er Kontaktformular 7, som giver dig mulighed for at uploade filer til dit websted i frontend gratis.

Så for at bruge formularer til at give dine brugere mulighed for at uploade filer i frontend, skal vi først oprette formularen, så efter installation af plugin skal du gå til Kontakt > Tilføj ny .



På denne skærm vil du have nogle HTML-tags med shortcode for hvert felt inde, som standard oprettes en formular med de grundlæggende felter.



Da vi vil tilføje et filoverførselsfelt, skal du klikke på det sted, hvor du vil tilføje feltet, og derefter klikke på filen i de tilgængelige knapper/indstillinger.



Dette åbner en popup, hvor du kan indstille grænser for din filupload, tilføje alle de grænser, du ønsker, og til sidst klikke på indsæt tag .



Dette vil tilføje kortkoden for feltet i formularens indhold.



Nu kan du tilpasse så meget som du vil have din formular, tilføje andre felter eller tilføje HTML og også CSS, hvis du vil, da formularen tillader alle den slags tilpasninger.

Når alt er færdigt, kan du tilføje en titel og klikke på Gem .



Dette vil generere en kortkode, som du kan bruge til at indlejre formularen i dit indlæg eller din side, kopiere og derefter bruge den blok, der er tilgængelig i din sideeditor til at tilføje en kortkode, i dette tilfælde vil vi se, hvordan du tilføjer den med Gutenberg Redaktør.



Nu skal du udgive den, og du vil være i stand til at se formularen med de felter, du har tilføjet, og knappen til filoverførsel.



Alt du skal gøre er at klikke på Vælg fil og vælge filen, i dette tilfælde dit billede, fra dine mapper på din pc.



Når du har klikket på indsend, skulle det gøres, og billedet skulle nu være på dit websted.

På denne måde vil dine brugere være i stand til at uploade billeder til dit websted, sammen med nogle andre oplysninger, vi muligvis har brug for, såsom navnet eller e-mail fra den person, der uploadede ved hjælp af en formular, virkelig enkel og funktionel.


 Brug af WordPress File Upload Plugin

Nu hvor vi så den normale "gamle" måde, lad os se, hvordan man uploader et billede, men ved at bruge dette plugin, der giver os mulighed for at indlejre en filoverførselsindstilling i ethvert indlæg eller en side uden at skulle udfylde andre oplysninger eller oprette en formular overhovedet .

Først og fremmest skal vi have "WordPress File Upload" plugin installeret, da dette vil give os alle de nødvendige muligheder for at oprette filoverførselsindstillingen.



Efter at have haft dette plugin aktivt på vores websted, skulle vi være i stand til at se en menuindstilling tilgængelig for at kontrollere alle de filer, vi uploader ved hjælp af den.


For at bruge det skal vi bare tilføje en kortkode [wordpress_file_upload] , hvor vi vil vise den, i dette tilfælde har vi et indlæg med noget info forberedt, hvor vi tilføjede kortkoden, så du kan tjekke, hvordan den ville se ud som i Gutenberg Editor og frontend.

Gutenberg Editor


Frontend


Nu hvor vores uploadformular er tilføjet, skal du blot klikke på "Vælg fil" for at udforske dine pc-filer, og til sidst skal du klikke på Upload fil.

Ved at klikke på denne knap kan din bruger uploade et billede eller en fil til dit websted, og det bedste ved dette er, at vi kan vælge, hvor på serveren vi vil uploade billedet direkte under plugin-indstillingerne, samt hvordan det ser ud like og mange andre indstillinger for formularen.

Det primære sted, hvor vi kan kontrollere uploads, vil være i "Upload filer"-indstillingen i venstre menu fra admin-dashboardet, dette er hovedsiden for plugin'et, hvor alle de uploadede filer vises.



Som du kan se et nemt og funktionelt plugin, der giver os mulighed for at få billeder fra vores brugere uden større besvær mere end at indsætte kortkoden i backend og vente på, at brugerne uploader filen.


 Administrer medier pr. brugerrolle ved hjælp af WP Media Folder

Som vi kan se, er der mange måder at tillade vores brugere at uploade billeder og filer i frontend, men sagen i de tilfælde er, at billederne kunne uploades "tilfældigt", og vi kunne ikke have nøjagtig god kontrol over, hvor disse uploades, ingen bekymringer overhovedet! WP Media Folder til undsætning.

WP Media Folder har et særligt værktøj dedikeret til at administrere adgangen til dit mediebibliotek, dette kan være rigtig nyttigt, når du vil kontrollere, hvem der uploader billeder og hvor, samt hvis du vil tillade dine brugere at administrere deres egne medier direkte i mediebibliotek uden at kunne se andre roller/brugeres medier :)



Først og fremmest skal vi have installeret WP Media Folder , dette er plugin'et, der giver os mulighed for at bruge alle de tilgængelige funktioner til at få dette til at fungere.

Nu hvor vi har installeret det, bliver vi nødt til at aktivere muligheden for at begrænse adgangen, for dette skal du gå til Indstillinger > WP Media Folder , og vi vil være i stand til at se WP Media Folder hovedkonfigurationssiden.



I dette afsnit skal du navigere til Adgang og design > Medieadgang .


I dette afsnit, for at begrænse mediet pr. brugerrolle og automatisk generere en mappe dedikeret til hver brugerrolle, vil vi vælge Medieadgang efter bruger eller brugerrolle og brugerroller .



Vi har også flere muligheder som at vælge en stimappe eller tillade rollen/brugeren at se alle andre brugere/rollemedier.

Nu hvor vi har aktiveret muligheden for kun at tillade en brugerrolle at redigere deres egne medier, lad os sige, at vi har en redaktørrolle, og vi ønsker, at alle brugere under denne rolle skal kunne se og administrere deres medier for indlæg og sider.

Med de muligheder, vi valgte, burde alt dette være muligt, så lad os se, for dette, alt hvad vi skal gøre er at logge på som redaktør og uploade medierne, som de ville gøre normalt.

Når du er logget ind som redaktør, vil du kunne se mediebiblioteket på denne måde.


Som du kan se, er der to sektioner, hvor mediebiblioteket fortæller dig, at vi er i en mappe kaldet "editor", så lad os uploade nogle medier for at tjekke, hvordan det ville fungere.

Processen for upload ville være nøjagtig den samme, som du plejer, det kunne være at bruge et frontend-uploadværktøj eller bare bruge dit mediebibliotek, alt hvad denne brugerrolle uploader, vil automatisk blive begrænset til brugerrollen.

En af fordelene ved at bruge WP Media Folder er, at denne rolle (og alle andre med adgang til wp-admin) vil være i stand til at oprette mapper ved at bruge knappen +Tilføj ny mappe .



Nu hvor vi har tilføjet nogle medier og også en undermappe til vores rollemappe, burde vi kunne se den som en admin under Editor-mappen.



Vi kan bekræfte, at der under mediebiblioteket er oprettet Editor

Nu hvor vi har aktiveret medieadgangsindstillingen , vil der blive oprettet en mappe for hver rolle, der får adgang til dit mediebibliotek og uploader et billede, og vil være i stand til at dele eller ej medie med de andre brugere under samme rolle afhængigt af indstillingerne du vælger.

Hvilken fantastisk funktion og virkelig nem at bruge! Er det ikke?


Tillad dine brugere at uploade filer på den mest professionelle måde 

I dette indlæg var vi i stand til at se, hvordan vi tillader vores brugere at uploade deres billeder på den mest professionelle måde og tilpasse vores side til hvert enkelt tilfælde, såsom blot at indsende en formular eller også tillade vores redaktører at oprette en delt mappe, som kun de vil kunne se i Mediebiblioteket, og det er ikke alt! Med WP Media Folder vil du være i stand til at gøre flere andre ting som at forbinde dit mediebibliotek til en skytjeneste, Awesome! Er det ikke?

Se mere om WP Media Folder og adgangsbegrænsningen her !

1
Hold dig informeret

Når du abonnerer på bloggen, sender vi dig en e-mail, når der er nye opdateringer på siden, så du ikke går glip af dem.

JoomUnited 10 års jubilæum!
Sådan downloader du billeder fra WordPress-mediet...
 

Kommentarer

Der er endnu ingen kommentarer. Vær den første til at indsende en kommentar
Allerede registreret? Log ind her
Gæst
Mandag den 8. august 2022

Captcha-billede