Kutumia Msingi wa Msingi wa ZURB kwa Drupal

Pata Nguvu ya Msingi wa Msingi wa ZURB katika Mandhari ya Drupal

Kabla ya kuwa na Bootstrap ya Twitter , kulikuwa na Foundation (na ni) Foundation ya ZURB, mfumo unaokuwezesha kuongeza vifungo vyema, gridi za kuzuia, baa za maendeleo, meza za bei na mengi zaidi na madarasa kadhaa ya CSS yaliyowekwa vizuri. Kwa mandhari ya msingi ya ZURB ya Drupal, unaweza kufuta bling hii yote kwenye tovuti yako ya Drupal yenye urahisi mbaya.

Mfumo wa Foundation wa ZURB ni nini?

Mfumo wa Foundation wa ZURB ni mkusanyiko wa msimbo wa CSS na Javascript kwa kikundi cha vitu ambavyo huenda unataka kwenye tovuti yako. Hii inajumuisha sio pipi tu ya jicho kama vifungo vilivyotaja hapo awali lakini pia nguvu nyingine ya kushangaza kweli.

Unatumia zaidi ya vipengele hivi kwa kuongeza madarasa maalum ya CSS. Kwa mfano:

Hatua ya .

Na hapa ni kifungo kidogo .

Mfumo wa msingi wa ZURB ni tofauti kabisa na Drupal. Watu huitumia kwenye WordPress, Joomla, na hata maeneo ya HTML yaliyopo.

Je, ZURB Foundation Drupal Theme ni nini?

Mandhari ya msingi ya Drupal ZURB inakuwezesha kufuta nguvu hii yote ya ZURBish kwa kupakua na kuwezesha mandhari (na kusoma nyaraka na kuchukua hatua za ziada, bila shaka).

Kwa mfano, Msingi wa ZURB unategemea maktaba ya JQuery Javascript, kwa hiyo labda utaweka Mwisho wa JQuery. Angalia kama unatumia modules nyingine yoyote inayotegemea jQuery. Ikiwa unatumia toleo jipya la jQuery, modules hizi zinaweza kuacha kufanya kazi.

Pia, labda unataka kutumia mada hii kama mandhari ya msingi kwa mandhari yako ya desturi. Customization ni ambapo Foundation ZURB inaangaza kweli.

Je! Unahitaji Mandhari hii Kutumia Msingi wa ZURB katika Drupal?

Huna haja ya mada hii kutumia mfumo wa Foundation wa ZURB. Kwa rahisi zaidi, mada hii inaongeza ZURB Foundation CSS na Javascript kwenye tovuti yako, na unaweza kufanya hivyo kwa mkono.

Lakini mada hii inafanya kuwa rahisi, na pia inajumuisha ushirikiano zaidi na Drupal.

Zaidi, unaweza kuongeza modules ndogo za ziada kwa ushirikiano zaidi. Kwa mfano, moduli ya Orbit ya ZURB inakuwezesha kujenga slideshow ya Orbit na mashamba ya picha. Moduli ya Kusafisha ya ZURB inakuwezesha kuunda sanduku la mwanga la msikivu na picha za Media.

Kumbuka: Sijawahi kutumia modules hizi ndogo bado, hivyo wanaweza kuwa na hatari. Kama ya maandishi haya, Kusafisha kwa ZURB inahitaji Media-2.x-dev, ambayo inaweza kuwa kuboresha kuboresha kama sasa unatumia Media 1.x. Na mahitaji ya toleo la maendeleo ya moduli lazima daima kutoa pause moja. Bado, modules hizi na ZURB zingine zinafaa kutazama.

Chagua toleo gani la Msingi wa ZURB Kutumia

Kabla ya kupakua mandhari ya Foundation ya ZURB, angalia ni toleo gani unapaswa kutumia. Kuna matoleo makubwa tofauti ya mfumo wa Foundation wa ZURB, na idadi kubwa ya toleo kwa mandhari inafanana na mfumo unaofanya kazi nayo. Hivyo, matoleo ya 7.x- 3 .x ya kazi na Foundation 3 , matoleo ya 7.x- 4 .x hufanya kazi na Foundation 4 , na matoleo ya 7.x- 5 .x hufanya kazi na Foundation 5 .

Kama ilivyoandikwa hii, toleo la hivi karibuni la mandhari ni 7.x-4.x, ambayo inafanya kazi na Foundation 4. Toleo la 7.x-5.x bado linaendelea. Kwa hiyo, ingawa tovuti ya msingi ya tovuti inafikiri utatumia Foundation 5, unaweza kutaka kushikamana na Foundation 4 kwa sasa.

Pia kumbuka kuwa Foundation 5 ina mahitaji ya ziada, hasa jQuery 1.10. Msingi 4 unahitaji tu jQuery 1.7+.

Tambua toleo la Msingi unalotumia unaposoma nyaraka za mtandaoni. Hii ni kweli hasa ikiwa hutumii toleo la hivi karibuni la mfumo. Ni vigumu sana kuingilia kati ya kusoma madawati, sema, Foundation 5, kisha usumbuke wakati kipengele kipya haifanyi kazi kwenye tovuti yako ya Foundation 4.

Kwa mfano, Foundation 5 inajumuisha seti nzima ya viwango vya kati kwa skrini za kati. Katika Msingi 4, haya ya kushindwa kwa ajabu bila ya kuchukua hatua za ziada.

Tumia SASS, Compass, na & # 34; _variables.scss & # 34 ;!

Ikiwa unakwenda CSS kwa mandhari hii kabisa, hakikisha:

• Tumia mandhari ya Msingi ya ZURB kama kichwa cha msingi kwa kichwa chako cha desturi
• Kuzalisha hila hii kwa kutumia amri ya ngoma inayotolewa na mandhari. Kama hii: ngoma fst your_theme_name
• Leisurely peruse faili bora _variables.scss

Faili ya _variables.scss imeundwa moja kwa moja na fst ya ngoma. Faili hii moja ina vigezo karibu na chochote unachoweza kuitaka kwenye mandhari yako CSS. Ni ajabu! Wote katika sehemu moja, unaweza kuweka kila kitu kutoka kwa font ya chini hadi upana wa skrini hadi mpaka kwenye mikate ya mkate.

Bila shaka, unaweza daima kuanzisha faili za ziada pia. Lakini _variables.scss ni mahali pazuri kuanza.

Angalia ugani wa faili: scss, si css. Kutumia _variables.scss, utahitaji kuanzisha SASS (lugha ya ugani ya CSS) na Compass (mfumo uliojengwa na SASS). Unapokimbia compass kukusanya, files yako scss itakuwa kurejea katika CSS nzuri katika files tofauti. (Napenda kutazama dira - hii inaendelea kukimbia na uppdatering CSS kama wewe tweak files scss.)

Ikiwa kweli, hawataki kuzungumza na SASS, unaweza kuandika faili za CSS kama kawaida na kuziweka kwenye faili ya .info ya mandhari. Lakini uamini mimi - uwekezaji mdogo wa muda wa kujifunza kutosha kukusanya _variables.scss utawalipwa karibu mara moja.

Kabla ya Kutumia Msingi wa ZURB

Msingi wa ZURB ni bora zaidi, lakini sio tu mfumo wa mwisho wa mwisho unaohusishwa na Drupal. Unaweza kutaka kuzingatia Bootstrap , mfumo sawa na pia una mandhari ya Drupal. Kwa sasa, ninatumia Foundation ya ZURB mwenyewe, lakini hiyo ni kwa sababu utafiti wangu umeonyesha kuwa ilikuwa ni rahisi Customize kuliko Bootstrap.

Pia, sehemu ya Joyride ni nzuri sana.

Na ikiwa unatumia Msingi wa ZURB, Bootstrap, au mfumo mwingine, hakikisha kupata vidokezo vya kutumia mfumo na Drupal .