google.com, pub-5256078404460534, DIRECT, f08c47fec0942fa0
ايوتيك ايوتيك
recent

آخر الأخبار

recent
random
جاري التحميل ...

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

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



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





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

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


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


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


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


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

الودجات


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


  1. تحديث اكواد الويدجات الى PHP5 object وتحديث الدوال المنتقدة في الاصدار 4.3

  2. ترتيب الخصائص على حسب الاهمية لكي تقوم باعداد القالب بسرعة

  3. تمييز الودجات عند استعمالها بعرض اسم المربع او الموديل الذي تستعمل

  4. اضافة خاصية (Color Picker) لتلوين ترويسة الودجات بشكل سهل

  5. تم اصلاح بعض المشاكل كانت ببعض الودجات

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

  7. مجموع المربعات التي تم الاستغناء عنها 3 منها الموديل 23 (4 تصنيفات)


newsbt-widgets-color-piker

newsbt-widgets-options-order

newsbt-widgets-used-style-title

تهيئة الموقع لمحركات البحث (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.


Creative Commons License






مواضيع ذات صلة :

Original Article

عن الكاتب

mohamed salama

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

التعليقات


جميع الحقوق محفوظة

ايوتيك