Tau lub Hwj Chim ntawm ZURB Foundation Moj khaum hauv lub ntsiab lus Drupal
Ua ntej nws muaj Twitter Bootstrap , muaj (thiab yog) ZURB Foundation, lub hauv paus uas cia koj ntxiv cov nyom zoo nkauj, thaiv kev sib tw, kev kawm nce qib, nqe lus teev nqi thiab ntau yam ntxiv nrog ob peb hoob kawm CSS. Nrog ZURB Foundation ntsiab lus rau Drupal, koj tuaj yeem unleash tag nrho cov bling no nyob rau hauv koj qhov chaw Drupal nrog kev tuag yooj yim.
Lub ZURB Foundation Framework yog dab tsi?
Lub Foundation ZURB Foundation yog ib phau ntawm CSS thiab Javascript chaws rau ib pawg khoom uas koj xav tau ntawm koj lub vev xaib. Qhov no suav nrog cov yeeb yaj kiab uas muag tsis tau tsuas yog siv cov lus nyhav dua lwm tus, tab sis kuj tseem ceeb heev rau lub hwj chim.
Koj siv feem ntau ntawm cov nta los ntawm kev ntxiv tshwj xeeb CSS cov chav kawm. Piv txwv li:
Qhov no yog Lub koom haum ZURB Foundation yog tag nrho cais los ntawm Drupal. Cov neeg siv nws ntawm WordPress, Joomla, thiab cov chaw zoo li qub HTML . Lub ntsiab lus Drupal ZURB Foundation tso cai rau koj kom tau unleash tag nrho cov ZURBish lub hwj huam xwb los ntawm kev siv thiab ua kom cov ntsiab lus (thiab nyeem cov ntaub ntawv thiab noj ob peb yam ntxiv, ntawm chav kawm). Piv txwv li, ZURB Foundation cia siab rau ntawm qhov chaw qiv ntawv JQuery Javascript, yog li koj yuav zaum tau nruab jQuery Hloov tshiab. Kuaj seb koj puas siv lwm hom kev pab cuam uas khi ntawm jQuery. Yog tias koj siv ib qho tshiab ntawm jQuery, cov kev cai no yuav tsis ua hauj lwm. Ntxiv thiab, koj yuav ntshe xav siv lub ntsiab lus no ua lub hauv paus ntsiab lus rau koj tus kheej kev cai. Customization yog qhov twg ZURB Foundation yeej ntsa. Koj tsis tas xav txog cov ntsiab lus no los siv ZURB Foundation. Ntawm nws txoj kev nyuaj, cov ntsiab lus no tsuas yog ntxiv cov ZURB Foundation CSS thiab Javascript rau koj lub vev xaib, thiab koj tuaj yeem ua ntawd manually. Tab sis cov ntsiab lus no ua rau qhov yooj yim dua, thiab nws kuj muaj xws li kev koom ua ke nrog Drupal. Ntxiv rau, koj tuaj yeem ntxiv me me ntxiv rau kev koom ua ke ntxiv. Piv txwv li, ZURB Orbit module cia koj tsim kom muaj Kev Tsim Tsa Orbit nrog duab teb. Lub ZURB Clearing module cia koj tsim cov teeb ci nrog cov duab thaij duab. Lus Cim: Kuv tsis tau siv cov qauv me me no tsis tau kuv tus kheej, yog li ntawd lawv yuav muaj kev kub ntxhov nrog kev ntxhov siab. Raws li ntawm kev sau ntawv, ZURB Clearing yuav tsum Media-2.x-dev, uas yog ib qho yuav ua rau muaj kev cuam tshuam dua yog tias koj tab tom siv Media 1.x. Thiab yuav tsum muaj ib qho kev tsim kho ntawm tus qauv yuav tsum muab ib zaug ntxiv. Tseem, cov no thiab lwm yam ZURB modules muaj nqis saib. Ua ntej koj mus download tau ZURB Foundation lub ntsiab lus, kos lub twg koj yuav tsum siv. Muaj ntau qhov sib txawv loj ntawm ZURB Foundation, thiab tus loj version tooj rau lub ntsiab lus sib txawv rau lub moj khaum nws ua haujlwm nrog. Li ntawd, 7.x- 3 .x versions ntawm lub ntsiab ua haujlwm nrog Foundation 3 , 7.x- 4 .x versions ua haujlwm nrog Foundation 4 , thiab 7.x- 5 .x versions ua haujlwm nrog Foundation 5 . Raws li ntawm kev sau ntawv, qhov tseeb ruaj khov version ntawm lub ntsiab yog 7.x-4.x, uas ua haujlwm nrog Foundation 4. Lub 7.x-5.x version tseem nyob hauv txoj kev loj hlob. Yog li ntawd, txawm tias lub Foundation qhov vev xaib lub vev xaib koj yuav siv cov Foundation 5, koj yuav xav lo nrog Foundation 4 rau tam sim no. Tseem nco ntsoov tias Foundation 5 muaj ntxiv cov kev cai, tshwj xeeb tshaj yog jQuery 1.10. Foundation 4 tsuas xav tau jQuery 1.7+. Yuav tsum paub txog qhov twg ntawm Txoj Kev Lom Zem koj tau siv thaum koj nyeem cov ntaub ntawv online. Qhov no yog qhov tseeb tshaj yog tias koj tsis siv qhov tseeb version ntawm lub moj khaum. Nws yog ib qho yooj yim rau kev txheeb ze rau kev nyeem ntawv rau cov lus qhia, hais, Foundation 5, ces tau ntxhov siab thaum lub tshiab feature tsis ua hauj lwm hauv koj qhov chaw 4 qhov chaw. Piv txwv li, Foundation 5 suav nrog tag nrho cov chav kawm medium rau cov duab qis nruab nrab. Nyob hauv Foundation 4, cov no yuav tsis paub meej tsis tau tshwj tsis yog tias koj tau txais cov kauj ruam ntxiv. Yog tias koj tab tom twv lub CSS rau qhov ntsiab lus no, nco ntsoov koj: Cov ntaub ntawv _variables.scss yog tsim tau los ntawm kev noj haus fst. Cov ntaub ntawv no tsuas muaj zog rau txhua yam uas koj xav tau tweak hauv koj lub ntsiab CSS. Nws yog amazing! Tag nrho nyob rau hauv ib qho chaw, koj tuaj yeem teev txhua yam ntawm qhov default font rau qhov dav dav dav mus rau ciam teb rau ntawm breadcrumbs. Tau kawg, koj tuaj yeem tsim cov ntaub ntawv ntxiv thiab. Tab sis _variables.scss yog ib qho chaw zoo heev pib. Tsab ntawv xov xwm ntxiv: scss, tsis css. Siv _variables.scss, koj yuav tsum teeb SASS (lus CSS extension) thiab Compass (lub moj khaum nrog ua SASS). Thaum koj khiav compile compile, koj cov ntaub ntawv scss yuav dhau mus ua zoo nkauj CSS nyob rau hauv nyias muaj nyias cov ntaub ntawv. (Kuv xav compass saib - qhov no yuav khiav thiab muab kho dua rau CSS li koj tweak cov ntaub ntawv scss.) Yog hais tias koj yeej, yeej tsis xav thab nrog SASS, koj tuaj yeem sau CSS cov ntaub ntawv raws li niaj zaus thiab sau lawv hauv koj cov ntsiab lus .info. Tab sis cia siab rau kuv - lub sijhawm me me sij hawm kawm kom paub txaus los compile _variables.scss yuav tau them rov qab yuav luag tam sim ntawd. ZURB Foundation yog zoo tshaj plaws, tiam sis nws tsis yog lub hauv paus ntawm ib lub hauv ntej uas dhau los ua ke nrog Drupal. Tej zaum koj xav xav Bootstrap , ib lub tswv yim zoo sib xws uas kuj muaj Drupal ntsiab lus. Rau tam sim no, Kuv tabtom siv ZURB Foundation kuv tus kheej, tab sis qhov ntawd yog vim kuv kev tshawb fawb qhia tias nws yooj yim dua customize dua Bootstrap. Ntxiv thiab, Joyride tivthaiv yog qab zib zoo nkauj. Thiab seb koj puas siv ZURB Foundation, Bootstrap, lossis lwm lub moj khaum, nco ntsoov txais cov tswv yim no siv lub thawv nrog Drupal . Lub ZURB Foundation Drupal Lub Ntsiab Yog Dab Tsi?
Koj Puas Xav Tau Qhov Ntsiab Lus No Siv ZURB Foundation hauv Drupal?
Xaiv qhov Version of ZURB Foundation rau Siv
Siv SASS, Compass, thiab & # 34; _variables.scss & # 34 ;!
Ua ntej koj siv ZURB Foundation