WordPress'te Görüntüleri Gri Tonlamalı Yapma

17 CommentsLeave a Reply

1. Tomas Kapler

   28 Eyl 2016, 08:21

   Harika bir ipucu, birçok kullanım için CSS filtresiyle bunu yapmanın daha iyi olabileceğini belirtmek isterim, örneğin.
   img.bw {
   filter: grayscale(1);
   }
   varsayılan olarak siyah beyaz gösterebilir veya üzerine gelindiğinde renkli gösterebilirsiniz, ya da siyah beyazdan tam renge ve geri animasyon yapabilirsiniz, örneğin.
   img.bw {
   filter: grayscale(0);
   }

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

   wp_generate_attachment_metadata filtresinin kullanılacak doğru filtre olduğunu düşünmüyorum, çünkü meta oluşturmada sadece görüntü oluşturmada değil, ikinci bir görüntü manipülasyonu yapıldığı için çağrılıyor, ancak doğru çözüm çok daha uzun olurdu, bu yüzden neden bu şekilde yapıldığını anlıyorum.

   Reply

2. rok

   22 Eyl 2015, 05:50

   Güzel çalışıyor ancak yükleme sırasında WP 4.3 medya kütüphanesinde hata veriyor.
   Sanırım yorumlarda yazan tüm düzeltmeleri uyguladım ama hala hata var.

   kodum şöyle görünüyor:

   add_filter(‘wp_generate_attachment_metadata’,’themename_bw_filter’);
   function themename_bw_filter($meta) {
   $time = substr( $meta[‘file’], 0, 7); // <- yüklemenin doğru zamanını al
   $file = wp_upload_dir( $time ); // <- doğru yükleme dizinini bulur
   $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 Tem 2015, 18:29

   Bu, word press'teki tüm resimleri gri tonlamaya mı yoksa yalnızca yeni güncellenenleri mi değiştirecek?

   Reply

4. Tomaž Zaman

   28 Şub 2015, 05:24

   Tartışmaya biraz geç kaldığımı biliyorum ama aynı sorunla (başkalarının bildirdiği hata) karşılaştım:

   imagefilter() parametre 1'in kaynak, verilen dize olmasını bekliyor

   Bu, mevcut aydan daha eski bir gönderiyi düzenlerken medya modülü aracılığıyla görsel yüklemeye çalıştığınızda olur; bu durum, WordPress'in orijinal görselin hangi dizinde olduğunu ve gri tonlamalı görseli hangi dizine kaydetmesi gerektiğini karıştırır.

   Çözüm bu:

   
<?php
add_filter('wp_generate_attachment_metadata','themename_bw_filter');
function themename_bw_filter($meta) {
$time = substr( $meta['file'], 0, 7); // <- yüklemenin doğru zamanını al
$file = wp_upload_dir( $time ); // <- doğru yükleme dizinini bulur
$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 Eyl 2014, 00:25

   sonucu filtre görüntüsünü belirli bir klasöre/dizine nasıl değiştirilir

   Reply

6. geertvdheide

   17 Eyl 2011, 18:42

   Bir ekleme: Aynı boyutta iki add_image_size çağrısı olmasından kaynaklanan, aynı dosya adına sahip iki resim sorununu aşmak için birkaç satır ekledim. Ek kod burada bulundu:

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

   Reply

   • mklemme

     21 Kas 2011, 22:56

     @geertvdheide

     Birden fazla boyut desteği eklemek isteseydiniz, benim kullandığımı deneyin:

     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 );

     }

     (Yükseklik tanımlanmamış, yalnızca genişlik.)

     hepsine uygulanması için farklı adları eklemeniz gerekir:

     [‘medium-thumb’ , ‘large-thumb’ , ‘small-thumb’] filtre kodunda.

     Temanızdaki küçük resmi makalede listelenenle aynı şekilde çağırın:

     Reply

   • Mike Logan

     24 Nis 2021, 05:30

     Mükemmel fikir, neredeyse 10 yıl sonra bu hala kullanışlı.

     Reply

7. geertvdheide

   17 Eyl 2011, 18:40

   Bu kodu paylaştığınız için teşekkürler! Uygulamaya çalışırken garip bir sorunla karşılaştım. Yüklenen görüntünün boyutuyla (piksel boyutu, yani boyutları) ilgili. Kodu kelimesi kelimesine temanın functions.php dosyasına kopyaladım ve add_image_size çağrısında belirtilen boyuttan daha büyük görüntülerle harika çalışıyor. Ancak belirtilen boyuttan küçük veya eşit bir görüntü kullanıldığında, WordPress'teki yükleyici hatalar veriyor ve görüntü boyutunu işlemez (yönetici ortamının medya bölümünden veya belirli bir gönderi veya sayfadan). Hata:

   Uyarı: imagefilter() parametre 1'in kaynak, dize verilmesini bekliyor.

   Hata içinde başka şeyler de var, ancak ana neden bu gibi görünüyor. imagefilter fonksiyonuna verilen görüntü verileri geçerli değil mi veya mevcut değil mi?

   Bunun nedenini bilen var mı? Benim durumumla temiz bir kurulum arasındaki tek gerçek fark, başka amaçlar için birkaç tane daha add_image_size çağrısı eklemiş olmam. Aynı boyutu iki kez ekliyorum (biri siyah/beyaz, biri normal), ancak bu daha büyük görsellerde bir sorun gibi görünmüyor.

   Reply

   • Ed Nailor

     19 Haz 2013, 12:14

     @GEERTVDHEIDE

     ve bunu ihtiyacı olan diğerleri için:

     Betik resmi gri tonlamaya dönüştürürken ve yüklenen dosya dosya boyutuna uymuyorsa, bu betiğin bozulmasına neden olur. Bunu önlemek için, $file olduğundan emin olmak için hızlı bir if() koşulu eklemeniz yeterlidir.

     $dosya = trailingslashit($dosya['path']).$meta['sizes']['themename-bw-image']['file'];
     if( $dosya ) {
     list($orig_w, $orig_h, $orig_type) = @getimagesize($dosya);
     ——– kodun geri kalanı ——–
     return $meta;
     }

     Bu, dönüştürmeye çalışmadan önce istediğiniz dosya boyutunun mevcut olup olmadığını kontrol edecektir.

     Umarım yardımcı olur!

     Reply

8. frankiegershwin

   26 Ağu 2011, 14:43

   @Otto42 Teklifin için teşekkürler. Yapacağım.

   Reply

9. Otto42

   23 Ağu 2011, 20:40

   @frankiegershwin çok kötü! Kod yardımı için bana doğrudan e-posta göndermekten çekinmeyin. otto@wordpress.org

   Reply

10. frankiegershwin

    23 Ağu 2011, 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 Ağu 2011, 15:23

    @frankiegershwin Yardım gerekirse bana bildirin. Orijinal gönderideki yorumlarıma sepya tonları ekleme şeklini de ekledim: http://t.co/avDNNEX

    Reply

12. rodhk

    22 Ağu 2011, 19:49

    @rodriguezhernan ne aptalca bir hile…. bunun için kodu değiştirmem gerekiyor

    Reply

13. wpbeginner

    22 Ağu 2011, 11:45

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

    Reply

14. Otto

    22 Ağu 2011, 11:31

    İnsanların “temaismi”ni kendi temalarının adıyla değiştirmeleri gerektiğini unutmayın.

    Reply