Caricare le immagini è uno degli aspetti più importanti quando si parla di un sito web, poiché sono proprio le immagini a dare lo stile a un sito; senza immagini, un sito potrebbe sembrare troppo vecchio o non potrebbe ottenere il numero di clienti/utenti che vorremmo.

Oltre a questo, dare la possibilità ai tuoi utenti di caricare immagini nel frontend potrebbe offrirti molti vantaggi, come consentire loro di scaricare documenti o qualsiasi immagine desiderino utilizzare, ad esempio, per un profilo.

In questo post valuteremo alcuni plugin che ci consentono di ottenere ciò che vogliamo.

Come caricare un'immagine WordPress dal frontend con un plugin

Qui discuteremo diversi modi per caricare immagini WordPress con diversi tipi di plugin.

Carica i file nel frontend utilizzando un plugin di modulo

Uno dei metodi più rapidi e accessibili è utilizzare un plugin per moduli, utile quando dobbiamo creare, ad esempio, un modulo di contatto in cui vogliamo che l'utente carichi un documento o qualsiasi informazione utile utilizzando un'immagine.

Esistono molti plugin che consentono di creare moduli con un campo per il caricamento dei file; uno di questi è Contact Form 7, che consente di caricare gratuitamente i file sul proprio sito nel frontend.

Quindi, per utilizzare i moduli per consentire agli utenti di caricare file nel frontend, dovremo prima creare il modulo. Dopo aver installato il plugin, andiamo su Contatto > Aggiungi nuovo .

In questa schermata, avrai alcuni tag HTML con all'interno lo shortcode per ogni campo; per impostazione predefinita, viene creato un modulo con i campi di base.

Poiché vogliamo aggiungere un campo per il caricamento di un file, clicchiamo nel punto in cui vogliamo aggiungere il campo e poi clicchiamo sul file nei pulsanti/opzioni disponibili.

Si aprirà una finestra popup in cui potrai impostare i limiti per il caricamento dei file, aggiungere tutti i limiti desiderati e, infine, fare clic su Inserisci tag .

In questo modo verrà aggiunto lo shortcode per il campo nel contenuto del modulo.

Ora puoi personalizzare il tuo modulo come preferisci, aggiungere altri campi o aggiungere HTML e anche CSS se lo desideri, poiché il modulo ammette tutti questi tipi di personalizzazioni.

Una volta fatto tutto, puoi aggiungere un titolo e cliccare su Salva .

Verrà generato uno shortcode che potrai utilizzare per incorporare il modulo nel tuo post o nella tua pagina, copiarlo e quindi utilizzare il blocco disponibile nell'editor della tua pagina per aggiungere uno shortcode. In questo caso, vedremo come aggiungerlo con l'editor Gutenberg.

Ora devi pubblicarlo e potrai vedere il modulo con i campi che hai aggiunto e il pulsante per caricare il file.

Tutto quello che devi fare è cliccare su Scegli file e selezionare il file, in questo caso la tua immagine, dalle cartelle del tuo PC.

Dopo aver cliccato su Invia, l'operazione dovrebbe essere completata e l'immagine dovrebbe essere ora sul tuo sito.

In questo modo i tuoi utenti potranno caricare le immagini sul tuo sito, insieme ad altre informazioni di cui potremmo aver bisogno, come il nome o l'indirizzo email della persona che le ha caricate, utilizzando un modulo, in modo davvero semplice e funzionale.

Utilizzo del plugin di caricamento file di WordPress

Ora che abbiamo visto il "vecchio" metodo normale, vediamo come caricare un'immagine utilizzando questo plugin che ci permetterà di incorporare un'opzione di caricamento file in qualsiasi post o pagina senza dover compilare altre informazioni o creare alcun modulo.

Per prima cosa, dobbiamo installare il plugin "WordPress File Upload", poiché ci fornirà tutte le opzioni necessarie per creare l'opzione di caricamento dei file.

Dopo aver attivato questo plugin sul nostro sito, dovremmo essere in grado di vedere un'opzione di menu disponibile per controllare tutti i file che carichiamo utilizzandolo.

Per utilizzarlo, tutto ciò che dobbiamo fare è aggiungere uno shortcode [wordpress_file_upload] nel punto in cui vogliamo visualizzarlo; in questo caso, abbiamo preparato un post con alcune informazioni in cui abbiamo aggiunto lo shortcode, così puoi controllare come apparirà nell'editor Gutenberg e nel frontend.

Editor Gutenberg

Fine frontale

Ora che il nostro modulo di caricamento è stato aggiunto, non devi far altro che cliccare su "Seleziona file" per esplorare i file del tuo PC e, infine, cliccare su Carica file.

Facendo clic su questo pulsante, l'utente potrà caricare un'immagine o un file sul sito e la parte migliore è che possiamo selezionare direttamente nelle impostazioni del plugin dove caricare l'immagine sul server, nonché il suo aspetto e molte altre impostazioni per il modulo.

Il posto principale in cui possiamo controllare i caricamenti sarà l'opzione "Carica file" nel menu a sinistra della dashboard di amministrazione, questa è la pagina principale del plugin in cui vengono visualizzati tutti i file caricati.

Come puoi vedere, un plugin semplice e funzionale ci consentirà di ottenere immagini dai nostri utenti senza troppi inconvenienti, se non quello di incollare lo shortcode nel backend e attendere che gli utenti carichino il file.

Gestisci i media per ruolo utente utilizzando WP Media Folder

Come possiamo vedere, ci sono molti modi per consentire ai nostri utenti di caricare immagini e file nel frontend, ma il problema in questi casi è che le immagini potrebbero essere caricate "in modo casuale" e non potremmo avere un controllo preciso su dove vengono caricate, nessun problema! WP Media Folder viene in soccorso.

WP Media Folder ha uno strumento speciale dedicato alla gestione dell'accesso alla tua libreria multimediale, che può rivelarsi molto utile quando vuoi controllare chi carica le immagini e dove, nonché se vuoi consentire ai tuoi utenti di gestire i propri file multimediali direttamente nella libreria multimediale senza poter vedere i file multimediali di altri ruoli/utenti.

Prima di tutto, dobbiamo aver installato WP Media Folder, questo è il plugin che ci permetterà di utilizzare tutte le funzionalità disponibili per far funzionare tutto.

Ora che l'abbiamo installato, dovremo abilitare l'opzione per limitare l'accesso. Per farlo, andiamo su Impostazioni > WP Media Folder e potremo vedere la WP Media Folder .

In questa sezione, vai su Accesso e progettazione > Accesso ai media .

In questa sezione, per limitare i media per ruolo utente e generare automaticamente una cartella dedicata per ogni ruolo utente, selezioneremo Accesso ai media per utente o Ruolo utente e Ruoli utente .

Abbiamo anche altre opzioni, come la selezione di una cartella di percorso o la possibilità per il ruolo/utente di vedere tutti gli altri utenti/ruoli multimediali.

Ora che abbiamo abilitato l'opzione per consentire solo a un ruolo utente di modificare i propri contenuti multimediali, supponiamo di avere un ruolo di editor e vogliamo che tutti gli utenti con questo ruolo possano vedere e gestire i propri contenuti multimediali per post e pagine.

Con le opzioni che abbiamo selezionato, tutto questo dovrebbe essere possibile, quindi vediamo: per farlo, tutto ciò che dobbiamo fare è accedere come editor e caricare i contenuti multimediali come faremmo normalmente.

Dopo aver effettuato l'accesso come editor, potrai visualizzare la libreria multimediale in questo modo.

Come puoi vedere, ci sono due sezioni in cui la Libreria multimediale ti fa sapere che ci troviamo in una cartella chiamata "editor", quindi carichiamo alcuni file multimediali per verificare come funzionerebbe.

Il processo di caricamento è esattamente lo stesso che fai di solito: puoi usare uno strumento di caricamento frontend o semplicemente la tua libreria multimediale; tutto ciò che carica questo ruolo utente sarà automaticamente limitato per quel ruolo utente.

Uno dei vantaggi dell'utilizzo di WP Media Folder è che questo ruolo (e tutti gli altri con accesso a wp-admin) potranno creare cartelle utilizzando il +Aggiungi nuova cartella .

Possiamo confermare che nella libreria multimediale è stata creata una Editor e al suo interno si trova la cartella che abbiamo creato utilizzando il ruolo Editor. È stato facile come cliccare un pulsante!

Ora che abbiamo abilitato l' di accesso ai media , verrà creata una cartella per ogni ruolo che accede alla tua libreria multimediale e carica un'immagine, e potrai condividere o meno i media con gli altri utenti con lo stesso ruolo a seconda delle impostazioni che scegli; puoi anche avere un maggiore controllo sui tuoi media utilizzando i filtri .

Che funzionalità fantastica e davvero facile da usare! Non è vero?

Consenti ai tuoi utenti di caricare file nel modo più professionale

In questo post, abbiamo potuto vedere come consentire ai nostri utenti di caricare le loro immagini nel modo più professionale e adattare il nostro sito a ogni caso, ad esempio semplicemente inviando un modulo o consentendo ai nostri redattori di creare una cartella condivisa che solo loro potranno visualizzare nella Libreria Multimediale, e non è tutto! Con WP Media Folder potrai fare molto di più, come collegare la tua Libreria Multimediale a un servizio cloud . Fantastico! Non è vero?

Scopri di più su WP Media Folder e sulle limitazioni di accesso qui !