In questa guida approfondita vi diremo tutto quello che c’\u00e8 da sapere sulla Libreria Media di WordPress<\/strong>. Vedremo anche come importare e scaricare i contenuti<\/a>. Tratteremo anche l’editing delle immagini, la gestione dei file a lungo termine e vi offriremo quattro hack per aggiungere funzionalit\u00e0 avanzate.<\/p>\n Cominciamo!<\/p>\n Al suo core, la Libreria Media di WordPress \u00e8 esattamente ci\u00f2 che il suo nome lascia intendere: un catalogo di tutti i file (per esempio la favicon<\/a> del vostro sito) multimediali che avete caricato sul vostro sito:<\/p>\n WordPress supporta una variet\u00e0 di tipi di media, tra cui:<\/p>\n Ha anche alcune limitate capacit\u00e0 di photo-editing, permettendovi di effettuare le regolazioni necessarie direttamente dalla bacheca.<\/p>\n Purtroppo, WordPress non supporta ancora le immagini webp<\/a>.<\/p>\n Per accedere alla vostra Libreria Media, vi basta cliccare su Media<\/strong> nella barra laterale del pannello di amministrazione:<\/p>\n Qui sono disponibili alcune opzioni di base.<\/p>\n Per prima cosa, potete stabilire se vedere i vostri file in una lista o in una griglia cliccando sulle rispettive icone:<\/p>\n Potete anche filtrare i file utilizzando i menu a tendina:<\/p>\n Il primo menu vi permette di visualizzare i vostri media per tipo, mentre il secondo filtrer\u00e0 i contenuti della libreria in base alla data in cui sono stati caricati.<\/p>\n Potete anche utilizzare la barra di ricerca per cercare file specifici in base al nome:<\/p>\n Infine, c’\u00e8 anche un pulsante Selezione multipla<\/strong>. Questa funzione consente di eliminare dall’installazione di WordPress pi\u00f9 file in una volta:<\/p>\n Questo \u00e8 tutto sulle funzionalit\u00e0 native disponibili nella schermata della libreria media di WordPress.<\/p>\n Come vedremo pi\u00f9 avanti, potete fare molte modifiche per migliorarla. Prima, per\u00f2, dobbiamo vedere come aggiungere file a WordPress.<\/p>\n\n Esistono diversi modi per aggiungere file (ad esempio la favicon<\/a> del sito) alla libreria multimediale di WordPress. Il primo \u00e8 quello di andare su Media > Aggiungi nuovo<\/strong>:<\/p>\n Qui potete caricare i file che avete salvato sul computer o su un altro dispositivo:<\/p>\n Potete anche aggiungere i media direttamente dall’editor di WordPress. Nell’Editor a Blocchi<\/a>, iniziare aggiungendo il blocco corrispondente al tipo di supporto che volete incorporare:<\/p>\n Nel segnaposto che vi appare, selezionate Carica<\/strong> e scegliete un file dal computer:<\/p>\n In alternativa, potete semplicemente trascinare il file dal desktop nel blocco corrispondente.<\/p>\n Nell’Editor Classico \u00e8 necessario cliccare sul pulsante Aggiungi Media<\/strong>:<\/p>\n Quindi navigate fino alla scheda Carica<\/strong> e selezionate un file dal computer:<\/p>\n \u00c8 inoltre possibile trascinare e rilasciare i file dal desktop direttamente nell’editor.<\/p>\n In alcuni casi, potrebbe essere necessario caricare manualmente i file multimediali sul vostro sito WordPress via FTP<\/a>. Potete farlo utilizzando un client come FileZilla<\/a>.<\/p>\n Una volta connessi al server, navigate su wp-content > uploads:<\/strong><\/p>\n Caricate i file in questa directory per aggiungerli alla vostra Libreria Media.<\/p>\n In alcune circostanze, potrebbe essere necessario scaricare i file dalla Libreria Media sul vostro computer. WordPress consente di farlo nativamente navigando su Strumenti > Esporta:<\/strong><\/p>\n Quindi selezionate l’opzione Media<\/strong>. Se avete bisogno solo di file che sono stati caricati entro un determinato periodo di tempo, potete utilizzare i menu a tendina<\/a> per specificare la vostra richiesta:<\/p>\n Infine, fate clic sul pulsante Scarica il file di esportazione<\/strong>. In questo modo saranno scaricati sul vostro computer i relativi file multimediali.<\/p>\n Come abbiamo accennato in precedenza, WordPress dispone di alcune funzioni native di editing delle immagini. Per accedervi, navigate nella vostra Libreria Media e selezionate il file che desiderate modificare. Quindi, fate clic sul pulsante Modifica immagine<\/strong>:<\/p>\n Questo aprir\u00e0 l’editor delle immagini:<\/p>\n Potete fare cinque modifiche di base:<\/p>\n Il ritaglio<\/strong> consente di tagliare sezioni dell’immagine:<\/p>\n Ruotando<\/strong> l’immagine si pu\u00f2 ruotare l’immagine di 90 gradi in senso orario o antiorario:<\/p>\n Capovolgendo<\/strong> l’immagine la si rifletter\u00e0 sia verticalmente che orizzontalmente:<\/p>\n Le altre tre impostazioni sono nella barra laterale. La prima consente di modificare le dimensioni<\/strong> dell’immagine ridimensionandola<\/strong>. Basta inserire l’altezza o la larghezza desiderata e l’altro campo si auto-completa. Poi fate clic sul pulsante Scala<\/strong>:<\/p>\n \u00c8 importante ricordare che il ridimensionamento delle immagini in WordPress pu\u00f2 talvolta influire negativamente sulla qualit\u00e0.<\/p>\n Inoltre, potete prendere solo immagini di grandi dimensioni e ridurne le dimensioni. Non \u00e8 possibile scalare le immagini a dimensioni maggiori!<\/p>\n Per ritagliare l’immagine in modo che abbia un rapporto dimensioni o dimensioni specifiche, potete utilizzare i campi Rapporto dimensioni<\/strong> e Selezione<\/strong> nella sezione Ritaglia Immagine<\/strong>:<\/p>\n Infine, se volete conservare la miniatura dell’immagine esistente, potete farlo utilizzando le impostazioni delle miniature<\/strong>. Basta selezionare il pulsante di opzione per stabilire la versione dell’immagine a cui desiderate applicare le modifiche:<\/p>\n L’editing predefinito delle immagini di WordPress \u00e8 utile ma \u00e8 limitato. Non pu\u00f2 sostituire un qualsiasi software che potreste utilizzare per modifiche pi\u00f9 estese, specialmente se gestite un sito di fotografia o un fotoblog<\/a>.<\/p>\n Purtroppo ci sono gli errori di WordPress<\/a>. E la Libreria Media di WordPress non fa eccezione.<\/p>\n Un problema che si presenta di frequente \u00e8 un “errore HTTP” non specificato<\/a>, che pu\u00f2 apparire quando si carica un nuovo file dall’interno dell’editor:<\/p>\n Di solito, vi basta semplicemente aspettare che questo errore scompaia e provare di nuovo il caricamento dopo pochi minuti. Se l’errore HTTP si ripresenta, \u00e8 possibile che la sessione di WordPress sia scaduta<\/a>. Dovrete effettuare nuovamente il login<\/a> e poi riprovare il caricamento.<\/p>\n Un altro problema che alcuni utenti si trovano ad affrontare \u00e8 il mancato caricamento da parte della Libreria Media. Questo \u00e8 spesso dovuto a un conflitto con i plugin e\/o con il tema<\/a>. Per risolvere questo errore, provate a disattivare tutti i plugin e passare a un tema predefinito di WordPress<\/a>.<\/p>\n Se la vostra libreria media si carica di nuovo correttamente, dovrete comunque eliminare il conflitto del plugin per risolvere il problema in modo definitivo.<\/p>\n A volte, quando iniziate a caricare i vostri file attraverso la libreria multimediale, potreste incontrare l’errore “Upload: Failed to Write File to Disk<\/a>“. Di solito questo problema si verifica quando la vostra directory di upload \u00e8 impostata su Not Writable (non scrivibile). Potete controllare i permessi del vostro filesystem tramite lo strumento Site Health<\/a> di WordPress.<\/p>\n Per quanto riguarda la Libreria Media, finora ci siamo concentrati esclusivamente sulle funzionalit\u00e0 native di WordPress. Tuttavia, se si utilizza regolarmente questa funzionalit\u00e0, nel tempo \u00e8 probabile che si verifichino dei problemi che richiedono l’ausilio di soluzioni esterne.<\/p>\n Ad esempio, pi\u00f9 file si aggiungono, pi\u00f9 la vostra Libreria Media diventer\u00e0 disorganizzata. A parte le opzioni di ricerca e di filtro descritte all’inizio di questo post, WordPress non \u00e8 di grande aiuto per gestire volumi di media disorganizzati.<\/p>\n Esistono tuttavia alcuni plugin che consentono di organizzare i file multimediali in cartelle.<\/p>\n Il plugin WordPress Media Library Folders<\/a> \u00e8 la soluzione pi\u00f9 popolare:<\/p>\n Oltre a consentire la creazione di cartelle di file multimediali, questo plugin si integra con MaxGalleria<\/a> per consentire di creare gallerie di immagini direttamente dalla Libreria Media:<\/p>\n L’upgrade a WordPress Media Library Folders Pro<\/a> offre un’integrazione aggiuntiva con i plugin NextGEN Gallery<\/a> e Advanced Custom Fields<\/a>. Consente anche di creare categorie e tag per organizzare i file in modo ancora pi\u00f9 avanzato.<\/p>\n Un’altra funzionalit\u00e0 che manca a WordPress \u00e8 la possibilit\u00e0 di sostituire i file multimediali con nuove versioni. Dato che questi tipi di file possono essere abbastanza grandi, non basta semplicemente continuare ad aggiungerne di nuovi ogni volta che si ha bisogno di aggiornare i contenuti.<\/p>\n Ci\u00f2 significa che, dopo aver caricato un nuovo file, sar\u00e0 necessario individuare la vecchia versione e cancellarla. Potete risparmiare tempo sostituendo direttamente le vecchie immagini con Enable Media Replace<\/a>:<\/p>\n Con questo plugin potrete anche sostituire tutti i link che puntano al vecchio file. Questo \u00e8 utile per evitare la rottura dei link ai media in tutto il sito.<\/p>\n Real Media Library<\/a> \u00e8 un altro gestore di cartelle e file che vale la pena controllare per semplificare la vostra gestione dei file.<\/p>\n Grazie a questo plugin, potete prendervi cura di un sacco di file come immagini, video e documenti direttamente in WordPress. Utile da sapere: Real Media Library \u00e8 disponibile in 12 lingue. Se la versione gratuita non \u00e8 sufficiente per le vostre esigenze, potete acquistare la versione PRO<\/a> che include pi\u00f9 funzioni.<\/p>\n La Libreria Media di WordPress \u00e8 in grado di gestire la maggior parte delle normali necessit\u00e0 dell’amministratore del sito. Tuttavia, WordPress fornisce una serie di funzioni e di hook<\/a> che consentono agli utenti di migliorare le funzionalit\u00e0 specifiche della Libreria Media, senza ricorrere a plugin di terze parti. Scopriamo queste funzioni e hook con quattro esempi pratici.<\/p>\n Ogni volta che caricate un file multimediale, WordPress genera un tipo di post attachment<\/a>.<\/p>\n Come ogni altro tipo di post, gli attachment sono memorizzati nella tabella wp_posts<\/strong>, e i rispettivi metadati si trovano nella tabella wp_postmeta<\/strong> del vostro database:<\/p>\n La tabella wp_posts<\/strong> memorizza dati tra cui post_content<\/strong> (descrizione dell’allegato), post_excerpt<\/strong> (didascalia dell’allegato), post_author<\/strong>, post_title<\/strong>, post_status<\/strong> e post_mime_type<\/strong>.<\/p>\n La tabella wp_postmeta<\/strong> memorizza qualsiasi tipo di metadati, come l’URL del file allegato, le dimensioni dell’immagine e i mime type, nonch\u00e9 i metadati in formato EXIF (Exchangeable Image File format) e IPTC (International Press Telecommunications Council).<\/p>\n Occasionalmente potrebbe essere necessario aggiungere metadati personalizzati agli allegati, come il nome dell’autore di un documento, un URL associato o il luogo in cui \u00e8 stata scattata una foto. Aggiungere campi meta agli allegati \u00e8 un po’ diverso dall’aggiungere campi meta ai post e richiede il ricorso a hook e funzioni specifiche.<\/p>\n Per prima cosa, \u00e8 necessario aggiungere alla schermata Edit Media<\/strong> tutti i custom field necessari. Potete farlo filtrando i campi attachment disponibili attraverso il filtro attachment_fields_to_edit<\/a> presente in wp-admin\/includes\/media.php<\/strong>:<\/p>\n La funzione ha due argomenti: l’array $form_fields<\/strong> dei campi del form e l’oggetto $post<\/strong>. Per prima cosa, get_post_meta<\/strong> recupera il valore “media_author”<\/strong> esistente, poi un elemento “media_author”<\/strong> viene aggiunto all’array $form_fields<\/strong>.<\/p>\n Infine, la callback restituisce i campi $form_fields<\/strong> (vedi il codice su Gist<\/a>).<\/p>\n Nella pagina Modifica media<\/strong> viene visualizzato un nuovo campo, al quale si pu\u00f2 accedere selezionando la relativa immagine dalla propria Libreria Media e cliccando sul link Modifica i dettagli aggiuntivi<\/strong>:<\/p>\n Nella schermata risultante, vedrete il vostro nuovo campo di metadati personalizzati in basso:<\/p>\n Il passaggio successivo \u00e8 il salvataggio dell’input dell’utente. Per questo \u00e8 necessario agganciare una nuova funzione all’azione edit_attachment<\/strong>:<\/p>\n Questa funzione prende un solo argomento: l’$attachment_id<\/strong> del file multimediale corrente. Per prima cosa, la funzione verifica se \u00e8 stato inviato un valore valido per il metacampo personalizzato. Poi registra il valore grazie alla funzione update_post_meta<\/a> (si veda il codice su Gist<\/a>).<\/p>\n Ora \u00e8 possibile recuperare il valore ‘media_author’<\/strong> grazie alla funzione get_post_meta<\/strong>:<\/p>\n Dopo di che, potrete visualizzarlo in qualsiasi punto del frontend.<\/p>\n WordPress memorizza automaticamente i metadati estesi per i mime type JPEG e TIFF. Ora che sapete come aggiungere campi alla schermata Modifica Media<\/strong> via media.php<\/strong>, potete visualizzare questi dati.<\/p>\n Per farlo, \u00e8 necessario modificare la prima funzione di callback come segue:<\/p>\n Questo frammento utilizza le seguenti funzioni di WordPress:<\/p>\n Se il mime type dell’immagine \u00e8 “image\/jpeg”, e se i metadati esistono, allora viene dichiarato un array di metadati obbligatori e viene creato un campo del form per ogni elemento dell’array:<\/p>\n I campi del form di questo esempio sono un po’ pi\u00f9 complessi perch\u00e9 stiamo impostando un valore per l’elemento ‘html’<\/strong> del form (si veda il codice su Gist<\/a>). Non \u00e8 necessario salvare i metadati EXIF e IPCT, perch\u00e9 WordPress li memorizza automaticamente nella tabella wp_postmeta<\/strong> nel momento in cui si caricano le immagini.<\/p>\n Avere tutte queste informazioni per voi stessi sul back-end \u00e8 utile. Ma, se volete mostrare i metadati estesi dei vostri file multimediali anche sul frontend, dovrete fare un po’ pi\u00f9 di ritocchi.<\/p>\nIntroduzione alla Libreria Media WordPress<\/h2>\n
![\"La](\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/05\/libreria-multimediale-wordpress.png\")
<\/a>\n
![\"Accedere](\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/05\/accesso-mediateca-wordpress.png\")
<\/a>![\"Opzioni](\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/05\/opzioni-visualizzazione-libreria-multimediale-wordpress.png\")
<\/a>![\"Filtrare](\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/05\/filtrare-file-libreria-multimediale-wordpress.png\")
<\/a>![\"Barra](\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/05\/barra-ricerca-mediateca-wordpress.png\")
<\/a>![\"Opzione](\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/05\/opzione-bulk-select-1.png\")
<\/a>Come Aggiungere File alla Libreria Media di WordPress<\/h2>\n
![\"Accedere](\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/05\/accesso-wordpress-media-uploader.png\")
<\/a>![\"WordPress](\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/05\/wordpress-media-uploader.png\")
<\/a>![\"Blocchi](\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/05\/blocchi-multimediali-wordpress.png\")
<\/a>![\"Caricare](\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/05\/caricamento-media-block-editor.png\")
<\/a>![\"Pulsante](\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/05\/pulsante-add-media-classic-editor.png\")
<\/a>![\"Caricare](\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/05\/caricamento-media-classic-editor.png\")
<\/a>![\"Caricare](\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/05\/caricamento-file-nella-directory.png\")
Scaricare Contenuti dalla Libreria Media di WordPress<\/h3>\n
![\"Strumento](\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/05\/strumento-esportazione-wordpress.png\")
<\/a>![\"Esportare](\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/05\/esportazione-media-wordpress.png\")
<\/a>Come Modificare le Immagini Nella Libreria Media di WordPress<\/h2>\n
![\"Pulsante](\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/05\/pulsante-modifica-immagine-wordpress.png\")
![\"Editor](\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/05\/editor-immagini-wordpress.png\")
![\"Ritaglio](\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/05\/ritaglio-immagini-wordpress.png\")
![\"Rotazione](\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/05\/immagine-ruota-sinistra-wordpress.png\")
![\"Immagine](\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/05\/immagine-capovolta-orizzontalmente-wordpress.png\")
![\"Scalare](\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/05\/scalare-immagine-wordpress.png\")
![\"Impostazione](\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/05\/impostazione-dimensioni-selezione-ritaglio-immagine.png\")
![\"Impostazioni](\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/05\/impostazioni-miniature-editor-immagini-wordpress.png\")
Comprendere gli Errori della Libreria Media di WordPress<\/h2>\n
![\"Errore](\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/05\/errore-http-caricamento-supporti.png\")
Gestione a Lungo Termine della Libreria Media<\/h2>\n
![\"Il](\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/05\/wordpress-media-library-folders-plugin.jpg\")
<\/a>![\"Il](\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/05\/wordpress-gallery-maxgalleria-plugin.jpg\")
<\/a>![\"Il](\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/05\/enable-media-replace-plugin.jpg\")
<\/a>![\"Plugin](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/05\/Real-Media-Library-plugin.jpg\")
4 Pratici Hack per la Libreria Media di WordPress<\/h2>\n
1. Aggiungere Metadati Custom ai Tipi di Post Attachment<\/h3>\n
![\"Pannello](\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/05\/pannello-dettagli-fissaggio-default.png\")
function media_hacks_field_to_edit( $form_fields, $post ){\n\n\t\/\/ https:\/\/codex.wordpress.org\/Function_Reference\/wp_get_metadata\n\t$media_author = get_post_meta( $post->ID, 'media_author', true );\n \n\t$form_fields['media_author'] = array(\n\t\t'value' => $media_author ? $media_author : '',\n\t\t'label' => __( 'Author' )\n\t); \n\treturn $form_fields;\n}\nadd_filter( 'fields_to_edit', 'media_hacks_field_to_edit', 10, 2 );<\/code><\/pre>\n![\"Accedere](\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/05\/accesso-pagina-wordpress-edit-media.png\")
![\"Nuovo](\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/05\/nuovo-campo-metadati-autore.png\")
<\/a>function media_hacks_edit_attachment( $id ){\n\tif ( isset( $_REQUEST['attachments'][$id]['media_author'] ) ) {\n \n\t\t$media_author = $_REQUEST['attachments'][$id]['media_author'];\n \n\t\tupdate_post_meta( $id, 'media_author', $media_author );\n\t}\n}\nadd_action( 'edit_attachment', 'media_hacks_edit_attachment' );\n<\/code><\/pre>\n$media_author = get_post_meta( $post->ID, 'media_author', true );<\/code><\/pre>\n2. Visualizzare i Metadati EXIF e IPTC nella Schermata Modifica Media<\/h3>\n
function media_hacks_fields_to_edit( $form_fields, $post ){\n\n\t\/\/ get post mime type\n\t$type = get_post_mime_type( $post->ID );\n\n\t\/\/ get the attachment path\n\t$path = get_attached_file( $post->ID );\n\n\t\/\/ get image metadata\n\t$metadata = wp_read_image_metadata( $path );\n\n\tif( 'image\/jpeg' == $type ){\n\n\t\tif( $metadata ) {\n\n\t\t\t$exif_data = array(\n\t\t\t\t'aperture' => 'Aperture', \n\t\t\t\t'camera' => 'Camera', \n\t\t\t\t'created_timestamp' => 'Timestamp',\n\t\t\t\t'focal_length' => 'Focal Length', \n\t\t\t\t'iso' => 'ISO', \n\t\t\t\t'shutter_speed' => 'Exposure Time', \n\t\t\t\t'orientation' => 'Orientation' );\n\n\t\t\tforeach ( $exif_data as $key => $value ) {\n\n\t\t\t\t$exif = $metadata[$key];\n\t\t\t\t$form_fields[$key] = array(\n\t\t\t\t\t'value' => $exif ? $exif : '',\n\t\t\t\t\t'label' => __( $value ),\n\t\t\t\t\t'input' => 'html',\n\t\t\t\t\t'html' => \"ID][$exif]' value='\" . $exif . \"' \/>\n\t\t\t\t);\n\t\t\t}\n\t\t}\n\t}\n\treturn $form_fields;\n}\nadd_filter( 'fields_to_edit', 'media_hacks_fields_to_edit', 10, 2 );<\/code><\/pre>\n\n
![\"metadati](\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/05\/metadati-exif-iptc.png\")
3. Mostrare i Metadati Estesi sul Frontend<\/h3>\n