Rafiki yangu hivi karibuni aliwasiliana nami kuomba msaada na wavuti ya WordPress ambayo alikuwa amejenga akitumia mada ya X. Mteja wake alikuwa amempigia asubuhi hiyo baada ya kugundua kuwa wavuti yake haikuonyesha kwa usahihi kwenye iPhone yake. Nick aliiangalia mwenyewe, na hakika, muundo mzuri wa usikivu alioutengeneza haukufanya kazi tena.
Alifahamishwa zaidi na ukweli kwamba wakati alipobadilisha dirisha la kivinjari chake kwenye eneo-kazi lake, tovuti ilikuwa sikivu, lakini kwenye iPhone yake, toleo la eneo-kazi tu ndilo lililoonyeshwa. Kwa nini tovuti iwe msikivu kwenye kompyuta ya eneo-kazi na isiyojibika kwenye kifaa cha rununu?
Kwa nini Ubunifu Msikivu Haufanyi Kazi
Ubunifu msikivu huacha kufanya kazi wakati mstari mmoja wa nambari haupo kutoka kwa kichwa cha faili ya HTML. Ikiwa laini hii moja ya nambari haipo, iPhone yako, Android, na vifaa vingine vya rununu vitachukulia kuwa tovuti unayotazama ni wavuti kamili ya eneo-kazi na kurekebisha saizi ya bandari ya kutazama kuzunguka skrini nzima.
Unamaanisha Nini Kwa Sauti ya Viewport na Viewport?
Kwenye vifaa vyote, saizi ya bandari ya kutazama inahusu saizi ya eneo la ukurasa wa wavuti ambao sasa unaonekana kwa mtumiaji. Fikiria unashikilia iPhone 5 na upana wa saizi 320. Isipokuwa imeambiwa vinginevyo, iphone hudhani kuwa kila tovuti unayotembelea ni wavuti ya eneo-kazi na upana wa 980px.
Sasa, kwa kutumia iPhone 5 yako ya kufikirika,unatembelea wavuti iliyoundwa kwa desktop ambayo ni 800px pana. Haina mpangilio msikivu, kwa hivyo iPhone yako inaonyesha toleo kamili la eneo-kazi.
kukarabati uharibifu wa maji kwenye skrini ya iphone
Lakini iPhone 5 ina saizi 320 tu kwa upana. Je! Sio kila wakati ukubwa wa uwanja wa kutazama?
Hapana sio. Na saizi ya kutazama, kuongeza inaweza kuhusika . IPhone inapaswa kukuza ili kuona toleo kamili la ukurasa wa wavuti. Kumbuka kuwa bandari ya kutazama inahusu eneo la ukurasa ambao kwa sasa unaonekana kwa mtumiaji. Je! Mtumiaji wa iPhone sasa anaona saizi 320 tu za ukurasa, au wanaona toleo kamili?
Hiyo ni kweli: Wanaona ukurasa kamili wa wavuti kwenye onyesho lao kwa sababu iPhone imedhani ni tabia-msingi: Imepigwa mbali ili mtumiaji aweze kuona ukurasa wa wavuti hadi upana wa saizi 980. Kwa hivyo, bandari ya kutazama ya iPhone ni 980px.
Unapoza ndani au nje, saizi ya mwonekano hubadilika. Tulisema hapo awali kuwa wavuti yetu ya kufikiria ina upana wa 800px, kwa hivyo ikiwa ungependa kuvuta kwenye iPhone yako ili kingo za wavuti ziwe zinagusa kingo za onyesho la iPhone yako, uwanja wa kutazama utakuwa 800px. IPhone unaweza kuwa na bandari ya kutazama ya 320px kwenye wavuti ya eneo-kazi, lakini ikiwa ingekuwa, ungekuwa unaona sehemu ndogo tu ya hiyo.
programu zinaendelea kugonga kwenye iphone
Wavuti Yangu Msikivu Imevunjwa. Ninawezaje Kurekebisha?
Jibu ni laini moja ya HTML ambayo inapoingizwa kwenye kichwa cha ukurasa wa wavuti huiambia kifaa kuweka bandari ya kuona iwe upana wake (320px katika kesi ya iPhone 5) na sio kuongeza (au kuvuta) ukurasa.
Kwa majadiliano ya kiufundi zaidi ya chaguzi zote zinazohusiana na lebo hii ya meta, angalia nakala hii kwenye tutsplus.com .
Jinsi ya Kurekebisha Mandhari ya WordPress X Wakati Haijibu
Rudi kwa rafiki yangu kutoka hapo awali: Mstari huu mmoja wa nambari ulipotea wakati alisasisha mada ya X. Wakati wa kurekebisha yako, kumbuka kuwa mandhari ya X haitumii faili moja tu ya kichwa - hutumia faili tofauti za vichwa vya habari kwa kila stack, kwa hivyo itabidi uhariri yako.
iphone 7 inasema hakuna huduma
Kwa kuwa Nick anatumia mkusanyiko wa mada ya X, ilibidi aongeze laini ya nambari niliyotaja hapo awali kwenye faili ya kichwa iliyokuwa kwenye x /frameworks/views/ethos/wp-header.php . Ikiwa unatumia mpororo tofauti, badilisha jina la mpororo wako (Uadilifu, Rudisha, n.k.) kwa 'ethos' kupata faili sahihi ya kichwa. Ingiza laini hiyo moja, na voila! Wewe ni mzuri kwenda.
Kwa hivyo hii inasahihisha maswali yangu ya media ya CSS, pia?
Unapoingiza laini hiyo kwenye kichwa cha faili yako ya HTML, maswali yako ya kujibu @media yataanza kufanya kazi ghafla na toleo la rununu la wavuti yako litaibuka tena. Asante kwa kusoma na natumai inasaidia!
Kumbuka Kulipa Mbele,
David P.