Kasutades Drupali ZURB Foundationi teemat

Hankige ZURBi sihtasutusraamistiku jõud Drupali teema raames

Enne Twitter Bootstrap'i käivitamist oli ZURBi sihtasutus (ja see on), raamistik, mis võimaldab teil lisada mõnusatele CSS-klassidele päris nööbid, blokeerida võrke, edenemisvardaid, hinnakujunduse tabeleid ja palju muud. Drupali Sihtasutuse ZURB fondi teema abil saate oma Drupali saidil kogu selle blingi vabastama.

Mis on ZURBi sihtasutuse raamistik?

ZURBi sihtasutuse raamistik on kogumik CSS-i ja Javascripti koodi hulk asju, mida tõenäoliselt soovite oma veebisaidil. See hõlmab mitte ainult kleepitavaid silmakomme, nagu eespool nimetatud nuppe, vaid ka tõeliselt hämmastavat reageerimisvõimet .

Enamasti kasutate neid funktsioone, lisades spetsiaalseid CSS-i klasse. Näiteks:

Siin on nupp .

Siin on > väike nupp .

ZURBi sihtasutus on Drupalist täiesti eraldiseisev. Inimesed kasutavad seda WordPressis, Joomla'is ja isegi staatilistel HTML- saitidel.

Mis on ZURB Fondi Drupali teema?

Drupali ZURB Foundationi teema võimaldab teil kogu selle ZURBi võimsuse vallandada, laadides alla ja lubades teema (ja lugedes dokumente ja mõningaid täiendavaid samme muidugi).

Näiteks toetub ZURB sihtasutus jQuery Javascripti raamatukogule, seega peate tõenäoliselt installima jQuery värskenduse. Kontrollige, kas kasutate mõnda muud jQuery-le põhinevat moodulit. Kui kasutate liiga uut jQuery versiooni, võivad need moodulid töötamise lõpetada.

Samuti võite ilmselt soovida seda teemat kasutada oma kohandatud teema põhiteemaksena. Kohandamine on see, kus ZURBi sihtasutus tõesti paistab.

Kas see teema vajab ZURBi fondi kasutamist Drupalis?

Te ei vaja seda teemat ZURBi fondi raamistiku kasutamiseks. Lihtsamalt lisab see teema oma saidile lihtsalt ZURBi sihtasutus CSS ja Javascripti ja te saate seda käsitsi teha.

Kuid see teema muudab selle lihtsamaks ja sisaldab ka mõningat täiendavat integratsiooni Drupaliga.

Lisaks saate lisada täiendavaid täiendavaid mooduleid edasiseks integreerimiseks. Näiteks ZURB orbiidimoodul võimaldab teil luua pildibaasi Orbit'i slaidiseanssi. ZURB puhastusmoodul võimaldab teil luua meediumpiltidega reageerimisvõimalusi.

Märkus: ma pole neid väikeseid mooduleid endiselt kasutanud, seega võivad need olla ohtlikud. Sellest kirjutamisest lähtudes vajab ZURB Clearing Media-2.x-dev, mis võib olla ohtlik uuendus, kui kasutate praegu Media 1.x-d. Ja mooduli arendusversiooni nõue peaks alati olema üks paus. Siiski on need ja teised ZURB moodulid väärt uurida.

Valige, millist versiooni ZURB fondi kasutada

Enne ZURB Foundationi teema allalaadimist kontrollige, millist versiooni peaksite kasutama. ZURBi fondi raamistikus on erinevad suurversioonid ja teema peamine versiooni number vastab raamistikule, millega see töötab. Nii toimivad teema 7.x-3.x versioonid sihtfelliga 3, versioonid 7.x-4.x versus fondiga 4 ja versioonidega 7.x-5.x toimivad fond 5 .

Sellest kirjutamisest on teema viimane stabiilne versioon 7.x-4.x, mis töötab fondiga 4. 7.x-5.x versioon on veel välja töötatud. Seega, kuigi sihtasutuse raamistiku veebisaidil eeldatakse, et kasutate fondi 5, võite soovida kinni fondi 4-st.

Samuti pange tähele, et Foundation 5-l on lisanõuded, eriti jQuery 1.10. Sihtasutus 4 vajab ainult jQuery 1,7 +.

Pidage meeles, millise fondi versiooni kasutad veebidokumentide lugemisel. See kehtib eriti siis, kui te ei kasuta raamistiku viimast versiooni. See on suhteliselt lihtne libiseda dokumentide lugemiseks, näiteks Foundation 5, ja siis pettuma, kui uus funktsioon ei toimi teie Foundation 4 veebisaidil.

Näiteks fond 5 sisaldab keskmise suurusega ekraanide jaoks keskmise klassi komplekti. Fondi 4 puhul on need salapärased ebaõnnestumised, kui te ei võta täiendavaid meetmeid.

Kasutage SASS, Compass ja & # 34; _variables.scss & # 34 ;!

Kui soovite selle teema üldist CSS-i kohandada, veenduge, et olete:

Faile _variables.scss luuakse automaatselt, vajutades fst. See üksikfail sisaldab muutujaid peaaegu kõike, mida võiksite oma teema CSS-i muuta. See on hämmastav! Kogu ühes kohas saate seada kõike alates vaikefristrile ekraani laiuseni riivsarve piirile.

Loomulikult saate alati luua ka täiendavaid faile. Aga _variables.scss on suurepärane koht alustamiseks.

Pange tähele faililaiendust: scss, mitte css. _variables.scss kasutamiseks peate seadistama SASS (CSS laiendamise keel) ja Compass (raamistik, mis on ehitatud SASS-i abil). Kui kompassi käivitate, muutuvad teie skss-failid mõneks eraldi failidena ilusaks CSSiks. (Ma eelistan kompassi vaatamist - see hoiab käimas ja värskendab CSS-i kui te skss-failide näpistama hakkate).

Kui sa tõesti ei taha SASSiga tülitseda, võite kirjutada CSS-faile nagu tavaliselt ja loetleda need oma teema .info-failis. Aga usalda mulle - väike aja investeering, et õppida piisavalt _variables.scss kompileerimiseks, makstakse tagasi peaaegu kohe.

Enne ZURBi fondi kasutamist

ZURBi sihtasutus on kõige suurepärasem, kuid see ei ole ainus väljalülitatud raamistik, mis on Drupaliga integreeritud. Võib-olla soovite kaaluda Bootstrapi , sarnast raamistikku, millel on ka Drupali teema. Praegu ma kasutan ZURBi fondi ise, aga sellepärast, et minu uuringud näitasid, et seda on lihtsam kohandada kui Bootstrap.

Samuti on Joyride'i komponent üsna magus.

Ja kas te kasutate ZURBi sihtasutust, Bootstrapit või mõnda muud raamistikku, saate kindlasti neid nõuandeid Drupali raamistiku kasutamiseks .