Come modificare la dimensione delle miniature in WordPress e perché si desidera

Quando configuri un nuovo sito Web WordPress, la piattaforma ti offre tre dimensioni di immagine con cui giocare: thumbnail , medium e large (più la risoluzione originale del file). Questo ti dà un solido numero di opzioni con cui lavorare. Tuttavia, le miniature in particolare possono essere difficili da usare, poiché è necessario assicurarsi che abbiano un bell'aspetto su tutti i temi e i dispositivi.

Fortunatamente, la modifica delle dimensioni delle miniature delle immagini in WordPress richiede solo un minuto o due. Già che ci sei, puoi anche aggiungere nuove dimensioni di immagine predefinite al tuo sito web, per avere ancora più scelte. In questo articolo ti insegneremo come fare entrambe le cose, quindi mettiamoci al lavoro!

Iscriviti al nostro canale Youtube

Come modificare le dimensioni delle miniature in WordPress

Modificare le dimensioni delle miniature in WordPress è straordinariamente facile. Ecco i passaggi che dovrai seguire, che approfondiremo a breve:

1. Vai alla dashboard di WordPress.
2. Vai alla scheda Impostazioni > Media .
3. Cerca la sezione Dimensioni immagine > Dimensioni miniature .
4. Modifica la larghezza e l'altezza predefinite delle miniature in pixel.

Questo è praticamente tutto. Diamo un'occhiata più da vicino alla sezione Dimensioni immagine > Miniatura , tuttavia:

Come puoi vedere, le dimensioni delle miniature predefinite creano un'immagine quadrata proporzionale. A 150×150 pixel, ecco cosa dovresti guardare:

Questa immagine utilizza quello che viene chiamato "ritaglio duro", poiché abbiamo abilitato l'impostazione Ritaglia miniatura alle dimensioni esatte . Ciò significa che WordPress prenderà la dimensione della miniatura che hai impostato, "riempirà" l'area con l'immagine che usi e lascerà il resto dell'immagine disattivato. Un "ritaglio morbido", d'altra parte, è un ridimensionamento che riduce le immagini mantenendo le loro proporzioni.

Per ora, vai avanti e scegli la nuova dimensione della miniatura predefinita. Quindi, ricordati di salvare le modifiche alle tue impostazioni.

Una volta impostata una nuova dimensione di anteprima predefinita, WordPress la utilizzerà per tutte le immagini che carichi da quel momento in poi. Tuttavia, cosa succede se si dispone già di una libreria multimediale considerevole che utilizza altre dimensioni di miniature?

Invece di ricaricare quelle immagini, puoi semplicemente "ridimensionarle". Lo strumento migliore per questo lavoro è il plug-in AJAX Thumbnail Rebuild:

Ciò che fa questo plugin è prendere tutte le miniature esistenti e ridimensionarle, una per una. Funziona anche con le altre dimensioni delle immagini utilizzate da WordPress, come Medium , Large e così via. Ciò significa che puoi usarlo anche se cambi una di quelle dimensioni predefinite (che ti mostreremo come fare in seguito).

Per iniziare, installa e attiva il plugin. Una volta fatto, vai alla scheda Impostazioni> Ricostruisci miniature e scegli le immagini che desideri ridimensionare, quindi fai clic sul pulsante Ricostruisci tutte le miniature :

Il processo potrebbe richiedere del tempo, a seconda di quante immagini contiene la tua libreria multimediale. Quindi sii paziente e non chiudere la scheda finché non viene visualizzato il messaggio Fine .

Perché potresti aver bisogno di cambiare la dimensione delle miniature di WordPress

A questo punto abbiamo già spiegato come cambiare la dimensione della miniatura, ma non abbiamo ancora discusso del perché . La dimensione predefinita della miniatura di WordPress di 150 × 150 pixel può funzionare bene per alcuni utenti, ma nessuna risoluzione dell'immagine singola è appropriata per tutti i tipi di design.

Potresti volere miniature più grandi che mostrino più dettagli, ad esempio. Ciò è particolarmente rilevante se gestisci un negozio di e-commerce. Oppure potresti voler utilizzare una forma più rettangolare, soprattutto quando si tratta di immagini in primo piano per un blog o un sito di notizie.

Se stai ridisegnando il tuo sito web o provando un nuovo tema, è anche una buona idea dedicare un po' di tempo a sperimentare con le dimensioni delle immagini, in modo da poter vedere cosa funziona meglio con il nuovo stile. Inoltre, il processo è così semplice che dovrebbe richiedere a malapena pochi minuti e non influisce sulla tua libreria multimediale esistente a meno che non installi il plug-in aggiuntivo che abbiamo introdotto sopra.

E se volessi aggiungere dimensioni di immagine personalizzate a WordPress?

Ogni volta che carichi un'immagine su WordPress, la piattaforma fa un po' di magia in background per ridimensionare quell'immagine in più dimensioni che puoi usare. Come accennato in precedenza, questo include miniature, immagini medie e grandi. Avere più dimensioni della stessa immagine può semplificarti la vita, consentendoti di scegliere l'opzione più adatta alle tue esigenze.

Puoi modificare queste dimensioni di immagine predefinite utilizzando lo stesso processo descritto sopra. Tuttavia, puoi anche aggiungere nuove dimensioni predefinite al tuo sito. Questa può essere un'opzione molto utile da avere. Puoi impostare dimensioni specifiche per tutti i diversi tipi di immagini sul tuo sito ed evitare di dover ridimensionare manualmente ogni nuova immagine.

Per aggiungere nuove dimensioni di immagine predefinite a WordPress, dovrai modificare il file functions.php del tuo tema. Ciò significa che ti consigliamo di connetterti al tuo sito utilizzando un client FTP (File Transfer Protocol) come FileZilla, quindi accedere alla cartella principale del tuo sito.

Una volta che sei lì, apri la directory wp-content/themes e cerca la cartella che condivide il nome del tuo tema:

Dovresti trovare il file functions.php all'interno di questa cartella. Una volta fatto, fai clic con il pulsante destro del mouse su di esso e seleziona l'opzione Visualizza / Modifica . Questo aprirà il file utilizzando il tuo editor di testo locale, quindi puoi apportarvi modifiche:

Fai molta attenzione quando apporti modifiche al file functions.php del tuo tema e non modificare nessuno dei suoi contenuti esistenti. Invece, ti consigliamo di aggiungere un nuovo frammento di codice in basso:

// This enables the function that lets you set new image sizes
add_theme_support( 'post-thumbnails' );
// These are the new image sizes we cooked up
add_image_size( 'post-image', 660 );
// Now we register the size so it appears as an option within the editor
add_filter( 'image_size_names_choose', 'my_custom_image_sizes' );
function my_custom_image_sizes( $sizes ) {
    return array_merge( $sizes, array(
        'post-image' => __( 'Post Images' ),
    ) );
}

I commenti all'interno di questo codice spiegano come funziona abbastanza bene. Innanzitutto, dice a WordPress che vuoi aggiungere nuove dimensioni di immagine al tuo tema. Quindi crea una nuova opzione predefinita e la registra in modo che venga visualizzata nell'editor la prossima volta che la apri.

Diamo un'occhiata più da vicino al nuovo default che abbiamo registrato:

add_image_size( 'post-image', 660 );

Quando aggiungi nuove dimensioni dell'immagine personalizzate, puoi impostare sia la larghezza che l'altezza. Nel nostro esempio, impostiamo semplicemente la larghezza, che è sempre il primo valore. Ciò significa che WordPress ridimensionerà le immagini alla larghezza che desideriamo e un'altezza proporzionale.

Se vuoi aggiungere anche un'altezza specifica, la tua linea sarà invece simile a questa:

add_image_size( 'post-image', 660, 480 );

Sentiti libero di aggiungere tutte le dimensioni personalizzate che desideri, utilizzando una nuova riga per ciascuna. Quindi salva le modifiche al tuo file functions.php e le nuove opzioni dovrebbero essere visualizzate nel tuo editor di WordPress.

Conclusione

Una delle parti migliori dell'utilizzo di WordPress è la sua personalizzazione. Non c'è nessun aspetto della piattaforma, grande o piccolo, che non puoi cambiare. Ciò vale anche per le dimensioni delle miniature di WordPress e per le varie altre opzioni di immagine predefinite.

Se desideri modificare la dimensione della miniatura predefinita di WordPress, puoi farlo in quattro rapidi passaggi:

1. Vai alla dashboard di WordPress.
2. Vai alla scheda Impostazioni > Media .
3. Cerca la sezione Dimensioni immagine > Dimensioni miniature .
4. Modifica la larghezza e l'altezza predefinite delle miniature in pixel.

Hai domande sulle dimensioni delle immagini di WordPress? Parliamo di loro nella sezione commenti qui sotto!

Immagine in miniatura dell'articolo di ConceptVectorDesign / shutterstock.com