Lilo eto ZURB Foundation fun Drupal

Gba agbara ti Agbekale ZURB ni Ipilẹ Drupal

Ṣaaju ki o to wa Twitter Bootstrap , nibẹ wa (ati ki o jẹ) ZURB Foundation, ilana ti o jẹ ki o fi awọn bọtini itaniloju, awọn ohun-iṣọn-aṣe, awọn ifijiṣẹ ilọsiwaju, awọn ifowopamọ ati diẹ sii pẹlu awọn kilasi CSS ti o dara julọ. Pẹlu akọle ZURB Foundation fun Drupal, o le fi gbogbo bling yii silẹ lori aaye Drupal rẹ pẹlu irora buburu.

Kini Ẹkọ Agbegbe ZURB?

Eto ilana ZURB jẹ ipilẹ ti CSS ati koodu Javascript fun ipinpọ nkan ti o fẹ fẹ lori aaye ayelujara rẹ. Eyi pẹlu awọn ohun elo ti o ṣafihan diẹ ẹ sii nikan bi awọn aforementioned bọtini sugbon tun diẹ ninu awọn agbara iyanu ti o ni agbara.

O lo julọ ninu awọn ẹya ara ẹrọ wọnyi nipa fifi awọn kilasi CSS pataki. Fun apẹẹrẹ:

Eyi ni aami > .

Ati pe o jẹ bọtini "aami kekere" kan .

Eto ilana ZURB ti wa ni lọtọ lati Drupal. Awọn eniyan lo o lori Wodupiresi, Joomla, ati paapaa awọn aaye HTML ti o duro .

Kini Ẹkọ Drupal Foundation ZURB?

Ẹkọ orisun Drupal ZURB jẹ o fun ọ laaye lati ṣafihan gbogbo agbara ZURBish yii ni gbigba nipa gbigba ati mu akori kan ṣiṣẹ (ati kika iwe naa ati mu awọn igbesẹ diẹ sii, dajudaju).

Fún àpẹrẹ, Foundation ZURB gbẹkẹle iwe-ẹkọ Javascript JQuery, nitorina o yoo ni lati fi imudojuiwọn Imudojuiwọn Imudojuiwọn. Ṣayẹwo boya iwọ nlo awọn eyikeyi awọn modulu miiran ti o gbẹkẹle jQuery. Ti o ba lo ju tuntun lọ ti ikede jQuery, awọn modulu wọnyi le da ṣiṣẹ.

Pẹlupẹlu, iwọ yoo fẹ lati lo akori yii gẹgẹbi akori ipilẹ fun akori aṣa tirẹ. Isọdi jẹ ibi ti ZURB Foundation ti nmọlẹ gangan.

Ṣe O Nilo Akori Eleyi Lati Lo Oruko ZURB ni Drupal?

O ko nilo akori yii lati lo ilana ilana ZURB Foundation. Ni irọrun rẹ, akori yii tun ṣe afikun ZIPB Foundation CSS ati Javascript si aaye rẹ, ati pe o le ṣe pẹlu ọwọ.

Ṣugbọn akori yii jẹ ki o rọrun, ati pe o tun ni diẹ ninu iṣọkan pọ pẹlu Drupal.

Pẹlupẹlu, o le fi awọn afikun modulu afikun diẹ sii fun ilọsiwaju siwaju sii. Fún àpẹrẹ, ìlànà ZURB Orbit jẹ kí o kọ àgbékalẹ Orbit pẹlu awọn aworan. Awọn ZURB Imọlẹ module n jẹ ki o ṣẹda awọn apo-aaya pẹlu awọn aworan Media.

Akiyesi: Emi ko lo awọn aami kekere wọnyi sibẹsibẹ ara mi, ki wọn le jẹ ewu pẹlu ewu. Gẹgẹ bi kikọ yi, ZURB Imukuro nilo Media-2.x-dev, eyi ti o le jẹ igbesoke ipanilara ti o ba nlo Media 1.x. lọwọlọwọ. Ati pe ohun ti a nilo fun ikede idagbasoke ti module kan gbọdọ funni ni isinmi lẹẹkan. Sibẹ, awọn wọnyi ati awọn modulu ZURB miiran jẹ tọ si wiwa sinu.

Yan Ẹya Ewo ti ZURB Foundation lati Lo

Ṣaaju ki o to gba akori ZURB Foundation, ṣayẹwo iru ikede ti o yẹ ki o lo. Oriṣiriṣi awọn ẹya pataki ti eto ilana ZURB Foundation, ati nọmba ikede pataki fun akori jẹ ibamu pẹlu ilana ti o ṣiṣẹ pẹlu. Nítorí náà, awọn ẹya 7x- 3xx ti iṣẹ akori pẹlu Foundation 3 , awọn iṣẹ 7.x- 4 .x ṣiṣẹ pẹlu Foundation 4 , ati awọn iṣẹ 7.x- 5 .x ṣiṣẹ pẹlu Foundation 5 .

Bi ti kikọ yi, ikede ti ilọsiwaju titun ti akori jẹ 7.x-4.x, eyi ti o ṣiṣẹ pẹlu Foundation 4. Ẹrọ 7.x-5.x ṣi wa ni idagbasoke. Nitorina, biotilejepe aaye ayelujara aaye Foundation ti ṣe pataki pe iwọ yoo lo Foundation 5, o le fẹ lati fi ara rẹ pẹlu Foundation 4 fun bayi.

Bakannaa akiyesi pe Foundation 5 ni awọn ibeere miiran, paapaa jQuery 1.10. Orisun 4 nikan nilo Ibẹrẹ 1.7+.

Mọ ohun ti ikede Foundation ti o nlo nigbati o ba ka awọn iwe ayelujara. Eyi jẹ otitọ paapaa ti o ko ba lo titun ti ikede yii. O rọrun lati rọrun lati ṣe isokuso sinu kika awọn docs fun, sọ, Foundation 5, lẹhinna ni ibanuje nigbati ẹya tuntun ko ṣiṣẹ lori aaye ayelujara Foundation rẹ 4.

Fún àpẹrẹ, Ìpilẹkọpọ 5 pẹlú àpapọ gbogbo awọn ipele alabọde fun awọn iboju alabọde. Ni Ipilẹ 4, awọn wọnyi yoo jẹ ohun ibanujẹ ayafi ti o ba gba igbesẹ afikun.

Lo SASS, Kompasi, ati & # 34; _variables.scss & # 34 !!

Ti o ba nlo lati ṣafihan CSS fun akori yii ni gbogbo, rii daju pe:

A ṣẹda faili _variables.scss laifọwọyi nipa drush fst. Faili yii kan ni awọn oniyipada fun fere ohunkohun ti o fẹ lati tweak ninu CSS akori rẹ. Oyanilẹnu! Gbogbo ni ibi kan, o le ṣeto ohun gbogbo lati oriṣi aiyipada si iwọn iboju si apa aala lori awọn akara.

Dajudaju, o le ṣeto awọn faili afikun nigbagbogbo. Ṣugbọn _variables.scss jẹ ibi ti o dara lati bẹrẹ.

Ṣe akiyesi igbasilẹ faili: scss, ko css. Lati lo _variables.scss, o nilo lati ṣeto SASS (ede itẹsiwaju CSS) ati Kompasi (ilana ti a ṣe pẹlu SASS). Nigbati o ba n ṣajọpọ apẹrẹ, awọn faili fọọmu rẹ yoo yipada si CSS ẹlẹwà ni awọn faili ọtọtọ. (Mo fẹṣọ iṣọṣọ - eyi n ṣe ṣiṣe ati ṣiṣe imudojuiwọn CSS bi o ṣe ṣawari awọn faili scss.)

Ti o ba jẹ otitọ, ko fẹ ṣe iṣoro pẹlu SASS, o le kọ awọn faili CSS bi o ṣe deede ki o si ṣe akosile wọn ni faili faili rẹ .info. Ṣugbọn gbekele mi - iṣeduro akoko kekere lati kọ ẹkọ to lati ṣe apejọ _variables.scss yoo san pada pada ni kiakia.

Ṣaaju ki O to Lo Opo ZURB

Eto ZURB jẹ dara julọ, ṣugbọn kii ṣe ipinnu opin nikan ti a ti fi Drupal ṣe pẹlu. O le fẹ lati ṣayẹwo Bootstrap , iru ilana ti o tun ni akori Drupal. Fun bayi, Mo nlo ZURB Foundation funrararẹ, ṣugbọn o jẹ nitori iwadi mi fihan pe o rọrun lati ṣe akanṣe ju Bootstrap.

Bakannaa, ẹya-ara Joyride jẹ dun dun.

Ati boya o lo ZURB Foundation, Bootstrap, tabi diẹ ninu awọn ilana miiran, rii daju lati gba awọn imọran wọnyi lori lilo ilana pẹlu Drupal .