حل مشكلة صفحتك غير متوافقة مع الجوّال في بلوجر
مـع الــتـطـور والـتــقــدم الـحــاصـل فــي عــالــم الاجــهــزه الالــكــتــرونــيــة أصــبـح أغـلــب الـنــاس تـبـحــث عـن طــريـق الــهــواتـف الــذكــيـة أصـبــح عــدد كــبـيــر يـسـتــخــدم الـهــواتـف فـي الــبـحـث وخـاصــتـاً فــي وقـتـنــا الـحـالــي. وان كـنــت تـمـتــلـلــك مـدونــات بـلـوجـر وتـعـانـي مـن عـدم تـوافـق مــوقــعــك أو مــدونــتــك مــع الـجـوال فـعــلـيـك الإســراع فــي تـعـديـل الـقـالـب الـخـاص بــك حــتــى لا يـتــجـاهـل مـحـرك الــبـحـث حـتـى تـجــعــل قــالــب مـدونــتــك مــتـوافـق مــع الاجـهــزه الــذكـيــة وهـنــا سـوف نــحـل مــشــكــلـة صـفـحـتــك غـيــر مــتــوافــقـة مـع الــجـوّال فـي بـلـوجـر...
مراحل تركيب الإضافة
الحل الاول : برمجة القالب
- ادخل إلى لوحة تحكم المدونة في بلوجر
- اختر قالب المدونة التي تود تطبيق الشرح فيها
- اضغط على تحرير HTML
- ابحث عن الوسم <head> ; و اضف الكود التالي أسفله
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
الحل الثاني : التعديل على قياسات المدونة لتكون متجاوبه مع الجوال
- ابحث عن الوسم <b:skin/><[[ ; ووالتعديل على قياسات فوق الكود السابق:
@media screen and (max-width : 1280px) {
/* CSS CODE HERE FOR DESKTOP ---*/
}
@media screen and (max-width : 1024px) {
/* CSS CODE HERE FOR TABLETS ---*/
}
@media screen and (max-width : 768px) {
/* CSS CODE HERE FOR SMALL TABLETS ---*/
}
@media screen and (max-width : 640px) {
/* CSS CODE HERE FOR IPHONE ---*/
}
@media screen and (max-width : 480px) {
/* CSS CODE HERE FOR SMARTPHONES ---*/
}
@media screen and (max-width : 320px) {
/* CSS CODE HERE FOR SMALL MOBILES ---*/
}
إلـى هــنـا انــتــهـيـت مـن طـرح هـذا الــمــشــكـلـه وحــلـهـا لا تــنــســى فــي طــرح ســؤالــك، دمــتــم فــي امــان الله وحــفــضــه.
سبحان الله، والحمدلله، ولا إله إلا الله، والله أكبر
إذا أعجبك الموضوع فلماذا تبخل علينا بالردود المشجعة ؟!
ليست هناك تعليقات
يمكنك وضع تعليقك هنا