Come modificare le dimensioni di tutte le immagini per avere la stessa grandezza?

16 gen 2016, 07:20:43
Visualizzazioni: 14.7K
Voti: -1

Sto cercando di ottenere questo risultato senza dover utilizzare un programma di foto editing e ritagliare e incollare l'immagine alla dimensione esatta.

Non mi importa se metà dell'immagine viene tagliata, purché possiamo mantenere quelle dimensioni e la proporzione. esempio di layout con immagini di dimensioni uniformi

2
Commenti

Come stai utilizzando/aggiungendo queste immagini? Per favore, aggiungi un po' di codice. Dovresti usare le miniature, così tutte le immagini avranno le stesse dimensioni + non hai bisogno di immagini a dimensione intera nella lista: risparmierai molto traffico e ridurrai drasticamente i tempi di caricamento.

N00b N00b
16 gen 2016 07:39:04

Leggere questo dovrebbe spiegare le conoscenze di base dietro il caricamento/aggiunta di media (immagini) e le 3 opzioni standard per l'inserimento (impostazione delle dimensioni) che WordPress offre già pronti all'uso. Poi potresti leggere questo. E questo è anche una buona fonte. Come ha chiesto anche N00b, cosa hai provato, quale codice è stato usato. Hai effettivamente fatto qualche ricerca da solo, se sì, cosa non è chiaro.

Charles Charles
16 gen 2016 07:45:01
Tutte le risposte alla domanda 1
0

Registra una nuova dimensione per le immagini con add_image_size( $name, $width, $height, $crop ).

// Ritaglio fisso in alto a sinistra

add_image_size( 'custom-size', 160, 90, array( 'left', 'top' ) );

Successivamente utilizza un plugin come Regenerate Thumbnails che creerà automaticamente le nuove dimensioni sul tuo server.

Puoi anche rendere le tue dimensioni personalizzate selezionabili dall'amministrazione di WordPress. Per farlo, devi usare l'hook image_size_names_choose per assegnare loro un nome leggibile e comprensibile.

add_filter( 'image_size_names_choose', 'wpse_20160116_custom_sizes' );

function wpse_20160116_custom_sizes( $sizes ) {
    return array_merge( $sizes, array(
        'custom-size' => __( 'Nome della tua dimensione personalizzata' ),
    ) );
}

Per le immagini in evidenza assicurati di usare add_theme_support( ‘post-thumbnails’ ); e poi accedi alla nuova dimensione usando the_post_thumbnail( $size, $attr ):

if ( has_post_thumbnail() ) { 
    the_post_thumbnail( 'custom-size' ); 
}

Per altre immagini puoi usare wp_get_attachment_image:

// Supponendo che l'immagine nella tua Media Library abbia un post ID di 42...

echo wp_get_attachment_image( 42, 'custom-size' );

Come sottolinea @Charles, dovresti poter vedere la tua nuova dimensione nella schermata delle Impostazioni Media.

16 gen 2016 07:44:45