Amfani da ZURB Foundation Theme for Drupal

Samun Ƙarfin Tsarin ZURB a Tsarin Drupal

Kafin akwai Twitter Bootstrap , akwai (kuma shine) ZURB Foundation, tsarin da zai baka damar ƙara maɓallin kullun, toshe ginin, ƙananan ci gaba, ɗakin farashi da yawa tare da wasu kundin CSS masu kyau. Tare da batun ZURB Foundation na Drupal, zaku iya bayyana duk wannan bling a kan shafin Drupal tare da sauƙi mai sauƙi.

Menene Tsarin Ginin ZURB?

Tsarin ZURB Foundation shine tarin CSS da Javascript code don gungun kayan da kuke so a shafin yanar gizon ku. Wannan ya hada da baƙon murya kawai wanda aka yi amfani da shi ba kamar maɓallan da aka ambata.

Kuna amfani da mafi yawan waɗannan siffofin ta hanyar ƙara ƙwayoyin CSS na musamman. Alal misali:

Ga alamar > button .

Kuma a nan ne" button button "dan kankanin button .

Tsarin ZURB Foundation ya ware daga Drupal. Mutane suna amfani da shi a kan WordPress, Joomla, har ma mahimman shafukan yanar gizo.

Menene ZURB Foundation Drupal Theme?

Hanya ta Drupal ZURB ta ba ka damar bayyana duk wannan ikon ZURBish ta hanyar saukewa da kuma bada jigo (da kuma karatun takardun da kuma ɗaukar wasu matakai na gaba, hakika).

Alal misali, Cibiyar ZURB ta dogara ne akan ɗakunan Javascript na JQuery, saboda haka za ku iya shigar da JQuery Update. Bincika ko kana amfani da duk wasu na'urorin da ke dogara da jQuery. Idan kun yi amfani da sababbin jQuery, waɗannan ƙila za su daina aiki.

Har ila yau, tabbas za ku so a yi amfani da wannan taken a matsayin batu na asali don ra'ayin ku na al'ada. Gudanarwa shine inda ZURB Foundation ke haskakawa.

Shin kuna buƙatar wannan jigo don amfani da ZURB Foundation a Drupal?

Ba ku buƙatar wannan taken don amfani da tsarin tsarin ZURB. A mafi sauƙi, wannan batu yana ƙara ƙaddamar da ZURB Foundation CSS da Javascript zuwa shafinku, kuma za ku iya yin haka tare da hannu.

Amma wannan batu yana sanya sauƙin, kuma ya haɗa da haɗuwa da Drupal.

Bugu da ƙari, za ka iya ƙara ƙananan matakan don haɓaka haɗaka. Alal misali, ƙwallon ZURB Orbit yana baka damar gina wani zane-zane Orbit tare da alamun hotunan. ZURB Clearing module yana baka damar ƙirƙirar hasken wuta tare da hotunan Media.

Lura: Ban yi amfani da waɗannan ƙananan kayan ba tukuna ni kaina, saboda haka zasu iya zama mummunan rauni. Dangane da wannan rubutun, ZURB Clearing yana buƙatar Media-2.x-dev, wanda zai iya zama haɓaka hasara idan kana amfani da Media 1.x. Kuma abin da ake buƙata don ci gaba da ɓangaren ƙirar ya kamata a ba da hutawa sau ɗaya. Duk da haka, waɗannan da sauran nau'o'in ZURB suna da darajar neman su.

Zabi Wanne Shafin ZURB Foundation don Amfani

Kafin ka sauke ma'anar ZURB Foundation, duba abin da ya kamata ka yi amfani da shi. Akwai sifofi daban-daban na tsarin ZURB Foundation, kuma babban maɓallin lamba don jigo ya dace da tsarin da yake aiki tare da. Saboda haka, nauyin 7.x- 3 na jigogi tare da Foundation 3 , nauyin 7.x- 4 .x tare da Foundation 4 , da kuma nauyin 7.x- 5 .xawa da Foundation 5 .

Game da wannan rubutun, sabon salo na jigo na taken shi ne 7.x-4.x, wanda ke aiki tare da Foundation 4. Siffar 7.x-5.x yana ci gaba. Don haka, kodayake shafin yanar gizon ya tsara cewa za ku yi amfani da Foundation 5, kuna so ku tsaya tare da Foundation 4 don yanzu.

Har ila yau, lura cewa Foundation 5 yana da ƙarin bukatun, musamman jQuery 1.10. Foundation 4 kawai yana buƙatar jQuery 1.7+.

Yi la'akari da irin tsarin da kake amfani dashi lokacin da ka karanta takardun kan layi. Wannan shi ne ainihin gaskiya idan ba ku yi amfani da sabon tsarin tsarin ba. Yana da sauƙi a sauƙaƙe cikin karatun littattafai don, ce, Foundation 5, to, ku yi takaici lokacin da sabuwar alama ba ta aiki a shafin yanar gizonku na asali.

Alal misali, Fasaha 5 ta ƙunshi dukkanin ɗalibai na matsakaici na matsakaici don girman fuska. A Gidauniyar 4, waɗannan zasu ɓacewa har sai dai idan kayi karin matakai.

Yi amfani da Sass, Compass, da & # 34; _variables.scss & # 34 !!

Idan za ku yi amfani da CSS don wannan batu, ku tabbata cewa:

• Yi amfani da zartarwar ZURB Foundation ta matsayin tushen batu don al'ada naka
• Samar da wannan rukunin ta hanyar amfani da umarnin drush da aka ba da taken. Kamar wannan: drush fst your_theme_name
• Layi hankali ku duba kyakkyawan fayil na _variables.scss

An halicci fayil na _variables.scss ta atomatik ta drush fst. Wannan rukunin fayil yana dauke da maɓalli don kusan wani abu da za ku so a ɗauka a CSS ɗin ku. Yana da ban mamaki! Duk a wuri guda, zaka iya saita duk wani abu daga tsoffin fayilolin zuwa allon allon zuwa kan iyaka a kan gurasar.

Tabbas, zaka iya saita fayiloli da yawa har abada. Amma _variables.scss wuri ne mai kyau don farawa.

A lura da ƙaramin fayil: scss, ba css. Don amfani da _variables.scss, kuna buƙatar kafa SASS (harshen CSS mai tsawo) da kuma Compass (tsarin da aka gina tare da SASS). A yayin da kake tafiyar da rafuka, fayilolinku na ɓoye zasu juya cikin kyakkyawa CSS a fayiloli daban. (Na filayen agogon kankara - wannan yana cigaba da sabunta CSS yayin da kake ɗaukar fayilolin scss.)

Idan kana da gaske, ba za ka so ka damu tare da Sass ba, za ka iya rubuta fayiloli CSS kamar yadda ya saba da kuma rubuta su a cikin fayil ɗin ka .info. Amma amince da ni - ƙananan lokacin zuba jari don koyon isa ya tara _variables.scss za a biya baya kusan nan take.

Kafin Ka Amfani da ZURB Foundation

Cibiyar ZURB ita ce mafi kyau, amma ba kawai tsarin tsarin gaba ba ne wanda aka haɗa da Drupal. Kuna iya yin la'akari da Bootstrap , irin wannan tsarin wanda yake da batun Drupal. A yanzu, ina yin amfani da ZURB Foundation da kaina, amma saboda haka bincike na nuna cewa ya fi sauƙi don tsarawa fiye da Bootstrap.

Har ila yau, abin farin ciki yana da kyau.

Kuma idan kayi amfani da ZURB Foundation, Bootstrap, ko wani tsarin, tabbas za a samu wadannan shawarwari akan yin amfani da tsarin tare da Drupal .