Вебсайти ҷавобии ман кор намекунад. Ислоҳ: Viewport.

My Responsive Website Isn T Working





Як дӯсти ман ба наздикӣ бо ман тамос гирифт, то дар бораи як сайти WordPress, ки бо истифода аз мавзӯи X сохта буд, кӯмак пурсам. Муштарии ӯ ҳамон субҳ пас аз он ки ӯ пай бурд, ки вебсайташ дар iPhone -и ӯ дуруст намоиш дода намешавад, ба ӯ занг зад. Ник инро худаш тафтиш кард ва ба қадри кофӣ, тарҳи зебои ҷавобгӯ, ки вай тарроҳӣ кардааст, дигар кор намекунад.

Вай боз ҳам аз он асроромез буд, ки ҳангоми тағир додани андозаи тирезаи браузери худ дар мизи кории худ, сайт буд ҷавобгӯ, аммо дар iPhone-и ӯ танҳо версияи мизи корӣ нишон дода шуд. Чаро як сайт бошад ҷавобгӯ дар компютери статсионарӣ ва дар дастгоҳи мобилӣ ҷавобгӯ нест?







Чаро тарҳи ҷавобгӯ кор намекунад

Вақте ки як сатри код дар сарлавҳаи файли HTML намерасад, тарроҳии ҷавобӣ аз кор мемонад. Агар ин сатри ягонаи код набошад, iPhone, Android ва дигар дастгоҳҳои мобилии шумо гумон мекунанд, ки вебсайте, ки шумо мебинед, сайти пурраи мизи корӣ аст ва андозаи онро танзим мекунад назаррас тамоми экранро фаро гирад.



Шумо аз рӯи намуди портрет ва намуди порнография чӣ маъно доред?

Дар ҳама дастгоҳҳо, андозаи намоишгоҳ ба андозаи майдони вебсайт, ки дар айни замон барои корбар намоён аст, ишора мекунад. Тасаввур кунед, ки шумо дар даст iPhone 5 бо паҳнои 320 пиксел доред. Агар ба таври возеҳ тартиби дигаре гуфта нашуда бошад, iPhones тахмин мезананд, ки ҳар вебсайте, ки шумо ворид мекунед, сайти мизи кории паҳнои 980px мебошад.



Ҳоло, бо истифода аз iPhone 5 -и хаёлии худ,шумо ба вебсайте, ки барои мизи кории тарҳрезишудае, ки паҳнои 800px мебошад, ворид мешавед. Он тарҳбандии ҷавобгӯ надорад, бинобар ин iPhone-и шумо нусхаи пурраи мизи кориро намоиш медиҳад.

Аммо iPhone 5 паҳнои ҳамагӣ 320 пиксел мебошад. Магар ин ҳамеша андозаи витрина нест?





Не, ин тавр нест. Бо андозаи намуди намоиш, васеъ кардан мумкин аст . Барои дидани нусхаи пурраи веб саҳифа iPhone бояд дуртар шавад. Дар хотир доред, ки viewport ба майдони як саҳифа дахл дорад, ки айни замон барои корбар намоён аст. Оё айни замон корбари iPhone танҳо 320 пиксел саҳифаро мебинад ё онҳо нусхаи пурраи онро мебинанд?



Дуруст аст: Онҳо вебсайти васеъро дар экрани худ мебинанд, зеро iPhone онро рафтори пешфарзӣ пиндоштааст: Он дур карда шудааст, то корбар вебсайтеро то паҳнои 980 пиксел тамошо кунад. Аз ин рӯ, дидгоҳи iPhone 980px мебошад.

Ҳангоми калон ё хурд кардан андозаи порчаи намоиш тағйир меёбад. Мо қаблан гуфта будем, ки вебсайти хаёлии мо паҳнои 800px дорад, бинобар ин, агар шумо iPhone-и худро калонтар кунед, то канораҳои вебсайт ба кунҷҳои экрани iPhone -и шумо таъсир кунанд, намуди намоиш 800px хоҳад буд. IPhone метавонад дар сайти мизи корӣ намуди 320px дошта бошед, аммо агар ин тавр бошад, шумо танҳо як қисми хурди онро мебинед.

Вебсайти ҷавобии ман шикастааст. Чӣ тавр ман онро ислоҳ мекунам?

Ҷавоб як сатри ягонаи HTML мебошад, ки ҳангоми ба сарлавҳаи веб гузоштан ба дастгоҳ мегӯяд, ки нуқтаи назарро ба паҳнои худ (320px дар мавриди iPhone 5) насб кунад ва саҳифаро миқёс накунад (ё наздик накунад).

Барои муҳокимаи техникии бештар аз ҳама имконоти марбут ба ин мета-тег, санҷед ин мақола дар tutsplus.com .

Чӣ тавр ислоҳ кардани мавзӯи WordPress X, вақте ки он ҷавобгӯ нест

Бозгашт ба дӯсти ман аз пеш: Ин як сатри код ҳангоми нопадид шудани мавзӯи X нопадид шуд. Ҳангоми ислоҳи шумо, дар хотир доред, ки мавзӯи X танҳо як файли сарлавҳаро истифода намебарад - барои ҳар як стек файлҳои гуногуни сарлавҳаро истифода мебарад, бинобар ин шумо бояд файлҳои худро таҳрир кунед.

Азбаски Ник стелаи Ethos-и мавзӯъро истифода мебарад, ӯ бояд ба файли сарлавҳа, ки дар x ҷойгир буд, бояд сатри кодеро, ки ман қаблан зикр карда будам, илова кунад /frameworks/views/ethos/wp-header.php . Агар шумо стеки дигарро истифода баред, номи стеки худро (Integrity, Renew, ва ғ.) Барои 'ethos' иваз кунед, то файли сарлавҳаи дурустро пайдо кунад. Ин сатрро ворид кунед ва voila! Шумо хубед, ки равед.

Пас, ин ҳам саволҳои медиавии CSS-и маро ислоҳ мекунад?

Вақте ки шумо ин сатрро ба сарлавҳаи файли HTML ворид мекунед, саволҳои ҷавобии @media ногаҳон дубора ба кор шурӯъ мекунанд ва версияи мобилии вебсайти шумо дубора зинда мешавад. Ташаккур барои хондан ва умедворам, ки ин кӯмак мекунад!

Дар хотир доред, ки Payette Forward,
Дэвид П.