Ukusebenzisa iZURB Foundation Theme for Drupal

Thola amandla we-Framework Foundation ye-ZURB ku-Theme Drupal

Ngaphambi kokuba kube ne- Twitter Bootstrap , kwakukhona isisekelo se-ZURB (futhi siyi-ZURB), uhlaka olukuvumela ukuthi ungeze izinkinobho ezinhle, uvimbela ama-grids, imigoqo yentuthuko, amatafula wamanani nokuningi okuningi ngezigaba ezimbalwa ze-CSS ezibeke kahle. Ngomxholo we-ZURB Foundation we-Drupal, ungakwazi ukukhipha konke lokhu ukubambelela kusayithi lakho le-Drupal ngokukhululeka okubulalayo.

Yini i-ZURB Foundation Framework?

Uhlaka lwe-ZURB Foundation luqoqo le-CSS ne-Javascript ikhodi yeqembu lezinto ozifunayo kuwebhusayithi yakho. Lokhu akubandakanyi nje kuphela i-candy iso efana nezinkinobho ezishiwo ngenhla kodwa namanye amandla amanga ayenamangalisa ngempela.

Usebenzisa iningi lalezi zici ngokungeza amakilasi akhethekile e-CSS. Ngokwesibonelo:

Nasi inkinobho > .

Futhi nasi inkinobho encane .

Uhlaka lukaZURB lwesisekelo luhluke ngokuphelele kuDrupal. Abantu bayisebenzisela ku-WordPress, Joomla, nakwezingosi ze- static ze-HTML .

Iyini i-ZURB Foundation Drupal Theme?

I-Drupal ZURB Foundation indaba ephathwayo ikuvumela ukuba ukhulule wonke lawa ma-ZURBish ngamandla ngokulanda nokuvumela isihloko (nokufunda amadokhumenti nokuthatha izinyathelo ezimbalwa ezengeziwe, Yebo).

Isibonelo, isisekelo se-ZURB sincike emtatsheni we-JQuery Javascript, ngakho-ke kuzomele ufake ukuvuselelwa kwe-jQuery. Hlola ukuthi ngabe usebenzisa amanye amamojula athembele ku-jQuery. Uma usebenzisa inguqulo entsha ye-jQuery, lawa ma modemu angayeka ukusebenza.

Futhi, cishe uzofuna ukusebenzisa le ngqikithi njengesihloko esisekelwe esihlokweni sakho somkhuba. Ukwenza ngokwezifiso ukuthi i-ZURB Isisekelo ikhanya ngempela.

Ingabe Udinga Le Nhloko Ukusebenzisa Isisekelo se-ZURB ku-Drupal?

Awudingi le nhloko ukuthi usebenzise uhlaka lwe-ZURB Foundation. Ngokwelula kwayo, lesi sihloko sinezela nje i-ZURB Foundation CSS ne-Javascript kusayithi lakho, futhi ungakwenza lokho ngesandla.

Kodwa lesi sihloko senza kube lula, futhi kufaka phakathi ukuhlanganiswa okunye noDrupal.

Ngaphezu kwalokho, ungangezela amamojula amancane amancane ukuze aqhubeke nokuhlanganiswa. Isibonelo, i-module ye-ZURB ye-Orbit ikuvumela ukuba wakhe i-Orbit slideshow enezinkambu zesithombe. Imodi yokuhlanza ye-ZURB ikuvumela ukuthi udale amabhokisi wokukhanya aphendule ngezithombe zeMediya.

Qaphela: Angizange ngizisebenzise lezi modules ezincane ngokwami, ngakho-ke zingase zibe nezinhlekelele. Njengalokhu kubhala, i-ZURB Clearing idinga i-Media-2.x-dev, engaba ngcono uma usebenzisa i-Media 1.x njengamanje. Futhi imfuneko yenguqulo yentuthuko yesimodemu kufanele ihlale isikhashana. Noma kunjalo, lezi modules namanye ama-ZURB kufanelekile ukubuka.

Khetha Yimuphi I-ZURB Isisekelo Sokusetshenziswa

Ngaphambi kokulanda isihloko se-ZURB Foundation, hlola ukuthi iyiphi inguqulo okufanele uyisebenzise. Kukhona izinguqulo ezinkulu ezihlukahlukene zohlaka lukaZURB Foundation, futhi inombolo enkulu yenguqulo yendaba ihambisana nohlaka olusebenzayo. Ngakho, izinguqulo ezingu-7.x- 3 .x zendikimba zisebenza ngeSisekelo 3 , izinguqulo ezingu- 7.x- 4 .x zisebenza neSisekelo 4 , nezinguqulo ezingu- 7.x- 5 .x zisebenza neSisekelo 5 .

Njengalokhu kubhala, inguqulo yakamuva yakamuva yendaba ingu-7.x-4.x, esebenza neSisekelo 4. Inguqulo engu-7.x-5.x isathuthukiswa. Ngakho-ke, nakuba iwebhusayithi ye-Foundation framework ithatha ukuthi uzosebenzisa iSisekelo 5, ungase ufune ukunamathela neSisekelo 4 manje.

Futhi phawula ukuthi i-Foundation 5 inezidingo ezingeziwe, ikakhulukazi i-jQuery 1.10. Isisekelo 4 sidinga kuphela i-jQuery 1.7+.

Qaphela ukuthi yiyiphi inguqulo yeSisekelo osisebenzisayo uma ufunda amadokhumenti enthanethi. Lokhu kuyiqiniso ikakhulu uma ungasebenzisi inguqulo yakamuva yohlaka. Kulula kakhulu ukugxila ekufundeni ama-docs, uthi, isisekelo sesi-5, bese uthola ukukhathazeka lapho isici esisha singasebenzi eSakhiweni Sakho se-4.

Isibonelo, isisekelo sesi-5 sihlanganisa isethi yonke yamakilasi aphakathi kwezikrini eziphakathi. EsiFundeni 4, lezi zizohluleka ngokuhluleka ngaphandle kokuthi uthathe izinyathelo ezingeziwe.

Sebenzisa i-SASS, i-Compass, ne-# 34; _variables.scss & # 34 ;!

Uma uzokhipha i-CSS yale nhloko nhlobo, qiniseka ukuthi:

• Sebenzisa isihloko se-ZURB Foundation njengesihloko esiyisisekelo se-subtheme yakho yangokwezifiso
• Yenza le subtheme usebenzisa umyalo we- drush ohlinzekwe ngendaba. Njengalokhu: drush fst yakho_theme_name
• Phatha ngokuzenzekelayo ifayela elihle le-_variables.scss

Ifayela le-_variables.scss lenziwe ngokuzenzakalelayo yi-drush fst. Leli fayela elilodwa liqukethe okuguquguqukayo cishe noma yini ongase ufune ukuyifaka kusihloko sakho se-CSS. Kuyamangalisa! Konke endaweni eyodwa, ungabeka konke kusuka kufonti ezenzakalelayo kuze kube ububanzi beskrini kuze kube semngceleni ku-breadcrumbs.

Yiqiniso, ungakwazi njalo ukusetha amafayela engeziwe. Kodwa _variables.scss yindawo enhle kakhulu ukuqala.

Qaphela isandiso sefayela: scss, hhayi css. Ukusebenzisa _variables.scss, uzodinga ukusetha i-SASS (ulimi olukhulisiwe lwe-CSS) ne-Compass (uhlaka olwakhiwe nge-SASS). Uma ugijima i-compass, amafayela akho e-scss azophendukela abe yi-CSS enhle kumafayela ahlukene. (Ngithanda i-compass ukubukela - lokhu kuqhubeka nokusebenza nokubuyekeza i-CSS njengoba ulungisa amafayela e-scss.)

Uma ngempela, awufuni ngempela ukukhathazeka ne-SASS, ungabhala amafayela e-CSS njengenjwayelo futhi uwafake ohlwini lwefayela lakho le-.info. Kodwa ngithembele kimi - isikhathi esincane sokutshalwa kwezimali ukuze ufunde ngokwanele ukuqoqa _variables.scss sizokhokhwa cishe masinyane.

Ngaphambi Kokusebenzisa Isisekelo se-ZURB

Isisekelo se-ZURB sihle kakhulu, kepha akusilo kuphela uhlaka oluphelela phambili oluhlanganisiwe ne-Drupal. Ungase uthande ukucabangela iBootstrap , uhlaka olufanayo olunetihloko zeDrupal. Okwamanje, ngisebenzisa isisekelo se-ZURB ngokwami, kodwa kungenxa yokuthi ucwaningo lwami lubonise ukuthi kulula ukwenza ngokwezifiso kune-Bootstrap.

Futhi, ingxenye ye-Joyride ihle kakhulu.

Futhi kungakhathaliseki ukuthi usebenzisa iZURB Foundation, Bootstrap, noma olunye uhlaka, qiniseka ukuthola lezi zeluleko ngokusebenzisa uhlaka nge-Drupal .