Сайттың мобильді нұсқасын түзету
Беттің көрінісін әр түрлі құрылғыларда одан әрі реттеу жолы
Tilda сайтты планшеттерде, смартфондарда, нетбуктарда, ноутбуктерде, компьютерлерде көру үшін автоматты түрде реттейді.
Сонымен қатар, мобильді блоктар арасындағы төсем өлшемін өзгертуге, блоктың көріну ауқымын әр түрлі құрылғыларда реттеуге, Нөлдік блок өңдегішін пайдаланып өзіңіздің бейімделген нұсқасыңызды жасауға немесе сайттың жауап беруін өшіруге болады.
Жұмыс үстелі мен мобильді блоктың әр түрлі нұсқаларын жасау әдісі
Жылжымалы құрамға арналған төсем мөлшерін өзгерту тәртібі
Қаріп өлшемін, жол аралығын, кескін радиусын және ұялы мұқабалардың шеттерін қалай өзгертуге болады
Мобильді нұсқаны қалай өңдеуге және өзгерістерді бірден көруге болады
Нөлдік блок өңдегішін пайдаланып мобильді нұсқаны қалай жасауға болады
Әр түрлі экрандар үшін сайтты реттеуді өшіру әдісі
Құрылғылардағы көріну ауқымы
Бұл блоктың қай құрылғыларда көрінетінін және қайсысы көрінбейтінін анықтайтын функция. Ол әр блоктың параметрлерінде болады.
Бұл не үшін қажет және ол қалай жұмыс істейді?
Егер белгілі бір блок (мысалы, қақпақ) компьютерде жақсы көрінсе, бірақ мобильді экранда нашар көрсетілсе, бұл блоктың көріну диапазонын 980 пиксель және одан жоғары етіп орнатуға болады. Бұл блоктың жұмыс үстелі нұсқасы болады, ол енді ұялы телефондарда көрсетілмейді.
Содан кейін сіз бұл блокты көшіріп, оның сыртқы түрін ұялы телефон үшін арнайы баптауыңыз керек (фотосуретті, қаріп өлшемін және т.б. өзгерту). Бұл блоктың көріну ауқымын 0-ден 980 пиксельге дейін орнатыңыз. Бұл блоктың мобильді нұсқасы болады.
Осылайша, пайдаланушы компьютерде жұмыс үстелі нұсқасын, ал мобильді құрылғыларда мобильді нұсқасын көреді.
Қажет болса, ажыратымдылықты таңдау арқылы белгілі бір құрылғы үшін блоктың көрінісін теңшеу үшін ауқым (әр түрлі параметр мәндері) қажет. Мысалы, блок планшетте немесе белгілі бір телефон үлгісінде нашар көрсетілсе.
Егер белгілі бір блок (мысалы, қақпақ) компьютерде жақсы көрінсе, бірақ мобильді экранда нашар көрсетілсе, бұл блоктың көріну диапазонын 980 пиксель және одан жоғары етіп орнатуға болады. Бұл блоктың жұмыс үстелі нұсқасы болады, ол енді ұялы телефондарда көрсетілмейді.
Содан кейін сіз бұл блокты көшіріп, оның сыртқы түрін ұялы телефон үшін арнайы баптауыңыз керек (фотосуретті, қаріп өлшемін және т.б. өзгерту). Бұл блоктың көріну ауқымын 0-ден 980 пиксельге дейін орнатыңыз. Бұл блоктың мобильді нұсқасы болады.
Осылайша, пайдаланушы компьютерде жұмыс үстелі нұсқасын, ал мобильді құрылғыларда мобильді нұсқасын көреді.
Қажет болса, ажыратымдылықты таңдау арқылы белгілі бір құрылғы үшін блоктың көрінісін теңшеу үшін ауқым (әр түрлі параметр мәндері) қажет. Мысалы, блок планшетте немесе белгілі бір телефон үлгісінде нашар көрсетілсе.
Барлық блоктар үшін ауқымын өзгертудің қажеті жоқ. Баптауды фотосурет сәтсіз қиып алынған блоктар үшін немесе таңдалған блок мобильді нұсқа үшін жарамсыз болса ғана жасауға болады.
Мысал
Мұқабаның мобильді нұсқасын қалай орнату керектігін қарап көрейікші, онда мәтін сол жаққа тураланған, ал маңызды нысан фотосуретте оң жақта орналасқан.
Сайттың телефонда қалай көрінетінін тексереміз. Фотосуреттің сәтсіз қиып алынғанын көріп отырмыз.
Бұл блокқа 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
Мобильді байланыс үшін шегініс орнату
Кез келген блокта параметрлерді ашыңыз, «Жоғарғы шегініс», «Төменгі шегініс» жанындағы белгішені басыңыз және мобильді құрылғы үшін қашықтықты орнатыңыз.
Ұялы телефонға арналған қосымша параметрлер
Кез келген блокта мобильді құрылғылар үшін шрифт өлшемін және жол аралығын қосымша өзгертуге және кескіндер үшін бұрышты дөңгелектеуді бөлек орнатуға болады.
Ұялы телефон үшін қаріп өлшемін және жол аралығын өзгертіңіз
Ол үшін блоктың «Параметрлер» түймесін басып, «Типография» бөлімін табыңыз. Бұл бөлімде өрістің жанындағы компьютер белгішесін басыңыз. Осыдан кейін ұялы нұсқа үшін қаріп өлшемін көрсетуге болатын өріс пайда болады.
Дәл осындай процедура жол аралығын өзгерту үшін қолданылады.
Дәл осындай процедура жол аралығын өзгерту үшін қолданылады.
Кескіннің бұрыштық радиусын және ұялы телефонға арналған қақпақтардың сыртқы төсемін өзгерту
Мұқаба және Кескін санаттарының барлық блоктарында арнайы мобильді құрылғыларға арналған мұқабалар үшін өз бұрыштық радиусын немесе сыртқы жиегін орнатуға болады.
Радиусты немесе шегіністі өзгерту үшін «Параметрлер» түймесін басып, сәйкес өрісті табыңыз. Өрістің жанындағы компьютер белгішесін басып, жаңа өріске жаңа мәнді енгізіңіз.
Радиусты немесе шегіністі өзгерту үшін «Параметрлер» түймесін басып, сәйкес өрісті табыңыз. Өрістің жанындағы компьютер белгішесін басып, жаңа өріске жаңа мәнді енгізіңіз.
Редактордағы блоктардың мобильді нұсқасын қарау
Бұл мүмкіндік тек тест режимінде ғана қолжетімді. Оған қатынасу үшін Профильдегі «Жаңа мүмкіндіктерді сынауға қатысу» ұяшығына белгі қойыңыз.
Блоктың мобильді нұсқасын өңдеу үшін редактордағы дисплейді мобильді нұсқаға ауыстырыңыз. Мұны істеу үшін жоғарғы мәзірдегі телефон белгішесін басып, қажетті құрылғы бағытын немесе өлшемін таңдаңыз.
Әдепкі бойынша экранның 4 өлшемі қол жетімді: 360px және 480px - смартфондар үшін, 640px және 960px - планшеттер үшін.
Әдепкі бойынша экранның 4 өлшемі қол жетімді: 360px және 480px - смартфондар үшін, 640px және 960px - планшеттер үшін.
Басқа мобильді құрылғы өлшемін таңдау үшін тізімдегі «Құрылғылар» түймесін басыңыз. Ішкі мәзірде қажет құрылғыны таңдаңыз. Барлық ағымдағы мобильді құрылғылар мен планшеттер тізімге қосылып қойған.
Редактордағы блокты көрсету режимін ауыстырғаннан кейін блоктың «Параметрлер» түймесін басыңыз. Енді сіз мобильді нұсқаға өзгертулер енгізе аласыз және олар бірден алдын ала қарауда пайда болады.
Бейімділікті нөлдік блокта баптау
Блоктың әр түрлі құрылғыларға арналған бейімділігін блок параметрлеріндегі параметрді пайдаланып оны Нөлге түрлендіру арқылы конфигурациялауға болады. Қазіргі таңда бұл параметр көптеген блоктарда қолжетімді.
Түрлендіруден кейін экран ені бес ауқымдағы блок көрінісін қолмен реттей аласыз. Бейімділікті орнату туралы толығырақ «Нөлдік блок. Жұмысқа кірісу» және «Нөлдік блок. «Жауап беру дизайны».
Беттің жауап беруін өшіру
Егер жауапсыздықты өшірсеңіз, бет компьютердегідей ұялы телефонда көрсетіледі. Ол үшін «Мобильді құрылғылар үшін бейімділікті ажырату» құсбелгісін Бет параметрлері → Қосымша түймешігін басыңыз және бетті қайта жариялаңыз
Сол жақта мобильді құрылғыларға бейімделген сайт нұсқасы орналасқан, оң жақта бейімділігі ажыратылған сайт орналасқан.
