Otu enyi m kpọtụrụ m na nso nso a iji rịọ maka enyemaka na saịtị WordPress nke o wuru site na iji isiokwu X. Onye ahịa ya kpọrọ ya n’ụtụtụ ahụ mgbe ọ chọpụtara na ebe nrụọrụ weebụ ya anaghị egosipụta nke ọma na iPhone ya. Nick nyochara ya n'onwe ya, ma jide n'aka na ọmarịcha nzaghachi mara mma ọ rụpụtara anaghị arụ ọrụ ọzọ.
Ihe ọzọ mekwara ka ọ pụta ìhè bụ na mgbe ọ gbanwere windo nchọgharị ya na desktọpụ ya, saịtị ahụ bụ na-anabata, ma na iPhone ya, ọ bụ naanị nsụgharị desktọọpụ gosipụtara. Gịnị mere saịtị ga-eji bụrụ na-anabata na kọmputa desktọọpụ na enweghị nzaghachi na ekwentị mkpanaaka?
Ihe mere eji azaghachi azaghị arụ ọrụ
Nmeghachi omume na-akwụsị ịrụ ọrụ mgbe otu akara koodu na-efu site na nkụnye eji isi mee nke faịlụ HTML. Ọ bụrụ na otu akara nke koodu a na-efu, iPhone gị, gam akporo, na ngwaọrụ mkpanaka ndị ọzọ ga-eche na weebụsaịtị ị na-elele bụ saịtị desktọọpụ zuru oke ma gbanwee oke nke nlele gụnyere ihe niile na ihuenyo.
Gịnị Ka Mean Pụtara Site Viewport na Viewport Size?
Na ngwaọrụ niile, nha nke nlele na-ezo aka nha mpaghara nke ibe weebụ nke onye ọrụ na-ahụ ugbu a. Were ya na ị na-ejide iPhone 5 na obosara nke pikselụ 320. Ọ gwụla ma a gwara ya n'ụzọ doro anya, iPhones chere na weebụsaịtị ọ bụla ị gara bụ saịtị desktọọpụ na obosara nke 980px.
Ugbu a, na-eji gị myiyi iPhone 5,ị gara na weebụsaịtị wepụtara maka desktọọpụ nke bụ 800px n'obosara. O nweghi nhazi nzaghachi, ya mere iPhone gi na egosiputa ihe ngosi desktọọpụ zuru ezu.
ipad m anaghị akwụ ụgwọ
Mana iPhone 5 bụ naanị pikselụ 320 n'obosara. Ọ bụ na ọ bụghị mgbe niile ka nha anya ele ahụ?
Mba, ọ bụghị. Na sizeport size, enwere ike ịgụnye . IPhone nwere mbugharị na-ahụ zuru-obosara version nke webpage. Cheta na nlele ahụ na-ezo aka na mpaghara nke ibe peeji nke onye ọrụ na-ahụ ugbu a. Onye ọrụ iPhone ọ na - ahụ naanị pikselụ 320 nke ibe ahụ, ka ha na - ahụ ụdị obosara zuru oke?
Nke ahụ ziri ezi: Ha na-ahụ ihu akwụkwọ obosara zuru oke na ngosipụta ha n'ihi na iPhone ewerela na ọ bụ omume ndabara: Emechiela ya ka onye ọrụ wee lelee ibe weebụ ruo obosara nke 980 pikselụ. Ya mere, ihe nlere anya nke iPhone bụ 980px.
Ka ị na-abata mbata ma ọ bụ pụta, ọ̀tụ̀tụ̀ viewport na-agbanwe. Anyị kwuru na mbụ na weebụsaịtị anyị nwere echiche nwere obosara nke 800px, yabụ ọ bụrụ na ị ga-eme mbugharị na iPhone gị nke mere na akụkụ nke weebụsaịtị ahụ na-emetụ ọnụ nke ngosipụta iPhone gị, ebe nlele ahụ ga-abụ 800px. Ihe iPhone nwere ike nwee nlele nke 320px na saịtị desktọọpụ, mana ọ bụrụ na o mere, ị ga-ahụ naanị ntakịrị akụkụ ya.
iphone 7 na -achọ mgbaama
Ebe nrụọrụ m na-anabata M emebiwo. Kedu ka m ga esi edozi ya?
Azịza ya bụ otu ahịrị HTML nke mgbe etinyere ya na nkụnye eji isi mee nke ibe weebụ na-agwa ngwaọrụ ka ịtọọ ihe nlele ahụ na obosara nke ya (320px n'ihe banyere iPhone 5) ma ghara ibuli (ma ọ bụ mbugharị) ibe ahụ.
Maka mkparịta ụka teknụzụ niile gbasara nhọrọ niile metụtara mkpado meta a, lelee edemede a na tutsplus.com .
Etu esi edozi WordPress X Okwu mgbe adighi anabata
Laghachi enyi m na mbụ: Usoro akara a furu efu mgbe ọ gbanwere isiokwu X. Mgbe ị na-edozi nke gị, buru n'uche na isiokwu X anaghị eji naanị otu isi faịlụ - ọ na-eji faịlụ nkụnye eji isi mee dị iche iche maka nchịkọta ọ bụla, yabụ ị ga-edezi nke gị.
kedu ihe ekwentị m ji ekwu nyocha
Ebe ọ bụ na Nick na-eji nchịkọta Ethos nke X isiokwu, ọ ga-agbakwunye akara nke koodu m kwuru na mbụ na faịlụ isi nke dị na x /frameworks/views/ethos/wp-header.php . Ọ bụrụ na ị jiri nchịkọta dị iche, dochie aha nchịkọta gị (Iguzosi ike n'ezi ihe, imeghari, wdg) maka 'ethos' iji chọta faịlụ ziri ezi nke ziri ezi. Fanye otu ahịrị ahụ, na voila! ’Re dị mma ịga.
Ya mere, Nke a na - edozi My CSS Media Ajuju, Oke?
Mgbe ịtinye akara ahụ na nkụnye eji isi mee nke faịlụ HTML gị, azịza gị nke ajụjụ @media ga-amalite ọrụ na mberede na ụdị mkpanaka nke weebụsaịtị gị ga-apụta na ndụ. Daalụ maka ịgụ ma enwere m olileanya na ọ na-enyere aka!
Cheta na Payette Gaanụ n'ihu,
Uchechukwu David