Skip to main content

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

بواسطة معاذ أشملي- wait... مشاهدة/ لا توجد تعليقات
قالب NewsBT النسخة 3 تحديثات مهمة
2017-01-05

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

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

newsbt search console fetch as google  - مجلة ووردبريس
اضغط على الصورة لمشاهدتها بالحجم الاصلي

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

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

الودجات

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

  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

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

تم ازالة خاصية تحسين التي كانت تتسب في ضغط كبير على الاستضافة وقمت بتجميع ملفات 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 النسخة 3 تحديثات مهمة بواسطة مجلة ووردبريس, يمكنك نقل ومشاركة التدوينة مع ذكر المصدر الأصلي للموضوع ، مع رابطه, التدوينة مرخصة بموجب المشاع الابداعي Creative Commons A-NC-SA 3.0.
اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *


شروط التعليق :

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

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