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