Come immagini in scala di grigi in WordPress

Come immagini in scala di grigi in WordPress / Esercitazioni

Ti sei mai chiesto se ci fosse un modo per automaticamente le immagini in scala di grigi in WordPress quando li carichi? Bene, il tempo delle meraviglie è finito. In questo articolo, ti mostreremo come utilizzare alcuni semplici strumenti di manipolazione delle immagini PHP e funzioni di WordPress per caricare automaticamente le immagini in scala di grigi. Puoi utilizzare le immagini in scala di grigi per hover, cursori, galleria o qualsiasi altra cosa tu voglia.

La prima cosa che devi fare è aprire il file functions.php del tuo tema e aggiungere il seguente codice:

add_action ( 'after_setup_theme', 'themename_bw_size'); function themename_bw_size () add_image_size ('themename-bw-image', 100, 100, true); 

Il codice sopra aggiunge semplicemente una dimensione aggiuntiva per l'uploader. La dimensione è impostata su 100 x 100 px con ritaglio duro. È possibile modificare le dimensioni in base alle proprie esigenze. Dopo averlo fatto, devi aggiungere il seguente codice:

 add_filter ( 'wp_generate_attachment_metadata', 'themename_bw_filter'); function themename_bw_filter ($ meta) $ file = wp_upload_dir (); $ file = trailingslashit ($ file ['percorso']). $ meta ['dimensioni'] ['themename-bw-image'] ['file']; lista ($ orig_w, $ orig_h, $ orig_type) = @getimagesize ($ file); $ image = wp_load_image ($ file); imagefilter ($ image, IMG_FILTER_GRAYSCALE); switch ($ orig_type) case IMAGETYPE_GIF: imagegif ($ image, $ file); rompere; case IMAGETYPE_PNG: imagepng ($ image, $ file); rompere; case IMAGETYPE_JPEG: imagejpeg ($ image, $ file); rompere;  return $ meta;  

Il codice sopra praticamente dice all'autore del caricamento di creare una dimensione extra dell'immagine che hai caricato. Ritaglia la dimensione specificata nel passaggio precedente. Quindi applica il filtro immagine: Scala di grigi.

Se lo facevi per le miniature dei post, puoi visualizzarlo in questo modo nel tuo tema:

 

Se si desidera eseguire questa operazione per un allegato specifico, è possibile utilizzare la funzione wp_get_attachment_image.

Nota: è necessario modificare themename al nome del tema.

Tutti i crediti per questo fantastico trucco vanno a Otto.