Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
Advertisement
  1. Code
  2. Theme Development
Code

الابتعاد عن TimThumb و التوجه نحو بي اف اي ثومب

by
Difficulty:IntermediateLength:MediumLanguages:

Arabic (العربية/عربي) translation by Saadkhaled (you can also view the original English article)

TimThumb بقى لوقت طويل نص تغيير حجم الصورة المفضل  لمؤلفين موضوع وردبرس . ولكن، مع وجود متطلبات تقديم موضوع ووردبرس الجديدة على ThemeForest، علينا أن نقول وداعا ل TimThumb.

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

بي اف اي ثمب هو مشروع مفتوح المصدر، وهو متاح على GitHub.


لماذا استخدمنا TimThumb؟

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

انت لا تحتاج  إلى القيام بالكثير من أجل عملها، سوف تحتاج فقط لاستخدام البرنامج النصي TimThumb كسمة src الخاصة بك في علامة img الخاصة بك وتمرير الصورة:

بمجرد ذلك التغيير البسيط، يمكنك أن:

  • تغيير حجم الصورة
  • اقتصاص جزء من الصورة
  • تطبيق عوامل تصفية الصورة مثل التدرج الرمادي واللون الخفيف
  • خبّأ الصورة الجديدة للاستخدام في المستقبل

هذه المهام سمحت لنا بإنشاء صور رائعة والتي لم تكن تقتصر على مصغرات مربعة صغيرة.


لماذا لم نعد نستطيع ان نستخدم TimThumb بعد الآن

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

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

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

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

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

لذا، يتعين علينا أن إسقاط TimThumb من مواضيع ووردبرس لدينا. كموضوع الكُتّاب على ThemeForest، ولعل السبب الأكثر وضوحاً أن TimThumb لم يعد مسموحاً به في تنفيذ الاحتياجات لتقديم الموضوع الجديد لووردبرسل Envato.


 محررالصور WP للإنقاذ... نوعًا ما

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

ربما واحدة من أفضل سمات فئة محرر الصور WP  هو أنه يدعم مكتبات GD و ImageMagick (على عكس TimThumb الذي فقظ GD). وهذا يعني أن لدينا مواضيع يمكن أن تدعم مزيد من المنشآت لووردبرس.

هذا كيفية استخدام فئة WP_Image_Editor:


محرر الصورةWP الموسع

محرر الصور WP  بسيط، ولكن قليلاً يفتقر لنوايانا. واضح انك ستحتاج إلى إنشاء وظيفة المجمع الخاص بك بحيث لن تحتاج إلى استخدام مجموعة من التعليمات البرمجية في كل مرة ترغب في عرض صورة تم تغيير حجمها.

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

وبصرف النظر عن الحاجة إلى إنشاء دالة مجمع، هناك أوجه قصور قليلة لاستبدال TimThumb بشكل مستقيم مع فئة WP_Image_Editor:

  • يمكنها فقط تنفيذ تغيير الحجم والاقتصاص وحفظ ملفات الصور
  • لا عوامل تصفية الصورة
  • لا توجد ذاكرة التخزين المؤقت للصورة
  • يمكن فقط تغيير حجم الصور إلى أسفل ولا اعلى
  • أبعاد الطول والعرض مطلوبة للقيام بتغيير الحجم
  • ويختلف الاستخدام من TimThumb

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


أفضل من كلا العالمين:بي اف اي ثمب

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

  • قم باستخدام WP_Image_Editor للقيام بالتلاعب في الصورة--باستخدام فئة ووردبرس هذه  تسمح بأقل الأخطاء، بما ان الجزء الأكبر للعملية لا يؤدى في التعليمات البرمجية الخاصة بنا. وهذا يعني أنه يمكن أن نقدم أيضا تغيير حجم لمكتبات GD و ImageMagick.
  • استخدام مماثل ل TimThumb-الاستخدام ب TimThumb مثالي، نظراً لأنك لا علبك إلا تغيير سمة src من علامات img الخاص بك. مسار الصورة التي تم تغيير حجمها لأن يتم إرجاعها بواسطة الدالة. هذا يسمح لتعليمات برمجية أكثر قابلية للقراءة وأبسط وقت للانتقال.
  • قدرات مماثلة ب TimThumb-القدرة على تطبيق عوامل تصفية الصورة كانت واحدة من نقاط البيع لTimThumb. نظراً لأننا نريد انتقال سهل، سيكون من الأفضل لو بعض فلاتر الصور الشائعة كانت لا تزال متاحة.

كيف يعمل

  • البرنامج النصي يمتد WP_Image_Editor  ويضيف المزيد من الوظائف.
  • ينفذ  مغيرحجم أكثر مرونة يسمح بالتغيير بالعرض أو الارتفاع فقط. وهذا مفيد بشكل خاص في تصاميم البناء، يمكنك تقليص حجم عرض الصور مع الاحتفاظ نسبة العرض إلى الارتفاع الأصلي.
  • الفئات الموسعة تنفذ بعض فلاتر الصورالموجدة ب TimThumb.
  • الصور المعالجة المخبئة في مجلد تحميل ووردبرس لتحميل أسرع في تحميل الصفحة مستقبلا.

كيفية استخدامه

قدم بي اف اي ثمب ليكون مشابه للاستخدام ب TimThumb. وتتمثل الدالة الرئيسية التي سوف تحتاج إلى استدعاءها هي bfi_thumb. مماثلة ب TimThumb، ستسخدم هذه الدالة في سمة src ضمن علامات img الخاصة بك. هذه الدالة تأخذ عنوان URL لصورة جنبا إلى جنب مع مجموعة متغيرات، ثم تقم بإرجاع عنوان الURL للصورة المجهزة.

هنا هو الاستخدام الأساسي للدالة، مقسمة إلى شرح ما يحدث:


تغيير الحجم والقص

لإجراء تغيير الحجم والاقتصاص، أنت تحتاج فقط إلى وضع المعايير اللازمة:


تصفية الصورة

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

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


الاستنتاج

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

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

وأنا أقدر جدا ردود الفعل والتعليقات والاقتراحات.

بم تستبدل TimThumb مع؟ سوف تستخدم بي اف اي ثمب في موضوع ووردبرس الخاص بك المقبل؟ اسمحوا لي أن أعرف ما هو رأيكم!

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.