Come immagini in scala di grigi in WordPress
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.