Сайттың мобильді нұсқасын түзету
Беттің көрінісін әр түрлі құрылғыларда одан әрі реттеу жолы
Tilda сайтты планшеттерде, смартфондарда, нетбуктарда, ноутбуктерде, компьютерлерде көру үшін автоматты түрде реттейді.
Сонымен қатар, мобильді блоктар арасындағы төсем өлшемін өзгертуге, блоктың көріну ауқымын әр түрлі құрылғыларда реттеуге, Нөлдік блок өңдегішін пайдаланып өзіңіздің бейімделген нұсқасыңызды жасауға немесе сайттың жауап беруін өшіруге болады.
Жұмыс үстелі мен мобильді блоктың әр түрлі нұсқаларын жасау әдісі
Жылжымалы құрамға арналған төсем мөлшерін өзгерту тәртібі
Нөлдік блок өңдегішін пайдаланып мобильді нұсқаны қалай жасауға болады
Әр түрлі экрандар үшін сайтты реттеуді өшіру әдісі
Құрылғылардағы көріну ауқымы
Бұл блоктың қай құрылғыларда көрінетінін және қайсысы көрінбейтінін анықтайтын функция. Ол әр блоктың параметрлерінде болады.
Ол неге қажет және ол қалай жұмыс істейді
Егер белгілі бір блок (мысалы, мұқаба) компьютерде жақсы көрінсе, бірақ мобильді экранда жақсы көрінбесе, осы блоктың көріну ауқымын 980 px және одан да жоғары етіп орнатуға болады. Бұл блоктың жұмыс үстелі нұсқасы болады, ол енді ұялы телефондарда көрсетілмейді.
Содан кейін бұл блокты көшіріп, оның сыртқы түрін арнайы мобильді (фотосуретті, қаріп өлшемін және т.б.) реттеу қажет. Бұл блок үшін көріну ауқымын 0-ден 980px дейін орнатыңыз. Бұл блоктың мобильді нұсқасы болады.
Осылайша, пайдаланушы компьютердегі жұмыс үстелі нұсқасын, ал мобильді нұсқасын мобильді құрылғылардан көреді.
Ауқым (әр түрлі параметр мәндері) қажет, қажет болған жағдайда ажыратымдылықты таңдау арқылы белгілі бір құрылғы үшін блоктың сыртқы түрін реттеуге болады. Мысалы, егер блок планшетте немесе белгілі бір телефон үлгісінде нашар көрсетілсе.
Егер белгілі бір блок (мысалы, мұқаба) компьютерде жақсы көрінсе, бірақ мобильді экранда жақсы көрінбесе, осы блоктың көріну ауқымын 980 px және одан да жоғары етіп орнатуға болады. Бұл блоктың жұмыс үстелі нұсқасы болады, ол енді ұялы телефондарда көрсетілмейді.
Содан кейін бұл блокты көшіріп, оның сыртқы түрін арнайы мобильді (фотосуретті, қаріп өлшемін және т.б.) реттеу қажет. Бұл блок үшін көріну ауқымын 0-ден 980px дейін орнатыңыз. Бұл блоктың мобильді нұсқасы болады.
Осылайша, пайдаланушы компьютердегі жұмыс үстелі нұсқасын, ал мобильді нұсқасын мобильді құрылғылардан көреді.
Ауқым (әр түрлі параметр мәндері) қажет, қажет болған жағдайда ажыратымдылықты таңдау арқылы белгілі бір құрылғы үшін блоктың сыртқы түрін реттеуге болады. Мысалы, егер блок планшетте немесе белгілі бір телефон үлгісінде нашар көрсетілсе.
Барлық блоктар үшін ауқымын өзгертудің қажеті жоқ. Баптауды фотосурет сәтсіз қиып алынған блоктар үшін немесе таңдалған блок мобильді нұсқа үшін жарамсыз болса ғана жасауға болады.
Мысал
Мұқабаның мобильді нұсқасын қалай орнату керектігін қарап көрейікші, онда мәтін сол жаққа тураланған, ал маңызды нысан фотосуретте оң жақта орналасқан.
Сайттың телефонда қалай көрінетінін тексереміз. Фотосуреттің сәтсіз қиып алынғанын көріп отырмыз.
Бұл блокқа 980px > көрінуін беріңіз. Енді ол мобильді құрылғыларда көрсетілмейді.
Блокты көшіріңіз.
Блок көшірмесін мобильді нұсқаға бейімдеу — фотосурет пен мәтінді теңестіруді өзгерту.
Осы блок үшін ≤980px көрінуін орнатыңыз. Экран ені 980px артық құрылғыларда көрінбейді.
Дайын. Мұқаба суретіңіз экранның еніне байланысты әр түрлі құрылғыларда әр түрлі пайда болады.
Кейбір құрылғыларға арналған экран енінің мысалдары
iPhone6 — 375px
iPhone5 — 320px
iPhone6+ — 414px
iPad — 1024px
Samsung Galaxy — 360px
Nokia Lumia — 320px
iPhone5 — 320px
iPhone6+ — 414px
iPad — 1024px
Samsung Galaxy — 360px
Nokia Lumia — 320px
Мобильді байланыс үшін шегініс орнату
Кез келген блокта параметрлерді ашып, «шегініс үсті, шегініс түбі» жанындағы белгішені басып, мобильді құрылғының ара қашықтығын орнатыңыз.
Бейімділікті нөлдік блокта баптау
Блоктың әр түрлі құрылғыларға арналған бейімділігін блок параметрлеріндегі параметрді пайдаланып оны Нөлге түрлендіру арқылы конфигурациялауға болады. Қазіргі таңда бұл параметр көптеген блоктарда қолжетімді.
Түрлендіруден кейін экран ені бес ауқымдағы блок көрінісін қолмен реттей аласыз. Бейімділікті орнату туралы толығырақ «Нөлдік блок. Жұмысқа кірісу» және «Нөлдік блок. «Жауап беру дизайны».
Беттің жауап беруін өшіру
Егер жауапсыздықты өшірсеңіз, бет компьютердегідей ұялы телефонда көрсетіледі. Ол үшін «Мобильді құрылғылар үшін бейімділікті ажырату» құсбелгісін Бет параметрлері → Қосымша түймешігін басыңыз және бетті қайта жариялаңыз
Сол жақта мобильді құрылғыларға бейімделген сайт нұсқасы орналасқан, оң жақта бейімділігі ажыратылған сайт орналасқан.
