كيفية تصنيف الصور بتدرج الرمادي في ووردبريس

هل تتساءل عما إذا كانت هناك طريقة لتصنيف الصور ذات التدرج الرمادي تلقائيًا في ووردبريس عند تحميلها؟

عادة ، تحتاج إلى أداة لتحرير الصور لتغيير صورك إلى التدرج الرمادي. ومع ذلك ، قد يستغرق ذلك وقتًا طويلاً حيث ستحتاج إلى تعديل كل صورة فردية قبل تحميلها على موقع الويب الخاص بك.

كما يمكنك تعلم كيفية وضع علامة على الصور في ووردبريس

في هذه المقالة ، سوف نوضح لك كيفية تصنيف الصور بتدرج الرمادي و استخدام الصور ذات التدرج الرمادي في ووردبريس أثناء التحميل على موقعك.

تصنيف الصور بتدرج الرمادي في ووردبريس

متى يجب استخدام الصور ذات التدرج الرمادي في ووردبريس؟

تحتوي الصور ذات التدرج الرمادي فقط على معلومات حول مقدار الضوء في الصورة. تظهر ألوان الصورة درجات مختلفة من الرمادي ، وتتنوع بين الأسود والأبيض.

في حالات معينة ، يمكن أن يكون استخدام الصور ذات التدرج الرمادي مفيدًا لموقع ووردبريس الخاص بك. على سبيل المثال ، يمكنك استخدامه لتحسين قابلية قراءة الكائنات المعروضة في الصورة.

من ناحية أخرى ، تُستخدم الصور ذات التدرج الرمادي بشكل شائع لمعالجة الصور نظرًا لصغر حجمها. يسمح للمطورين بتشغيل عمليات معقدة في وقت أقصر.

بعد قولي هذا ، دعنا نرى كيف يمكنك تحويل صورك إلى التدرج الرمادي في ووردبريس عند تحميلها.

صور Graysacling عند التحميل في ووردبريس

عندما يتعلق الأمر بإضافة الصور في مدونة ووردبريس ، فسيتعين عليك تحريرها قبل التحميل باستخدام برنامج تحرير الصور مثل Photoshop وتحويل الصور الملونة إلى درجات الرمادي.

إذا كان لديك مئات أو آلاف الصور المراد تحميلها ، فقد يستغرق الأمر وقتًا طويلاً لتحرير كل صورة يدويًا.

ومع ذلك ، يمكنك تحويلها تلقائيًا إلى صور ذات تدرج رمادي عند التحميل. للبدء ، كل ما عليك فعله هو إضافة الكود التالي إلى ملف jobs.php الخاص بالقالب :

add_filter('wp_generate_attachment_metadata','rb_bw_filter');
   
function rb_bw_filter($meta) {
   
    $path = wp_upload_dir(); // get upload directory
    $file = $path['basedir'].'/'.$meta['file']; // Get full size image
   
    $files[] = $file; // Set up an array of image size urls
   
    foreach ($meta['sizes'] as $size) {
        $files[] = $path['path'].'/'.$size['file'];
    }
   
    foreach ($files as $file) { // iterate through each image size
   
        // Convert image to grayscale credit to http://ottopress.com/2011/customizing-wordpress-images/
   
        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;
}

طريقة بسيطة لإضافة التعليمات البرمجية إلى ملفات القوالب هي باستخدام الإضافة Code Snippets لـ ووردبريس . إنها إضافة مجانية تساعدك في تشغيل مقتطفات التعليمات البرمجية دون الحاجة إلى تعديل ملف function.php الخاص بالثيم يدويًا.

أولاً ، ستحتاج إلى تنزيل الإضافة Code Snippets

عند التنشيط ، يمكنك التوجه إلى Snippets » Add New من لوحة معلومات ووردبريس الخاصة بك.

بعد ذلك ، انطلق وأدخل اسمًا لمقتطفك والصق الرمز أعلاه في منطقة الرمز.

بعد إدخال الرمز ، ما عليك سوى النقر فوق الزر “تنشيط” وحفظ التغييرات.

بعد ذلك ، يمكنك اختبار الكود عن طريق تحرير أو إضافة صفحة جديدة. عندما تكون في محرر ووردبريس ، امض قدمًا وانقر على الزر “+” وأضف كتلة صورة.

يمكنك الآن تحميل أي صورة على موقع ووردبريس الخاص بك وسيتم تحويلها تلقائيًا إلى صورة ذات تدرج رمادي.

نأمل أن تساعدك هذه المقالة في تعلم كيفية استخدام الصور ذات التدرج الرمادي في ووردبريس .