الاثنين، 25 يونيو 2018

كيفية تسريع قالب الهاتف لمدونتك من اجل تسريع الارشفة

كيفية تسريع قالب الهاتف لمدونتك من اجل تسريع الارشفة

السلام عليكم
اهلا بكم زوار ومتابعي شبكة سكاي نت في موضوع جدا من مواضيع اضافات وقوالب بلوجر، موضوع اليوم سأتكلم عن :

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

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


متال : عند زيارة مدونة سكاي نت عبر الحاسوب سوف تظهر لك هذه القائمة التي هي عبارة عن كود جافا...
كيفية تسريع قالب الهاتف لمدونتك من اجل تسريع الارشفة

لكن عند زيارة مدونتنا عبر الهاتف تختفي هذه القائمة وجميع الاشياء التي ليست ضرورية ، وبذلك زيادة سرعة التصفح الشي الذي تحبذه شركة جوجل.
كيفية تسريع قالب الهاتف لمدونتك من اجل تسريع الارشفة

لنبدأ على بركة الله...
اولا شيء يجب عليك معرفة الكود المسؤول عن العناصر التي تريد عدم اظهارها في الهاتف
متال : انا لا اريد اظهار القائمة التي هي "menus" في كود القالب.
نصيحة : استعمل Inspect Element لمعرفة الكود المسؤول عن خصائص العنصر الذي تريد اخفائه.

كيفية تسريع قالب الهاتف لمدونتك من اجل تسريع الارشفة

بعد معرفة الكود الان يجب اضافة شرط لهذا الكود ، الشرط هو ان سيتم عرض هذا العنصر فقط اذا لم يكن الزائر يستعمل الهاتف.
الأن.... قمت بالدخول الى قالب مدونتك في بلوجر وابحت عن ما يكافئ <div class='menus'>  في مدونتك.
تم قم بإضافة هذا الشرط قبله مباشرة


<b:if cond='data:blog.isMobileRequest == &quot;false&quot;'>



الان يجب عليك غلق الشرط ، ابحت عن </div> المسؤولة عن غلق menus واضف الكود التالي بعدها

</b:if>

قم بحفظ القالب.
اي استفسار انا في الخدمة
انتهى...