قالب NewsBT النسخة 3 تحديثات مهمة

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

كالعادة عند العمل على تحديثات مهمة اضطر الى الغياب اعتذر مرة اخرى لناس الذين لم ارد عليهم. كان من المفروض ان يصدر تحديث 2.4 لكن بعد ملاحظة الطلبات الكثيرة للاصدار الاول تيقنت من ان قالب newsbt به مشاكل (احيانا الواحد لا يسمع الا صوت نفسه 🙂 ) فقمت بسؤال احد الاخوة فكان الرد ان القالب يسبب ضغط على الاستضافة ومن هنا نستنتج انه قد يسبب مشكلة في الارشفة على فكرة جوجل يقوم بمعاينة سرعة الصفحة عند الارشفة على ما اظن كما هو موضح في الصورة قد يفسر الامر على ذالك

المهم التحديثات تطلبت وقت طويل وقد قمت باعادة ترتيب القالب وتحسين الاداء وازالة الامور التي لا فائدة منها او شكلها سيئ

الودجات

التطويرات التي تمت اجرائها هي كالتالي :

1. تحديث اكواد الويدجات الى PHP5 object وتحديث الدوال المنتقدة في الاصدار 4.3
2. ترتيب الخصائص على حسب الاهمية لكي تقوم باعداد القالب بسرعة
3. تمييز الودجات عند استعمالها بعرض اسم المربع او الموديل الذي تستعمل
4. اضافة خاصية (Color Picker) لتلوين ترويسة الودجات بشكل سهل
5. تم اصلاح بعض المشاكل كانت ببعض الودجات
6. تم اضافة مربع جانبي لعرض الاكثر مشاهدة وتعليق على حسب التصنيف
7. مجموع المربعات التي تم الاستغناء عنها 3 منها الموديل 23 (4 تصنيفات)

تهيئة الموقع لمحركات البحث (SEO)

هذه الخاصية فقط لمن ليس لديه خبرة او لا يهتم كثيرا لامور SEO كل ما عليك هو تفعيل الخاصية وتحديد اسم ووصف الموقع والكلمات المفتاحية واترك الباقي على الدوال الخاصة

بالقالب لتقوم لك بالعمل

القالب يقوم باضافة الميتاتاج الخاصة بالصفحات والمواضيع بشكل تلقائي هذا فقط اذا قمت بتفعيل الخاصية وهذا مثال على الاوسمة التي يتم اضافتها

العناوين

يتم عرض عنوان المقالة تلقائيا

الوصف

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

الكلمات المفتاحية

يتم استعمال وسوم المقالة ككلمات مفتاحية اذا لم يتم العثور على اوسمة يتم تفطيع العنوان الى كلمات واستعمالها

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

القالب و تقيم السرعة في جوجل (PageSpeed Insights)

اذا اردت الحصول على تقييم عالي ستضطر الى التخلي عن بعض الاشياء منها :

1. عدم استعمال ازرار المشاركة للمواقع الاجتماعية كفيسبوك او تويتر او جوجل +
2. عدم استعمال الصور من اليوتوب او Viemo او dailymotion مع ان استعمال الصور من هذه المواقع مباشرة تكسب من ورائه مساحة الاستاضافة
3. جودة الصور للمقالات ستضطر الى تقليلها

ايضا هناك مشكلة عند استعمال اضافة autoptimize يتم تحميل العناصر التي تستعمل jQuery بشكل بطيئ

مثال على تقييم منخفض المعاينة 1

مثال على تقييم عالي المعاينة 4

اداء القالب والاستضافات المشتركة

تم ازالة خاصية تحسين التي كانت تتسب في ضغط كبير على الاستضافة وقمت بتجميع ملفات css للموديلات في ملف واحد وايضا الملفات الاخرى تم تضمينها الى ملف style.css المشكلة ان الخاصية كانت تتسبب ضغط حتى على الاضافات مثل w3 total cache او autoptimize التي كان يجب عليها معالجة على الاقل 30 ملف هذا كاقل تقدير

الاستعلامات الخاصة مع قاعدة البيانات تم تحسينها كما هو موضح في العرض التالي “Put WP_Query on a diet”

عدد المشاهدات تم دعم اضافة wp-postviews من جديد يمكنك استعمالها اذا لم ترد استعمال المشاهدات الخاصة بالقالب. بالمناسبة احتساب عدد المشاهدات يسبب ضغط

على الاستضافة ايضا. في حالة قمت بتعطيلها فلا داعي لاستعمال الموديلات او المربعات التي تستعمل الاكثر مشاهدة وتعليق لعرض المقالات

استعمال Timthumb ايضا يسبب ضغط على الاستضافة لكنه يبقى افضل سكريبت لعمل مصغرات الصور من وجهة نظري يمكنك استعماله اذا كان لديك سيرفر خاص

بالنسبة لاضافة Autoptimize يستحسن عدم استعمالها اذا كنت في استضافة مشتركة

اذا كنت تستعمل اضافات اخرى قم بمراجعة ادائها بواسطة اضافة “P3 (Plugin Performance Profiler)”

HTML5

بالنسبة للاوسمة header و footer و aside و section الى اخره و الاوسمة h2 و h3 و H4 في الصفحة الرئيسية تم التخلي عنها. والعودة الى الطريقة القديمة استعمال وسم div

تحديثات اخرى

كنت اسجل التحديثات التي اقوم بها لكني تركت تتبعها لكثرتها وهذه قائمة بالتحديثات البسيطة التي اذكر

1. تم تحديث مكتبة jQuery Lazyload واستعمال المكتبة التالية : Lazy load XT تدعم الفيديوهات
2. تم تحديث مكتبة swipebox لعرض الصور ودعم الاتجاه RTL بواسطتي ههه
3. تم تصحيح مشكلة جلب مدة الفيديو استعملت simple_html_dom بما ان اليوتوب اصبح يفرض انشاء تطبيق لذالك
4. تم حل مشكلة البطء عند محاولة انشاء مقالة جديدة او تحرير مقالة (لم ينتبه لها احد على ما اظن)

نسخة الجوال

تم تقليل حجم ملفات jQuery و CSS  وترتيب اكواد القالب ومرجعتها

تم اضافة شكل جديد لعرض المواضيع

بالنسبة لـ jQuery Mobile تم استعمال Builder اي انه قمت بالاستغناء عن بعض الخصائص التي لا احتاجها لتقليل حجم الملفات المستعملة قدر المستطاع

الشرح

بالنسبة لشرح قمت بالرجوع الى الطريقة القديمة لانها افضل واسهل طريقة لاستعاب ميكانيكية عمل القالب حتى انا فادتني جدا في ايجاد بعض المشاكل وتصحيحها وترتيب خصائص لوحة التحكم