میری ذمہ دار ویب سائٹ کام نہیں کررہی ہے۔ درست کریں: ویوپورٹ۔

میرے ایک دوست نے حال ہی میں مجھ سے رابطہ کرکے ورڈپریس سائٹ میں مدد کے لئے پوچھا جو اس نے ایکس تھیم کا استعمال کرکے بنایا تھا۔ اس کے مؤکل نے اس صبح اسے فون کیا تھا جب اس نے دیکھا کہ اس کی ویب سائٹ اپنے فون پر صحیح طریقے سے نمائش نہیں کررہی ہے۔ نک نے خود ہی اس کی جانچ پڑتال کی ، اور یقینی طور پر ، اس نے جو خوبصورت جواب دہ ڈیزائن تیار کیا ہے وہ اب کام نہیں کر رہا تھا۔

اسے اس حقیقت سے اور زیادہ پراسرار کیا گیا کہ جب اس نے اپنے ڈیسک ٹاپ سائٹ پر براؤزر ونڈو کا سائز تبدیل کیا تھا ذمہ دار ، لیکن اس کے فون پر ، صرف ڈیسک ٹاپ ورژن ظاہر کیا گیا تھا۔ سائٹ کیوں ہوگی؟ ایک ڈیسک ٹاپ کمپیوٹر پر ذمہ دار اور موبائل آلہ پر غیر ذمہ دار؟

قبول ڈیزائن کیوں کام نہیں کرتا ہے

جب HTML فائل کے ہیڈر سے کوڈ کی ایک سطر غائب ہو تو قبول ڈیزائن کام کرنا چھوڑ دیتا ہے۔ اگر کوڈ کی یہ ایک سطر غائب ہے تو ، آپ کا فون ، اینڈروئیڈ اور دیگر موبائل آلات فرض کریں گے کہ آپ جس ویب سائٹ کو دیکھ رہے ہیں وہ ایک مکمل سائز کی ڈیسک ٹاپ سائٹ ہے اور اس کے سائز کو ایڈجسٹ کرتی ہے ویو پورٹ پوری اسکرین کو گھیرے میں لینا۔

ویو پورٹ اور ویوپورٹ سائز سے آپ کا کیا مطلب ہے؟

تمام آلات پر ، ویو پورٹ کا سائز کسی ایسے ویب پیج کے علاقے کے سائز سے مراد ہوتا ہے جو فی الحال صارف کو نظر آتا ہے۔ ذرا تصور کریں کہ آپ کے پاس 320 پکسلز کی چوڑائی والا آئی فون 5 موجود ہے۔ جب تک واضح طور پر دوسری صورت میں نہیں کہا جاتا ، آئی فونز یہ فرض کرتے ہیں کہ آپ کی ہر ویب سائٹ ایک ڈیسک ٹاپ سائٹ ہے جس کی چوڑائی 980px ہے۔

اب ، اپنے خیالی آئی فون 5 کا استعمال کرتے ہوئے ،آپ ڈیسک ٹاپ کے لئے ڈیزائن کردہ ایک ایسی ویب سائٹ پر جاتے ہیں جس کی چوڑائی 800px ہے۔ اس میں کوئی قابل قبول ترتیب نہیں ہے ، لہذا آپ کا فون مکمل چوڑائی والا ڈیسک ٹاپ ورژن دکھاتا ہے۔

آئی فون ایپل لوگو پھر بلیک سکرین۔

لیکن ایک آئی فون 5 صرف 320 پکسلز چوڑا ہے۔ کیا یہ ہمیشہ ویو پورٹ کا سائز نہیں ہوتا؟

نہیں ایسا نہیں. ویوپورٹ سائز کے ساتھ ، اسکیلنگ شامل ہوسکتی ہے . آئی فون کو ویب پیج کا مکمل چوڑائی ورژن دیکھنے کے لئے زوم آؤٹ کرنا پڑتا ہے۔ یاد رہے کہ ویو پورٹ سے مراد کسی صفحے کا وہ علاقہ ہے جو فی الحال صارف کو نظر آتا ہے۔ کیا آئی فون صارف فی الحال صفحہ کے 320 پکسلز دیکھ رہا ہے ، یا وہ مکمل چوڑائی کا ورژن دیکھ رہے ہیں؟

یہ ٹھیک ہے: وہ اپنے ڈسپلے پر پوری چوڑائی والے ویب پیج کو دیکھ رہے ہیں کیونکہ آئی فون نے فرض کیا ہے کہ یہ پہلے سے طے شدہ طرز عمل ہے: یہ زوم آؤٹ ہوا ہے تاکہ صارف ایک ویب پیج کو 980 پکسلز کی چوڑائی تک دیکھ سکے۔ لہذا ، آئی فون کا ویو پورٹ 980px ہے۔

جب آپ زوم ان کرتے ہو یا آؤٹ کرتے ہو تو ویو پورٹ کا سائز تبدیل ہوجاتا ہے۔ ہم نے اس سے پہلے ہی کہا تھا کہ ہماری خیالی ویب سائٹ کی چوڑائی 800px ہے ، لہذا اگر آپ اپنے فون کو زوم بناتے ہیں تاکہ ویب سائٹ کے کنارے آپ کے فون کے ڈسپلے کے کناروں کو چھو رہے ہوں ، تو ویو پورٹ 800px ہوگا۔ آئی فون کر سکتے ہیں ایک ڈیسک ٹاپ سائٹ پر 320px کا ویو پورٹ رکھیں ، لیکن اگر ایسا ہوتا تو آپ کو صرف اس کا ایک چھوٹا سا حصہ نظر آتا۔

آئی فون 6s ٹچ اسکرین جواب نہیں دے رہی ہے۔

میری قبول ویب سائٹ ٹوٹی ہے۔ میں اسے کیسے درست کروں؟

اس کا جواب HTML کی ایک ہی سطر ہے جو جب کسی ویب پیج کے ہیڈر میں ڈالا جاتا ہے تو وہ آلہ سے کہتا ہے کہ وہ ویوپورٹ کو اپنی چوڑائی (آئی فون 5 کی صورت میں 320px) پر سیٹ کرے اور نہ ہی صفحے کو اسکیل (یا زوم) کرے۔

اس میٹا ٹیگ سے متعلق تمام آپشنز کی مزید تکنیکی بحث کے لئے ، چیک کریں tutsplus.com پر اس مضمون .

جب ورڈپریس ایکس تھیم قبول نہ ہو تو اسے کیسے درست کریں

پہلے سے ہی میرے دوست پر واپس جاو: جب اس نے ایکس تھیم کو اپ ڈیٹ کیا تو کوڈ کی یہ ایک لائن ختم ہوگئ۔ اپنی اصلاح کرتے وقت ، یہ ذہن میں رکھیں کہ X تھیم صرف ایک ہیڈر فائل کو استعمال نہیں کرتا ہے - اس میں ہر اسٹیک کے ل different مختلف ہیڈر فائلیں استعمال ہوتی ہیں ، لہذا آپ کو اپنی ترمیم کرنی ہوگی۔

ڈیوائس کو ڈی ایف یو موڈ میں رکھیں۔

چونکہ نک تھیم کے ایتھوس اسٹیک کو X تھیم کا استعمال کرتا ہے ، اس لئے اس نے پہلے ہیڈر فائل میں جو کوڈ لکھا تھا اسے شامل کرنا پڑا جو ایکس میں واقع تھا۔ /frameworks/views/ethos/wp-header.php . اگر آپ ایک مختلف اسٹیک استعمال کرتے ہیں تو ، ہیڈر کی صحیح فائل تلاش کرنے کے لئے اپنے اسٹیک (نامزدگی ، تجدید ، وغیرہ) کا نام 'اخلاقیات' کے لitute رکھیں۔ داخل کریں کہ ایک لائن ، اور voila! آپ جانا اچھا ہے

تو یہ میرے سی ایس ایس میڈیا سوالات کو بھی ٹھیک کرتا ہے؟

جب آپ اس لائن کو اپنی HTML فائل کے ہیڈر میں داخل کرتے ہیں تو ، آپ کے جوابی @ میڈیا سوالات اچانک دوبارہ کام کرنا شروع کردیں گے اور آپ کی ویب سائٹ کا موبائل ورژن دوبارہ زندہ ہوجائے گا۔ پڑھنے کے لئے شکریہ اور مجھے امید ہے کہ اس سے مدد ملے گی!

پیئٹی فارورڈ کو یاد رکھیں ،
ڈیوڈ پی