Hur man gör bilder gråskaliga i WordPress

17 CommentsLeave a Reply

1. Tomas Kapler

   28 sep 2016 kl. 08:21

   Bra tips, jag skulle bara vilja nämna att för många användningsområden kan det vara bättre att helt enkelt göra detta via CSS-filter, t.ex.
   img.bw {
   filter: grayscale(1);
   }
   Du kan till och med t.ex. visa svartvitt som standard och färg vid hover, eller så kan du göra en animation från gråskala till full färg och tillbaka, t.ex.
   img.bw {
   filter: grayscale(0);
   }

   img.bw.grey { filter: grayscale(1); transition-property: filter; transition-duration: 1s; }

   Jag tror inte heller att wp_generate_attachment_metadata-filtret är det korrekta att använda eftersom det anropas vid metadataskapande, inte bara bildskapande, och gör en andra bildmanipulation, men den korrekta lösningen skulle vara mycket längre, så jag förstår varför det görs på detta sätt.

   Reply

2. rok

   22 sep 2015 kl. 05:50

   Det fungerar bra men vid uppladdning kastar WP 4.3 fel i mediebiblioteket.
   Jag tror jag har tillämpat alla fixar som skrivits i kommentarerna, men fortfarande fel.

   min kod ser ut så här:

   add_filter(‘wp_generate_attachment_metadata’,’themename_bw_filter’);
   function themename_bw_filter($meta) {
   $time = substr( $meta[‘file’], 0, 7); // <- hämta korrekt tid för uppladdning
   $file = wp_upload_dir( $time ); // <- lokalisera korrekt uppladdningskatalog
   $file = trailingslashit($file[‘path’]).$meta['sizes']['slide-pic']['file'];
   if( $file ) {
   list($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 );
   break;
   case IMAGETYPE_PNG:
   imagepng( $image, $file );
   break;
   case IMAGETYPE_JPEG:
   imagejpeg( $image, $file );
   break;
   }
   return $meta;
   }

   Reply

3. Kim

   22 juli 2015 kl. 18:29

   Kommer detta att ändra alla bilder i WordPress till svartvitt eller bara nyligen uppdaterade?

   Reply

4. Tomaž Zaman

   28 feb 2015 kl. 05:24

   Jag vet att jag är lite sen till diskussionen, men jag hade precis samma problem med ett fel (som andra rapporterar):

   imagefilter() förväntar sig parameter 1 som en resurs, sträng angiven

   Detta händer när du försöker ladda upp en bild via medie-modalen när du redigerar ett inlägg som är äldre än den aktuella månaden, vilket uppenbarligen förvirrar WordPress om var originalbilden finns och i vilken katalog den gråskaliga bilden ska sparas.

   Detta är lösningen:

   
<?php
add_filter('wp_generate_attachment_metadata','themename_bw_filter');
function themename_bw_filter($meta) {
$time = substr( $meta['file'], 0, 7); // <- hämta korrekt tid för uppladdning
$file = wp_upload_dir( $time ); // <- lokalisera korrekt uppladdningskatalog
$file = trailingslashit($file['path']).$meta['sizes']['themename-bw-image']['file'];
list($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 );
break;
case IMAGETYPE_PNG:
imagepng( $image, $file );
break;
case IMAGETYPE_JPEG:
imagejpeg( $image, $file );
break;
}
return $meta;
}


   Reply

5. endul

   10 sep 2014 kl. 00:25

   hur man ändrar, resultatfilterbild till specifik mapp/katalog

   Reply

6. geertvdheide

   17 sep 2011 kl. 06:42

   Ett tillägg: Jag har lagt till några rader för att kringgå problemet med att ha två bilder med samma filnamn, orsakat av att ha två add_image_size-anrop med samma storlek. Den ytterligare koden hittades här:

   http://bavotasan.com/2011/create-black-white-thumbnail-wordpress/

   Reply

   • mklemme

     21 nov 2011 kl. 22:56

     @geertvdheide

     Om du ville lägga till stöd för flera storlekar, prova det jag använder:

     if ( function_exists( ‘add_theme_support’ ) ){

     add_theme_support( ‘post-thumbnails’ );

     set_post_thumbnail_size( 50, 50, true );

     add_image_size( ‘medium-thumb’, 660, ”, true );

     add_image_size( ‘large-thumb’, 960, ”, true );

     add_image_size( ‘small-thumb’, 100, ”, true );

     }

     (Höjden är inte definierad, endast bredden.)

     du skulle behöva lägga till de olika namnen för att funktionen ska gälla dem alla:

     [‘medium-thumb’ , ‘large-thumb’ , ‘small-thumb’] i filterkoden.

     Att anropa miniatyren i ditt tema är detsamma som anges i artikeln:

     Reply

   • Mike Logan

     24 apr 2021 kl. 05:30

     Utmärkt idé, nästan 10 år senare är detta fortfarande användbart.

     Reply

7. geertvdheide

   17 sep 2011 kl. 06:40

   Tack för att du delade med dig av koden! Förutom det stöter jag på ett konstigt problem när jag försöker implementera det. Det handlar om storleken på den uppladdade bilden (pixelstorlek, det vill säga dess dimensioner). Jag kopierade koden bokstavligt till min temas functions.php, och den fungerar utmärkt med bilder som är större än den storlek som anges i add_image_size-anropet. Men när jag använder en bild som är mindre än eller lika med den angivna storleken, ger uppladdaren i WordPress mig felmeddelanden och bearbetar inte bildstorleken (varken från medieavsnittet i adminmiljön, eller från ett specifikt inlägg eller sida). Felmeddelandet:

   Varning: imagefilter() förväntar sig parameter 1 som en resurs, sträng given.

   En del annat i felmeddelandet också, men detta verkar vara huvudorsaken. Bilddata som ges till imagefilter-funktionen är inte giltig eller existerar inte?

   Någon idé om vad som orsakar detta? Den enda verkliga skillnaden mellan min situation och en ren installation är att jag också har lagt till några andra `add_image_size`-anrop för andra ändamål på min webbplats. Jag lägger också till samma storlek två gånger (en svart/vit, en vanlig), men det verkar inte vara ett problem med de större bilderna.

   Reply

   • Ed Nailor

     19 juni 2013 kl. 12:14

     @GEERTVDHEIDE

     och för andra som behöver detta:

     När skriptet konverterar bilden till gråskala och den uppladdade filen inte uppfyller filstorleken, orsakar detta att skriptet bryts. För att förhindra detta, lägg helt enkelt till en snabb if()-villkorssats för att säkerställa att du har $file.

     $file = trailingslashit($file[‘path’]).$meta[‘sizes’][‘themename-bw-image’][‘file’];
     if( $file ) {
     list($orig_w, $orig_h, $orig_type) = @getimagesize($file);
     ——– resten av koden tills ——–
     return $meta;
     }

     Detta kommer att kontrollera att filstorleken du har begärt finns innan den försöker konvertera den.

     Hoppas det hjälper!

     Reply

8. frankiegershwin

   26 aug 2011 kl. 14:43

   @Otto42 Tack för erbjudandet. Det ska jag göra.

   Reply

9. Otto42

   23 aug 2011 kl. 20:40

   @frankiegershwin synd! Skicka gärna ett e-postmeddelande direkt till mig för kodhjälp. otto@wordpress.org

   Reply

10. frankiegershwin

    23 aug 2011 kl. 19:37

    @Otto42 thank you! I had a bit of a hard time, actually and had to undoe it will pick it up tomorrow. It’s a good way to mix it up onsite

    Reply

11. Otto42

    23 aug 2011 kl. 15:23

    @frankiegershwin Låt mig veta om du behöver hjälp. Jag lade också till ett sätt att göra sepia-toner i mina kommentarer på originalinlägget: http://t.co/avDNNEX

    Reply

12. rodhk

    22 aug 2011 kl. 19:49

    @rodriguezhernan vilken idiotisk knep... måste röra koden för det

    Reply

13. wpbeginner

    22 aug 2011 kl. 11:45

    @Otto Thanks for the comment Otto. Updated the post as well

    Reply

14. Otto

    22 aug 2011 kl. 11:31

    Notera att folk bör ändra "themename" till namnet på sitt tema istället.

    Reply