бир Drupal тема боюнча ZURB Foundation негиздерин күчү Get
Бар эле мурун Twitter Bootstrap болгон (жана керек) ZURB Foundation бар, сен, сулуу баскычтарын, бөгөттөөлөр электр тармактарынын кошуу шыргый, баа, үстөл, бир аз-CSS класстары менен көбүрөөк ийгилик берет алкактуу. Drupal үчүн ZURB Foundation темасы менен, Drupal сайтында өлүмгө бейкапар менен бардык бул кос коё алат.
ZURB Foundation алкактык деген эмне?
ZURB Foundation база сиз, балким, сенин сайтында каалаган буюмдарыбызды атканы үчүн CSS жана Javascript коддун жыйындысы болуп саналат. Бул жогоруда айтылган кнопкалары гана салма көз момпосуй эмес, ошондой эле кээ бир кереметтүү камтыйт жооп күч.
Сиз атайын CSS класстарды кошуп, бул өзгөчөлүктөрүнүн көпчүлүгү колдонушат. Мисалы үчүн:
Бул жерде бир <карыш класс = "баскычы"> кнопкасын болот. <б> Ал эми бул жерде <карыш тобу "кичинекей баскычы"> кичинекей баскычы болот .
ZURB Foundation база Drupal толугу менен бөлүнүп турат. Адамдар WordPress, Joomla, ал тургай, аны колдоно статикалык HTML сайттарга.
ZURB Foundation Drupal темасы эмне деп аталат?
Drupal ZURB Foundation тема баарын ZURBish бийликти бир теманы жүктөп жана камсыз кылуу аркылуу шериктештиктин ыраатташуусуна жана (жана документтерди окуп, албетте, бир нече кошумча аракеттерди аткаруу) берет.
Мисалы, ZURB Foundation Код Javascript китепкана таянат, ошондуктан балким Код Update орнотуу керек. Сиз жазганды таянып башка модулдарды колдонуп жатасыз, жокпу, текшергиле. Сен жазганды да жаңы үлгүсүн пайдалануу болсо, бул модулдар иштебей калышы мүмкүн.
Ошондой эле, сиз, балким, өз салт темасы боюнча базалык темасы катары бул теманы колдонуу келет. ZURB Foundation чынында жарык жерде Customization болуп саналат.
Сиз бул темада Drupal жылы ZURB Foundation колдонуу керек?
Сиз ZURB Foundation базасын колдонуу үчүн бул теманы кереги жок. анын жөнөкөй, бул тема эле ZURB Foundation CSS кошот жана сайтына Javascript, силер кол менен ошол ишти кыла алмак эмес.
Бирок бул тема менен жардам берет, ошондой эле Drupal менен айрым мындан ары бириктирүүнү камтыйт.
Мындан тышкары, Сиз андан ары бириктирүү үчүн аз кошумча модулдарды кошуп алат. Мисалы, ZURB Orbit модулу сиз сүрөт талаага менен Orbit слайдшоу куруп берет. ZURB Клирингдик модулу сиз Медиа буркандары менен жооп lightboxes түзө алат.
Эскертүү: Мен өзүм дагы бул кичинекей модулдарды колдонулган жок, ошондуктан алар өмүрүнө коркунуч менен коштолгон болушу мүмкүн. Бул макала жазылып жаткан ZURB Клиринг учурда Медиа 1.x. колдонуп жатасыз, анда кооптуу жогорулашы мүмкүн Медиа-2.x-Четтөө, талап Жана модулунун өнүктүрүү чыгаруу үчүн талап ар дайым бир тыныгуу берип коюшу керек. Ошентсе да, ушул жана башка ZURB модулдары карап арзырлык.
ZURB корунун кайсы котормо колдонуу үчүн тандоо
Сиз ZURB Foundation темасын жүктөөдөн мурун, сиз колдоно турган версия текшерет. ZURB Foundation алкагында ар кандай негизги түрү бар, негизги версия номери темасы үчүн менен иштейт алкагында келет. Ошондуктан, 7.x- 3 .X корунун 3 тема ишинин түрү, 7.x- 4 .X нускалары корунун 4 менен иштешет жана 7.x- 5 .X нускалары Foundation менен иштеген 5.
Бул макала жазылып жаткан акыркы Foundation менен иштейт темасы 7.x-4.x болуп саналат, туруктуу версия 4. 7.x-5.x версия иштеп жатат. Ошондуктан, Foundation базаны Сайт Foundation 5 колдоносуз, сен корунун 4 азыр карманып келет бербейт да.
Ошондой эле, өзгөчө, Код 1.10 Foundation 5, кошумча талаптар бар экенин белгилешет. Foundation 4 гана Код 1.7+ керек.
сиз онлайн документтерди окуп жатканда колдонуп жатасыз корунун турган чыгаруу жөнүндө кабардар болуу. Сиз алкагында акыркы нускасын пайдаланбаган учурда, эгерде, бул, айрыкча, чыныгы болуп саналат. бир жаңы өзгөчөлүк Foundation 4-сайтта иштей албай калганда, бул кокусунан үчүн Документтерин окуу кирип барууга үлгүргөн жеңил, айталы, кору 5, андан кийин нааразы алууга болот.
Мисалы, Foundation 5 орто экрандарда орто класстардын бир тобун камтыйт. Корунун 4, бул табышмактуу кошумча кадамдарды башкача каралбаса, анын аракетинен эч майнап чыкпайт.
Колдонуу Sass, компас, жана & # 34; _variables.scss & # 34 ;!
Сиз бул тема CSS Tweak турган болсо, текшерип:
- өз салт subtheme боюнча базалык темасы ZURB Foundation теманы колдонуу
- Бул subtheme түзүү drush темасы каралган буйрук. ушул сыяктуу: drush Кайл your_theme_name
- Жайбаракат мыкты _variables.scss билэни доо кетирет
_variables.scss билэ drush Кайл менен эсеп жазуусу жаратылды жатат. Бул жалгыз аяк сиз теманы CSS-жылы Tweak каалаган дээрлик эч өзгөрмө камтыйт. Бул укмуш экен! Бардыгы бир жерге, силер Breadcrumbs боюнча чек экран туурасы жарыяланбаган арип бардыгын орното аласыз.
Албетте, ар дайым, ошондой эле кошумча материалдары орното аласыз. Бирок, баштоо үчүн сонун жер _variables.scss.
билэ узартуу деген: SCSS, CSS эмес. _variables.scss колдонуу үчүн, Sass (а CSS узартуу тили) жана курчап (Sass менен курулган базаны) орнотуу үчүн керек. Сиз компас түзүү чуркап келгенде, SCSS делосу өзүнчө папкалардын кооз CSS айланат. (I компас күзөттө артыкчылык - бул сиз SCSS материалдары Tweak катары CSS чуркап берүүдөн турат.)
Чын эле, чын эле Sass менен убара келбесе, сиз адаттагыдай эле CSS материалдары жазып, тема анын .info делосуна аларды санай аласыз. Бирок, мага ишенип - кичинекей убакыт салымдардын _variables.scss кайра дээрлик ошол замат төлөп берет түзүү үчүн жетиштүү үйрөнүү.
Чейин ZURB Foundation колдонуу
ZURB Foundation абдан сонун, бирок ал Drupal менен бирлешкен калган гана алдыңкы-аягы база эмес. Издеп, ойлонуп көрүү үчүн жүктөгүч , ошондой эле Drupal тема бар эле база. Анткени, мен ZURB Foundation өзүм колдонуп жатам, бирок бул изилдөө ал Bootstrap караганда жекелештирүү үчүн кыйын экенин көрсөтүп жатат.
Ошондой эле, Joyride компонент абдан жагымдуу.
Сен ZURB Foundation, жүктөгүч, же дагы башка негиздери колдонуу же жокпу, бул үчүн шектенбесек болот Drupal менен базаларды пайдалануу боюнча көрүүгү болот .