السلام عليكم ورحمة الله وبركاتة
البعض منا لديه قالب او ستايل قديم ويريد ان يتخطى مشكلة اختبار التناسب للجوال
حتى لا يحجب موقعك في محركات بحث الجوال ، و حل هذه المشكلة بسيط جدا .
نضع هذا الكود في الهيدر :
اذا ظهر لك ان المحتوى اكبر من الشاشه
إبدأ بالتنقيص تدريجيا في هذا الرقم 1
واعمل فحص حتى تختفي مشكلة المحتوى اكبر من الشاشه
الان كما نرى اختفت مشكلة المحتوى أوسع من الشاشه وبالنسبة لموقعي اصبح الرقم المناسب له 0.4
الان حل مشكلة ( النص صغير جدًا ولا يمكن قراءته )
ندخل على ملف CSS الخاص بالاستايل او القالب الملف الخاص بي اسمه style.css
حجم الخط الحالي 100% :
و نغير حجم الخط الى أكبر من الحجم السابق سوف أضعه 200 %
مبروك تم حل المشكلة ..
عيوب هذه الطريقة :
* أن حجم الخط سوف يكبر بالموقع لذالك أبدأ بتكبير الخط بشكل تدريجي وافحص بعد كل تغيير حتى لا يكبر الخط بالمره .
الحل أعتبره مؤقت لمن لا يريد دفع مبلغ كبير لمصمم لعمل توافق ستايله او قالبه على الجوال أو لمن لا يملك خبره في التصميم ويريد تخطي مشكلة التناسب مع الجوال .
البعض منا لديه قالب او ستايل قديم ويريد ان يتخطى مشكلة اختبار التناسب للجوال
حتى لا يحجب موقعك في محركات بحث الجوال ، و حل هذه المشكلة بسيط جدا .
نضع هذا الكود في الهيدر :
رمز PHP:
<meta name="viewport" content="width=device-width, initial-scale=1">
اذا ظهر لك ان المحتوى اكبر من الشاشه
إبدأ بالتنقيص تدريجيا في هذا الرقم 1
واعمل فحص حتى تختفي مشكلة المحتوى اكبر من الشاشه
الان كما نرى اختفت مشكلة المحتوى أوسع من الشاشه وبالنسبة لموقعي اصبح الرقم المناسب له 0.4
الان حل مشكلة ( النص صغير جدًا ولا يمكن قراءته )
ندخل على ملف CSS الخاص بالاستايل او القالب الملف الخاص بي اسمه style.css
حجم الخط الحالي 100% :
و نغير حجم الخط الى أكبر من الحجم السابق سوف أضعه 200 %
مبروك تم حل المشكلة ..
عيوب هذه الطريقة :
* أن حجم الخط سوف يكبر بالموقع لذالك أبدأ بتكبير الخط بشكل تدريجي وافحص بعد كل تغيير حتى لا يكبر الخط بالمره .
الحل أعتبره مؤقت لمن لا يريد دفع مبلغ كبير لمصمم لعمل توافق ستايله او قالبه على الجوال أو لمن لا يملك خبره في التصميم ويريد تخطي مشكلة التناسب مع الجوال .
from :: TRAIDNT FORUM :: - ركن تقنيات المواقع SEO و XML و RSS و محركات البحث http://ift.tt/2gLs3kW
via IFTTT
ليست هناك تعليقات:
إرسال تعليق