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

منتدى شروحات ودروس منتديات PBBoard

حلّ مشكلة Optimize images

[درس]:

: [درس]: حلّ مشكلة Optimize images

31-03-2014 12:14 مساءً

Mr King

السلام عليكم ورحمة الله

استكمالا لدورة تحسين أداء وسرعة المنتدى

نصل إلى المشكل الثاني و هو Optimize images

كلّ ما علينا فعله هو تحميل الصور التي تمّ ضغطها ونقوم باستبدالها بالصور الموجودة عندنا في الاستضافة

ثمّ نستبدل الصيغ الضرورية

نضغط على optimized version (الموجودة بجانب رابط كلّ صورة )

بعد أن تنبثق نافذة جديدة سنجد الصورة المضغوطة التي يجب رفعها الى الاستضافة

لتحميلها ، نضغط على الصورة بيمين الفأرة ثمّ نختار save as ...

بعد أن نختار المكان الذي سنحفظ فيه الصورة، سيتوجّب علينا حذف الأرقام و العلامة " _ " التي تمّ إضافتها في نهاية اسم الصورة

ثمّ نحفظ الصورة على الكمبيوتر

بعد تحميل جميع الصور بنفس الطريقة نقوم برفع كلّ صورة إلى مسارها إمّا عن طريق مدير الملفاة

أو عن طريق برنامج ال FTP (وهو الاختيار الأفضل)

لم ننتهي بعد لأنّه توجد مشكلة صغيرة ولكنّها تتطلّب بعض العمل،

توجد بعض الصور بصيغة gif ولكن الصور المضغوطة التي قمنا بتحميلها، جميعها بصيغة png

لن نستطيع تغيير الصيغة بالفوتوشوب لأنّ تلك الصور يزيد حجمها عند تغيير صيغتها

الحلّ الوحيد هو استبدال الصيغة في ورقة css و في القوالب

نذهب إلى .: لوحة الادارة - الاستايلات و القوالب - التحكم بالاستايلات - تحرير css متقدّم (أمام الاستايل الذي نستخدمه افتراضي)

ثمّ نضغط على الأزرار ctrl و F (في لوحة المفاتيح، نضغط عليهما في نفس الوقت)

وفي خانة البحث نكتب اسم الصورة (1)

بعد أن ظهرت النتيجة ، نقوم باستبدال صيغة الصورة (2) و نتأكّد إذا كانت توجد صورة أخرى بنفس الاسم و الصيغة بالضغط على استكمال البحث (3)

بعد أن نستبدل صيغ جميع الصور التي لدينا نحفظ العمل، "حفظ وإعادة تحميل"

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

نذهب إلى : الاستايلات و القوالب - البحث بالقوالب

في خانة البحث نكتب اسم الصورة ونضغط "البحث"

بعد أن تظهر القوالب الموجودة فيها الصورة نضغط "تحرير" أمام كلّ قالب،

ونبحث عن اسم الصورة و نقوم بتغيير صيغتها كما فعلنا في ورقة CSS

عند الانتهاء من جميع الصور نقوم بإعادة الفحص لنتأكّد أنّنا لم ننسى أيّ صورة

انتهى

قبل استبدال الصور

بعد استبدال الصور