Paggamit sa ZURB Foundation Theme alang sa Drupal

Pagkuha sa Gahum sa Framework sa ZURB Foundation sa usa ka Drupal Theme

Sa wala pa ang Twitter Bootstrap , adunay (ug kini) ZURB Foundation, usa ka balangkas nga makahatag kanimo og mga nindot nga mga butones, pag-block sa grids, mga progress bar, mga pricing tables ug daghan pa uban sa pipila ka maayo nga mga klase sa CSS. Uban sa tema sa ZURB Foundation alang sa Drupal, mahimo nimong ipadula kining tanan nga bling sa imong site sa Drupal nga makadaot.

Unsa ang Framework sa ZURB Foundation?

Ang gambalay sa ZURB Foundation usa ka koleksyon sa CSS ug Javascript code alang sa usa ka pundok sa mga butang nga tingali gusto nimo sa imong website. Naglakip kini dili lamang sa mga clickable nga kendi sama sa mga butang nga gihisgutan, apan usab ang pipila ka talagsaon nga talagsaon nga gahum.

Gigamit nimo ang kadaghanan niini nga mga bahin pinaagi sa pagdugang sa mga espesyal nga klase sa CSS. Pananglitan:

Ania ang butang nga .

Ug ania ang usa ka

Ang gambalay sa ZURB Foundation hingpit nga nahimulag sa Drupal. Gigamit kini sa mga tawo sa WordPress, Joomla, ug bisan mga static nga mga HTML nga mga site.

Unsa ang Tema sa ZURB Foundation Drupal?

Ang tema sa Drupal ZURB Foundation nagtugot kanimo sa pagpagawas niining tanan nga gahum sa ZURBish pinaagi lamang sa pag-download ug pag-enable sa usa ka tema (ug pagbasa sa dokumentasyon ug pagkuha sa pipila ka dugang nga mga lakang, siyempre).

Pananglitan, ang ZURB Foundation nagasalig sa jQuery library sa Javascript, busa kinahanglan nimo nga i-install ang jQuery Update. Susiha kon nagagamit ka ba sa bisan unsa nga modules nga nagsalig sa jQuery. Kon mogamit ka usab og bag-ong bersyon sa jQuery, kini nga mga modulo mahimong mohunong sa pagtrabaho.

Dugang pa, tingali gusto nimong gamiton kini nga tema isip usa ka tema alang sa imong kaugalingon nga custom nga tema. Ang pag-custom diin ang ZURB Foundation nagasidlak gayud.

Gikinahanglan ba Nimo Kini nga Tema Sa Paggamit sa ZURB Foundation sa Drupal?

Wala nimo gikinahanglan ang tema nga gamiton ang gambalay sa ZURB Foundation. Sa pinakasimple, kini nga tema nagdugang lamang sa ZURB Foundation CSS ug Javascript sa imong site, ug mahimo nimo kana nga buhaton.

Apan kini nga tema naghimo nga mas sayon, ug kini naglakip usab sa pipila ka dugang nga pagsumpay sa Drupal.

Dugang pa, makadugang ka mas gamay nga mga modules alang sa dugang nga pagsumpay. Pananglitan, ang module sa ZURB Orbit nagpahigayon kanimo nga magtukod og usa ka Orbit nga talan-awon uban sa mga field image. Ang module sa ZURB Clearing nagtugot kanimo sa paghimo og mga responsive lightboxes sa mga imahe sa Media.

Hinumdomi: Wala pa nako gigamit kining gagmay nga mga modulo, mao nga kini mapuno sa katalagman. Niining pagsulat, ang ZURB Clearing nagkinahanglan sa Media-2.x-dev, nga mahimo nga usa ka peligroso nga pag-uswag kung ikaw karon nagagamit sa Media 1.x. Ug usa ka kinahanglanon alang sa bersyon sa pag-uswag sa usa ka module kinahanglan kanunay mohatag usa ka pause. Bisan pa, kini ug ang uban pang mga modulo sa ZURB angayan nga tan-awon.

Pagpili kon asa nga bersyon sa ZURB Foundation nga gamiton

Sa dili pa nimo i-download ang tema sa ZURB Foundation, susiha kung asa nga bersyon ang imong gamiton. Adunay nagkalainlain nga mga mayor nga mga bersyon sa framework sa ZURB Foundation, ug ang mayor nga numero sa bersyon alang sa tema katumbas sa balangkas nga iyang gigamit. Busa, ang 7.x- 3 .x nga bersyon sa tema nagtrabaho sa Foundation 3 , ang 7.x- 4 .x nga mga bersyon nagtrabaho sa Foundation 4 , ug ang 7.x- 5 .x nga bersyon nagtrabaho sa Foundation 5 .

Niining pagsulat, ang pinakabag-o nga bersyon sa tema mao ang 7.x-4.x, nga naglihok sa Foundation 4. Ang bersyon nga 7.x-5.x anaa pa sa paglambo. Busa, bisag ang website sa Foundation framework nag-ingon nga imong gamiton ang Foundation 5, mahimo nimong ipadayon ang Foundation 4 karon.

Matikdi usab nga ang Foundation 5 dunay dugang mga kinahanglanon, ilabi na ang jQuery 1.10. Ang Foundation 4 nagkinahanglan lang og jQuery 1.7+.

Pagmatngon kung asa nga bersyon sa Foundation nga imong gigamit sa dihang imong gibasa ang dokumentasyon sa online. Tinuod kini ilabi na kon wala nimo gamiton ang pinakabag-ong bersyon sa gambalay. Kini dali nga dili mahasol sa pagbasa sa mga dokumento, sama pananglit, Foundation 5, unya mapakyas kon ang usa ka bag-o nga bahin dili magamit sa imong Foundation 4 site.

Pananglitan, ang Foundation 5 naglakip sa usa ka hugpong nga mga klase sa medium alang sa medium-sized screens. Sa Foundation 4, kini misteryosong mapakyas gawas kon mohimo ka dugang nga mga lakang.

Gamita ang SASS, Compass, ug & # 34; _variables.scss & # 34 ;!

Kon imong pag-tweak ang CSS alang niining tema, siguroha nga ikaw:

Ang _variables.scss file gimugna awtomatiko sa drush fst. Kining nag-usa nga file naglangkob sa mga kabag-ohan alang sa halos bisan unsang butang nga gusto nimo nga tweak sa imong tema CSS. Kini kahibulongan! Ang tanan sa usa ka dapit, mahimo nimo ibutang ang tanan gikan sa default font ngadto sa lapad sa screen ngadto sa utlanan sa breadcrumbs.

Siyempre, mahimo ka usab nga mag-set up og mga dugang nga mga file. Apan ang _variables.scss usa ka nindot nga dapit nga magsugod.

Tan-awa ang extension sa file: scss, dili css. Aron magamit ang _variables.scss, kinahanglan nimo nga i-set up ang SASS (usa ka CSS extension nga pinulongan) ug Compass (usa ka gambalay nga gitukod uban sa SASS). Sa diha nga ikaw modalag kompas sa kompas, ang imong mga scss file mamahimong matahum nga CSS sa managlahing mga file. (Gipili nako ang kompas sa kompas - kini nagpadayon sa pagdagan ug pag-update sa CSS samtang imong gibag-o ang mga scss file.)

Kung tinuod ka, dili ka gayud gustong maghasol sa SASS, mahimo ka magsulat sa CSS nga mga file sama sa naandan ug ilista kini sa imong tema. Info file. Apan pagsalig kanako - ang gamay nga panahon sa pagpamuhonan aron makat-on igo sa pag-compile _variables.scss ibayad hapit sa hinanali.

Sa Dili pa Mo Gamiton ang ZURB Foundation

Ang ZURB Foundation labing maayo, apan dili kini ang nag-una nga balangkas nga giapil sa Drupal. Mahimo nimo nga hunahunaon ang Bootstrap , usa ka susamang balangkas nga adunay tema usab nga Drupal. Sa pagkakaron, ako naggamit sa ZURB Foundation mismo, apan tungod kay ang akong pagsiksik nagpakita nga kini mas sayon ​​ipasibo kay sa Bootstrap.

Usab, ang Joyride component nindot kaayo.

Ug kon ikaw naggamit sa ZURB Foundation, Bootstrap, o uban pang mga balangkas, siguruha nga makakuha kini nga mga tip sa paggamit sa usa ka balangkas uban sa Drupal .