Cum să încărcați o imagine WordPress de pe front-end cu un plugin

Încărcarea imaginilor este unul dintre cele mai importante lucruri atunci când vorbim despre un site web, deoarece imaginile sunt, practic, cele care dau stilul unui site fără imagini, un site ar putea părea prea vechi sau nu ar putea obține numărul de clienți/utilizatori pe care ni l-am dori. a obține.

În afară de aceasta, oferirea posibilității utilizatorilor dvs. de încărcare a imaginilor în frontend, vă poate oferi multe avantaje, cum ar fi să le permiteți să descarce documente sau orice imagine pe care ar dori să o folosească pentru, de exemplu, un profil.

În această postare, vom evalua câteva plugin -uri care ne permit să obținem ceea ce vrem să facem.

Cum să încărcați o imagine WordPress de pe front-end cu un plugin

Aici vom discuta mai multe moduri de a încărca imagini WordPress cu mai multe tipuri de pluginuri.

Încărcați fișiere în frontend folosind un plugin de formular

Unul dintre modalitățile rapide și cele mai accesibile este utilizarea unui plugin de formular, acest lucru este util atunci când trebuie să creăm, de exemplu, un formular de contact în care avem nevoie de utilizator pentru a încărca un document sau orice informații utile folosind o imagine.

Există multe plugin -uri care vă permit să creați formulare cu un câmp de încărcare a fișierelor, unul dintre acestea este Contact Form Form 7, care vă permite să încărcați fișiere pe site -ul dvs. din frontend gratuit.

Așadar, pentru a utiliza formulare pentru a permite utilizatorilor dvs. să încarce fișiere în frontend, va trebui să creăm mai întâi formularul, așa că, după instalarea pluginului, accesați Contact> Adăugați nou .

În acest ecran, veți avea câteva etichete HTML cu codul scurt pentru fiecare câmp din interiorul, în mod implicit, un formular este creat cu câmpurile de bază.

Deoarece dorim să adăugăm un câmp de încărcare a fișierelor, faceți clic pe locul în care doriți să adăugați câmpul, apoi faceți clic pe fișierul din butoanele/opțiunile disponibile.

Acest lucru va deschide un pop -up unde puteți seta limite pentru încărcarea fișierului, adăugați toate limitele pe care le doriți și, în final, faceți clic pe eticheta de inserare .

Aceasta va adăuga codul scurt pentru câmpul din conținutul formularului.

Acum puteți personaliza cât doriți formularul dvs., adăugați alte câmpuri sau adăugați HTML și, de asemenea, CSS dacă doriți, deoarece formularul admite toate aceste tipuri de personalizări.

Când totul este făcut, puteți adăuga un titlu și faceți clic pe Salvare .

Acest lucru va genera un cod scurt pe care îl puteți utiliza pentru a încorpora formularul în postarea sau pagina dvs., copia și apoi utilizați blocul disponibil în editorul de pagini pentru adăugarea unui cod scurt, în acest caz, vom vedea cum să -l adăugați cu editorul Gutenberg.

Acum trebuie să îl publicați și veți putea vedea formularul cu câmpurile pe care le -ați adăugat și cu butonul de încărcare a fișierelor.

Tot ce trebuie să faceți este să faceți clic pe Alegeți fișierul și selectați fișierul, în acest caz, imaginea dvs., din folderele dvs. de pe computer.

După ce faceți clic pe trimitere, ar trebui să fie făcut și imaginea ar trebui să fie acum pe site -ul dvs.

În acest fel, utilizatorii dvs. vor putea încărca imagini pe site -ul dvs., împreună cu alte informații de care este posibil să avem nevoie, precum numele sau e -mailul de la persoana care a încărcat folosind un formular, într -adevăr simplu și funcțional.

Utilizarea pluginului de încărcare a fișierului WordPress

Acum că am văzut modul normal „vechi”, să vedem cum să încărcăm o imagine, dar folosind acest plugin care ne va permite să încorporăm o opțiune de încărcare a fișierelor în orice postare sau pagină, fără a fi nevoie să completăm alte informații sau să creăm un formular deloc.

În primul rând, trebuie să avem instalarea pluginului „WordPress File Empload”, deoarece acest lucru ne va oferi toate opțiunile necesare pentru a crea opțiunea de încărcare a fișierelor.

După ce am activat acest plugin pe site -ul nostru, ar trebui să putem vedea o opțiune de meniu disponibilă pentru a verifica toate fișierele pe care le încărcăm folosindu -l.

Pentru a -l folosi, tot ce trebuie să facem este să adăugăm un cod scurt [wordpress_file_upload] unde vrem să -l afișăm, în acest caz, avem o postare cu câteva informații pregătite unde am adăugat codul scurt, astfel încât să puteți verifica cum ar arăta în editorul Gutenberg și în front -ul.

Editor Gutenberg

În față

Acum, după ce este adăugat formularul nostru de încărcare, tot ce trebuie să faceți este să faceți clic pe „Selectați Fișier” pentru a explora fișierele PC și, în final, faceți clic pe fișierul de încărcare.

Făcând clic pe acest buton, va permite utilizatorului dvs. să încarce o imagine sau un fișier pe site -ul dvs., iar cea mai bună parte a acestui lucru este că putem selecta unde în server dorim să încărcăm imaginea direct sub setările pluginului, precum și cum arată și multe alte setări pentru formular.

Locul principal în care putem verifica încărcările va fi în opțiunea „Încărcați fișiere” din meniul din stânga din tabloul de bord de administrare, aceasta este pagina principală pentru pluginul în care sunt afișate toate fișierele încărcate.

Deoarece puteți vedea un plugin ușor și funcțional care ne va permite să obținem imagini de la utilizatorii noștri, fără un inconvenient major mai mult decât lipirea codului scurt din backend și așteptarea utilizatorilor să încarce fișierul.

Gestionați media pe rolul utilizatorului folosind WP Media Folder

După cum putem vedea, există multe modalități de a permite utilizatorilor noștri să încarce imagini și fișiere în frontend, dar în aceste cazuri este că imaginile ar putea fi încărcate „la întâmplare” și nu am putea avea un control bun exact asupra locului în care acestea sunt încărcate, fără griji deloc! WP Media Folder la salvare.

WP Media Folder are un instrument special dedicat gestionării accesului la biblioteca dvs. media, acest lucru ar putea fi cu adevărat util atunci când doriți să controlați cine încarcă imagini și unde, precum și dacă doriți să permiteți utilizatorilor dvs. să gestioneze propriile media direct în biblioteca media, fără a putea vedea alte roluri/utilizatori Media.

În primul rând, trebuie să avem instalarea WP Media Folder, acesta este pluginul care ne va permite să folosim toate funcțiile disponibile pentru a face acest lucru.

Acum că l -am instalat, va trebui să permitem opțiunea de a limita accesul, pentru aceasta, accesați Setări> WP Media Folder și vom putea vedea WP Media Folder .

În această secțiune, navigați la Access & Design> Media Access .

În această secțiune, pentru a limita rolul media pe utilizator și pentru a genera automat un folder dedicat fiecărui rol de utilizator, vom selecta accesul media de către utilizator sau rolul utilizatorului și rolurile utilizatorului .

De asemenea, avem mai multe opțiuni, cum ar fi selectarea unui folder de cale sau permiterea rolului/utilizatorului să vadă toți ceilalți utilizatori/media de rol.

Acum că am permis opțiunea de a permite unui rol de utilizator să -și editeze propriile media, să zicem că avem un rol de editor și dorim ca toți utilizatorii să fie sub acest rol să poată vedea și gestiona media lor pentru postări și pagini.

Cu opțiunile pe care le -am selectat, toate acestea ar trebui să fie posibile, astfel încât să vedem, pentru asta, tot ce trebuie să facem este să ne conectăm ca editor și să încărcăm media așa cum ar face în mod normal.

Când vă conectați ca redactor, veți putea vedea biblioteca media astfel.

După cum puteți vedea, există două secțiuni în care biblioteca media vă permite să știți că suntem într -un folder numit „editor”, așa că hai să încărcăm unele media pentru a verifica cum ar funcționa.

Procesul de încărcare ar fi exact același ca de obicei, de obicei, ar putea folosi un instrument de încărcare frontend sau doar folosind biblioteca media, tot ceea ce se încarcă acest utilizator va fi limitat pentru rolul utilizatorului.

Unul dintre avantajele utilizării WP Media Folder este că acest rol (și toate celelalte cu acces la WP-Admin) va putea crea foldere folosind +Adăugare nou folder .

Putem confirma că sub biblioteca media a fost creat un de editor și în interior este folderul pe care l -am creat folosind rolul editorului și a fost la fel de ușor ca să faceți clic pe un buton!

Acum că am activat de acces media , va fi creat un folder pentru fiecare rol care accesează biblioteca media și încarcă o imagine și va putea să partajați sau nu media cu ceilalți utilizatori sub același rol, în funcție de setările pe care le alegeți, puteți avea, de asemenea, mai mult control asupra suportului dvs. folosind filtre .

Ce caracteristică minunată și cu adevărat ușor de utilizat! Nu-i aşa?

Permiteți utilizatorilor dvs. să încarce fișiere în cel mai profesionist mod

În această postare, am putut vedea cum să le permitem utilizatorilor noștri să își încarce imaginile în cel mai profesionist mod și să ne adaptăm site -ul la fiecare caz, cum ar fi doar trimiterea unui formular sau, de asemenea, permiterea editorilor noștri să creeze un folder partajat pe care numai ei îl vor putea vedea în biblioteca media, iar acest lucru nu este totul! Cu WP Media Folder veți putea face mai multe alte lucruri, cum ar fi conectarea bibliotecii dvs. media la un serviciu cloud , minunat! Nu-i aşa?

Verificați mai multe despre WP Media Folder și despre limitarea accesului aici !