Мундариҷа
- START модули тасвирии мутобиқшавӣ
- 2 Модулро танзим кунед
- 3 Нуқтаҳои убурро таъин кунед
- 4 Мундариҷаро танзим кунед
- 5 имконоти бештар
- 6 Услубҳои тасвири мутобиқшавӣ
- 7 AIS тағир меёбад
- 8 вироишҳои Breakpoint
- 9 Навъи гиреҳро таъин кунед
- 10 Тасвири мутобиқшавӣ аз ҷониби муштариён
- 11 техникаи нав
- 12 Сабкҳои бештар илова кунед
- 13 Андозаҳои иловагӣ
- 14 Навъи мундариҷа
- 15 Танзими услубҳо ва нуқтаҳои рахна
- 16 Тасвирҳо ва услубҳои ҷавобгӯ
- 17 Якчанд услуб
- 18 Услубҳоро бо кандашавӣ шарик кунед
- АНҶОМ ЁФТАНИ РОЛ
Ин мақола бори аввал дар шумораи 232 маҷаллаи .net - серхаридортарин маҷаллаи ҷаҳон барои тарроҳон ва таҳиягарони веб пайдо шуд.
Аксарияти веб-таҳиягарон бо истифода аз усулҳои ҷавобгӯ медонанд, ки пешкаш кардани тасвирҳо ба дастгоҳҳои мобилии пасти маҷрои метавонад дарди сар бошад.
Ҳатто агар шумо максимум паҳнии худро дар тасвирҳоятон 100% муқаррар карда, баландии худро ба худкор таъин кунед (шумо бояд), веб-сервер ҳанӯз ҳам тасвири пурраро ба дастгоҳи корбари шумо мефиристад. Ин имкон медиҳад, ки маҷрои бениҳоят гаронбаҳо дар пайвасти мобилии корбари шумо сурат гирад. Ва, тавре ки ҳамаи мо медонем (дуруст?), Вебсайтҳои оптимизатсияшудаи мобилӣ набояд танҳо дар экран формат карда шаванд, балки онҳо бояд барои пайвастҳои пасти маҷрои дастгоҳҳои мобилӣ, ки зуд-зуд дучор меоянд, оптимизатсия карда шаванд.
Хушбахтона, барои аксари девҳо, нобиғаҳои соҳаи мо дар самти осон кардани ин дард усулҳои зиёдеро кор карда баромаданд. Усулҳои маъмул аз усули Мэйред Букан, эҷоди тасвирҳои ҷавобгӯ бо истифода аз теги noscript ва системаи мутобиқсозии тасвири Мат Уилкокс иборатанд.
Дар ин дастур, мо ба шарофати версияи охирини Drupal CMS, 7 ва китобхонаи васеи корбари саҳмгузори он чор маротиба ин масъаларо ҳал хоҳем кард. Мо модули тасвири мутобиқшавӣ, модули сабкҳои тасвири мутобиқшавӣ, модули тасвири мутобиқшавандаи мизоҷ ва дар ниҳоят, модули тасвирҳо ва услубҳои ҷавобгӯро дида мебароем. Инҳо ҳалли олидараҷаи оптимизатсия кардани вебсайти Drupal-и шумо барои дастгоҳҳои мобилии фарохмаҷро мебошанд; ҳамаи модулҳои истифодашуда усулҳои дар боло номбаршударо истифода мебаранд.
START модули тасвирии мутобиқшавӣ
Бор кунед ва истихроҷ кунед сайтҳо / ҳама / модулдиректория s. Ба Drupal ворид шавед ва ба он равед Админ> Модулҳо. Шумо модулро дар зери Дигар ҷудокунӣ. Қуттиро қайд кунед; зад Конфигуратсияро захира кунед.
2 Модулро танзим кунед
Гузариш ба Админ> Танзимот> Сабкҳои тасвир. Бо зеркунии клик сабки нави тасвир эҷод кунед Илова кардани услуб. Онро номбар кунед мутобиқшавӣ. Дар экрани навбатии худ, Drupal ба шумо имкон медиҳад, ки эффектҳо илова кунед: шумо метавонед андозаи худро тағир диҳед, зироат кунед, миқёс кунед, битобед ва ғайра. -Ро интихоб кунед мутобиқшавӣ пас зад Илова кунед.
3 Нуқтаҳои убурро таъин кунед
Дар экрани навбатӣ шумо имконият доред, ки нуқтаҳои қатъкунии қатъиро муқаррар кунед. Модул бо нобаёнӣ чор қатъномаро истифода мебарад; он инчунин имкон медиҳад, ки ҳалли ҳодиса муайян карда нашавад, хурдтарин ё калонтаринро фиристад. Имкониятҳои мувофиқро интихоб кунед; зад Таъсирро илова кунед.
4 Мундариҷаро танзим кунед
Мо бояд навъи мундариҷаи худро барои истифодаи сабки тасвири нави худ танзим кунем. Гузариш ба Админ> Сохтор> Намудҳои мундариҷа. Шумо рӯйхати ҳамаи намудҳои мундариҷаи вебсайти худро мебинед. Ангушт занед идоракунии намоиш пайванд дар назди навъи мундариҷа, ки шумо мехоҳед ин услуби тасвирро истифода баред.
5 имконоти бештар
Сипас, тасвири когеро, ки дар тарафи рости тасвир пайдо мешавад, интихоб кунед, ки шумо мехоҳед ин услубро ба кор баред: якчанд вариантҳо пайдо мешаванд. Дар доираи Услуби тасвир менюи афтанда, -ро интихоб кунед мутобиқшавӣ. Пас аз он, ки интихоб шудааст, ба поён ҳаракат кунед ва тугмаи Захира кунед тугма барои захира кардани танзимоти шумо.
6 Услубҳои тасвири мутобиқшавӣ
Мисли модули тасвири мутобиқшавӣ, ин системаи Мат Уилкоксро истифода мебарад. Зеркашӣ кунед ва ба сайтҳо / ҳама / модулҳо. Гузариш ба Админ> Модулҳо дар Drupal - AIS зери хоҳад буд ВАО ҷудокунӣ. Қуттиро қайд кунед; зад Конфигуратсияро захира кунед.
7 AIS тағир меёбад
AIS аз шумо талаб мекунад, ки ба веб-сервери худ тағирот ворид кунед .htaccess (ё web.config) файл. Ин ба сервер мегӯяд, ки ҳангоми гирифтани дархости тасвири мутобиқшавӣ скрипти AIS-ро даъват кунад. Рамзи дар боло овардашударо ба Drupal илова кунед .htaccess дар охири қисми қоидаҳои аз нав сабт кардан (дар наздикии сатри 99) файлро пешниҳод кунед.
8 вироишҳои Breakpoint
Ҳангоми насбкунӣ, AIS дорои сабки тасвир мебошад мутобиқшавӣ, ва якчанд эҷод хоҳад кард сабкҳои тасвири мутобиқшавӣ дар зери номбаршуда сабкҳои тасвир. Барои ба танзим даровардан, ба Админ> Танзимот> Сабкҳои тасвири мутобиқшавӣ. Аз ин ҷо шумо метавонед нуқтаҳои рахна барои тасвирҳои мутобиқшударо таҳрир кунед.
9 Навъи гиреҳро таъин кунед
Пас аз ислоҳ кардани нуқтаҳои рахна (агар лозим бошад), шумо ба ҳар ҳол бояд навъи гиреҳи худро барои истифодаи мутобиқшавӣ сабки тасвир. Барои ин, паймоиш кунед Админ> Сохтор> Намудҳои мундариҷава пахш кунед идоракунии намоиш истинод Аз ин ҷо, тасвири cog дар назди майдони тасвирро клик кунед ва услуби тасвирро ба тағир диҳед мутобиқшавӣ.
10 Тасвири мутобиқшавӣ аз ҷониби муштариён
Ин истифодаи Mairead Buchan -ро истифода мебарад нусха барчасп Зеркашӣ ва истихроҷ кунед сайтҳо / ҳама / модулҳо. Воридшавӣ, гузариш ба администратор / модулҳо, пайдо кардани модул дар зери ВАО, қуттии қайдкуниро клик кунед Конфигуратсияро захира кунед.
11 техникаи нав
Тасвири мутобиқшавӣ аз ҷониби муштариён аз модулҳои қаблӣ фарқ мекунад. Аввалан, мо бояд нуқтаҳои шикастани худро танзим кунем. Бо нобаёнӣ модул панҷро таъмин мекунад, аммо шумо метавонед инро зери танзим кунед Админ> Танзимот> Тасвирҳои мутобиқ. Дар ин ҷо мо ин арзишро ба 3 мегузорем.
12 Сабкҳои бештар илова кунед
Дар ин қадами оянда, мо бояд сабкҳои тасвирро барои ҳар як нуқтаи рахна танзим намоем. Бирав ба Админ> Танзимот> Сабкҳои тасвир ва зад Илова кардани услуб. Услуби аввал номида мешавад 420_ хурд. Дар рӯйхати интихобшуда, интихоб кунед Миқёс ва зад Илова кунед. Танзими паҳнӣ ба 420px ва зад Таъсирро илова кунед.
13 Андозаҳои иловагӣ
Баъдан, мо бояд барои ду нуқтаи навбатии худ низ чунин кунем. Мо як сабки нави тасвирро эҷод хоҳем кард 730_мед, ва паҳнои миқёсро ба 730px, ва услуби дигар ном дорад 1020_ калон бо паҳнои миқёс ба 1020px. Дар охир, шумо се сабки нави тасвирро доред.
14 Навъи мундариҷа
Баъд, мо навъи мундариҷаи худро барои истифодаи сабкҳои нав гузоштем. Бирав ба Админ> Сохтор> Намудҳои мундариҷа, ва клик кунед идоракунии намоиш дар назди навъи мундариҷаи шумо. Тасвири мутобиқшавӣ аз ҷониби мизоҷ формати дигари намоишро истифода мебарад; дар зери формат тағирёбии сутун Тасвир ба Тасвири мутобиқшавӣ.
15 Танзими услубҳо ва нуқтаҳои рахна
Пас аз тағир додани форматгари мундариҷаи тасвири худ, нишонаи cog -ро, ки дар тарафи рост пайдо мешавад, клик кунед. Экрани боло пайдо мешавад. Ин ба шумо имкон медиҳад, ки сабкҳои мушаххаси тасвирро бо нуқтаҳои рахна пайваст кунед. Нуқтаҳои қатъкунӣ ва сабкҳои тасвирро тавре, ки нишон дода шудааст, танзим кунед ва ҳамаи мо тамом.
16 Тасвирҳо ва услубҳои ҷавобгӯ
Ин модули ниҳоӣ сабки тасвирро (ва қатъномаро) тавассути JS, ки андозаи экранро муайян мекунад, ба таври динамикӣ тағйир медиҳад. Насб кунед, ба сайтҳо / ҳама / модулҳо, ворид шавед, ба Админ> Модулҳо ва Дигар. Қуттиҳоро қайд кунед ва зарба занед Конфигуратсияро захира кунед.
17 Якчанд услуб
Мо бояд якчанд услуби тасвирро эҷод кунем. Мо аввал занг мезанем demo_narrow. Аз эффектҳои дастрас афтанда, -ро интихоб кунед Миқёс ва зад Илова кунед. Танзими паҳнӣ ба 420px ва клик кунед Илова кардани эффект. Ду сабки дигарро эҷод кунед, демо_нормалӣ ва намоишӣ_ саросарӣ, миқёси ба 730px ва 1020px.
18 Услубҳоро бо кандашавӣ шарик кунед
Бирав ба Админ> Танзимот> Тасвирҳои ҷавобгӯ. Пахш кунед Илова кунед дар боло. Танзими нишон ба Танг, пасванд ба _ танг ва паҳнӣ ба 420. Равандро такрор кунед, то барои сабкҳои боқимондаи тасвир ду суффикси ҷавобгӯтари дигар созед.
АНҶОМ ЁФТАНИ РОЛ
-Ро интихоб кунед Танзимот ҷадвалбанди дар тарафи рости болоии Конфигуратсияи тасвирҳои ҷавобӣ саҳифа Пасванди пешфарзро ба _ танг. Пахш кунед Конфигуратсияро захира кунед. Дар ин лаҳза, модули тасвирҳо ва услубҳои ҷавобгӯ омода аст ва тасвирҳои мувофиқро ба дастгоҳи шумо бор мекунад!
Ташаккур ба Лайза Гарднер барои баррасии ҳамсолони техникии ин дастур
Беҳтарин 20 манбаи онлайнро барои омӯзиши тарроҳии веб дар Creative Bloq кашф кунед.
