قالب NewsBT v3 تحديثات مهمة


مصنفة في قسم  : قوالب ووردبريس
كتبت بتاريخ  : 16 نوفمبر 2015
عدد المشاهدات  : 
عدد التعليقات  : لا توجد تعليقات 

قالب NewsBT v3 تحديثات مهمة

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

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

اضغط على الصورة لعرضها بالحجم الاصلي - سرعة الصفحة عند الارشفة

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

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

الودجات

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

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

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

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

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

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

newsbt-seo-meta

العناوين

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

الوصف

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

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

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

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

search-demo-1-newsbt

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

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

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

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

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

PageSpeed-Insights-newsbt-demo1

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

PageSpeed-Insight-newsbt-demo4

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

performance

تم ازالة خاصية تحسين التي كانت تتسب في ضغط كبير على الاستضافة وقمت بتجميع ملفات 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 اي انه قمت بالاستغناء عن بعض الخصائص التي لا احتاجها لتقليل حجم الملفات المستعملة قدر المستطاع

الشرح

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

 

قالب NewsBT v3 تحديثات مهمة بواسطة مجلة ووردبريس, يمكنك نقل ومشاركة التدوينة مع ذكر المصدر الأصلي للموضوع ، مع رابطه, والتدوينة مرخصة بموجب المشاع الابداعي Creative Commons A-NC-SA 3.0.

الوسوم : , , , , ,

  • مجلة الوردبريس




1. المرجوا الابتعاد عن كتابة تعليقات بنمط (يعطيك العافية)، (روعة)، (ممتاز)، (مشكوووور)، (ابداع).

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