ZURB Fundazioaren gaia erabiltzea Drupalentzat

Lortu ZURB Fundazioen Esparrua Drupal Gaian

Twitter Bootstrap zen aurretik, ez zen (eta da) ZURB Fundazioa, esparru bat ematen dizu botoi politak, blokeatu saretak, aurrerapen tabernak, prezioei mahaiak eta askoz ere gutxi kokatutako CSS klaseak gehitzeko. Drupal-en ZURB Fundazioaren gaiarekin, Bling hau guztia zure Drupal gunean askatu ahal izango duzu erraztasun larri batekin.

Zer da ZURB Fundazioen Esparrua?

ZURB Fundazioaren esparrua CSS eta Javascript kodea biltzen ditu zure webgunean ziurrenik zuk nahi duzun gauza sorta baterako. Horrek ez du botoiaren klik bakarrean klikatzen, botoiak aipatu bezala, baina baita botere sentikorren bat ere .

Ezaugarri horietako gehienak erabiltzen dituzu CSS klase bereziak gehituz. Adibidez:

Hona hemen button .

Hemen da txiki botoia .

ZURB Fundazioaren esparrua erabat Drupaletik bereizita dago. Pertsonak WordPress-ean, Joomla-n eta baita HTML webgune estatikoak ere erabiltzen ditu.

Zer da ZURB Fundazioa Drupal Theme?

Drupal ZURB Fundazioaren gaiari esker, ZURBish botere guztia askatu ahal izango duzu gai bat deskargatuz eta gaitzeak (dokumentazioa irakurtzerakoan eta, noski, urrats gehiagotan).

Adibidez, ZURB Foundation jQuery Javascript liburutegian oinarritzen da, beraz jQuery Update instalatu beharko duzu. Egiaztatu jQuery oinarritzen den beste edozein modulua erabiltzen ari zaren ala ez. JQuery-ren bertsio berri gehiegi erabiltzen baduzu, modulu hauek lanean gelditzen dira.

Gainera, ziurrenik gai hau zure gai pertsonalizatuaren oinarrizko gaia bezala erabiltzea nahi duzu. Pertsonalizazioa ZURB Fundazioak benetan distira egiten du.

ZURB Fundazioa Drupal-en erabiltzeko gai hau behar duzu?

Ez duzu gaia behar ZURB Fundazioaren esparrua erabiltzeko. Modu errazean, gai honek ZURB Foundation CSS eta Javascript zure webgunera gehitzen du, eta hori eskuz egin dezakezu.

Baina gai hori errazten du, eta Drupal-ekin integrazio gehiago ere biltzen du.

Gainera, osagarri gehigarri txikiagoak gehi ditzakezu integrazio gehiago lortzeko. Adibidez, ZURB Orbit moduluak Orbit slideshow bat eraiki dezake irudiaren eremuei esker. ZURB Clearing moduluak Argazki bidezko argiztapen sentikorrak sortzeko aukera ematen dizu Media irudiekin.

Oharra: oraindik ez ditudan modulu txikiak erabiltzen ditut neure burua, beraz, arriskuan egon daitezke. Idazketa honetatik aurrera, ZURB Clearing-ek Media-2.x-dev-ek eskatzen du, gaur egun Media 1x erabiliz gero, eguneratze arriskutsua izan liteke. Modulu baten garapen bertsioaren baldintza beti eten bat eman behar da beti. Hala ere, ZURB modulu hauek eta beste batzuk merezi du.

Aukeratu zein bertsio erabili behar duzun ZURB Fundazioa

ZURB Foundation gaia deskargatu aurretik, begiratu zein bertsio erabili behar duzun. ZURB Fundazioaren esparruaren bertsio nagusiak daude, eta gaiaren bertsio-zenbaki handienarekin funtzionatzen duen markoarekin bat dator. Beraz, 7.x- 3 .x bertsioaren bertsioak Foundation 3- rekin lan egiten du, 7.x- 4 .x bertsioak Foundation 4- rekin lan egiten dute eta 7.x- 5 .x bertsioek Foundation 5- rekin lan egiten dute.

Idazketa honetatik aurrera, gaiaren bertsio egonkorra da 7.x. 4.x, Fundazioarekin lan egiten duena. 7.x bertsioa 5.x bertsioa garatzen ari da. Beraz, Fundazioen esparruaren webgunea Fundazioa 5 erabiltzen baduzu, orain Fundazioarekin 4 nahi duzu.

Era berean, kontuan izan Fundazioa 5 behar gehiago dituela, bereziki jQuery 1.10. Fundazioa 4 bakarrik jQuery 1.7+ behar da.

Kontuz lineako dokumentazioa irakurtzen ari zaren Fundazioaren bertsioa. Hau bereziki egia da markoaren azken bertsioa erabiltzen ari ez bazara. Ezinbestekoa da dokumentuak irakurtzea, esate baterako, Fundazioa 5, eta, ondoren, frustratu egin behar duzu funtzio berri bat zure Foundation 4 gunean ez badagoan.

Esate baterako, Fundazioak 5 ertaineko pantailetan erdi mailako klase multzo bat biltzen du. Fundazioan 4, hauek misteriozko huts egingo dute aparteko urratsak eman ezean.

Erabili SASS, Compass eta & # 34; _variables.scss & # 34;

Gai honetarako CSSa aldatzen ari bazara, ziurtatu:

• Erabili ZURB Fundazioaren gaia zure subtema pertsonalizatuaren oinarrizko gaia bezala
• Sortu azpimenua gaiaren emandako drush komandoa erabiliz. Honen antzekoa: drush fst your_theme_name
• Ikuspegi bikaina _variables.scss fitxategi bikaina

Variables.scss fitxategia automatikoki sortuko da drush fst-ek. Fitxategi bakar honek zure gaiaren CSS-a alda dezakeen ia-ia aldagaia aldatzen du. Harrigarria da! Leku bakarrean, dena aurrez zehaztutako letra-tipoa pantailaren zabalera zehazteko dezakezu oinen erroko ertzean.

Jakina, beti ere fitxategi osagarriak ere konfigura ditzakezu. Baina _variables.scss hasteko leku zoragarria da.

Ikus ezazu fitxategiaren luzapena: scss, ez css. _variables.scss erabiltzeko, SASS (CSS luzapenaren hizkuntza) eta Compass (SASS-era eraikitako esparrua) konfiguratu beharko dituzu. Compass compile exekutatzean, zure scss fitxategiak CSS eder bihurtuko dira fitxategi bereizietan. (Iparraldeko begirada nahiago dut - honek CSS exekutatzen eta eguneratu egiten du scss fitxategiak jartzen dituzunean).

Benetan, benetan ez duzu SASSekin nahastu nahi, CSS fitxategiak beti bezala idatz ditzakezu eta zure gaiaren info .info zerrendan zerrendatu. Baina konfiantza nuelako: denbora gutxian inbertsio txikiak nahikoa ikasteko _babesleak.scss konpainiak ia berehala itzuliko dira.

ZURB Fundazioa erabili aurretik

ZURB Fundazioa bikainena da, baina ez da Drupal-ekin integratu den front-end framework bakarra. Bootstrap , antzeko esparru bat ere izan daiteke Drupal gaiarekin. Oraintxe bertan, ZURB Fundazioa erabiltzen dut neure burua, baina hori da nire ikerketak Bootstrap baino baino errazago pertsonalizatu zuelako.

Halaber, Joyride osagaia nahiko gozoa da.

ZURB Fundazioa, Bootstrap edo beste esparru bat erabiltzen duzun ala ez, ziurtatu Drupal-en esparru bat erabiliz aholku hauek lortzeko.