Ho sebelisa SURB Foundation Theme for Drupal

Fumana Matla a Mokhatlo oa Motheo oa ZURB ka Sehlooho sa Drupal

Pele ho e-ba le Twitter Bootstrap , ho ne ho e-na le (ebile ke) Motheo oa ZURB, moralo o u lumellang ho eketsa li-buttons tse ntle, ho thibela li-grids, mehala ea ntlafatso, litafole tsa theko le tse ling tse ngata ka lihlopha tse seng kae tsa CSS tse behiloeng hantle. Ka sehlooho sa Motheo oa ZURB bakeng sa Drupal, o ka tlosa lintlha tsena tsohle ho boloka sebaka sa hau sa Drupal ka boiketlo bo bolaeang.

Mokhatlo oa Motheo oa ZURB ke eng?

Mokhatlo oa motheo oa ZURB ke pokello ea khoutu ea CSS le Javascript bakeng sa sehlopha sa lintho tseo mohlomong u li ratang hosaeteng ea hau. Sena ha se kenye feela pompong ea mahlo joaloka li-buttons tse boletsoeng ka holimo empa hape e na le matla a mang a hlollang a amohelang .

U sebelisa boholo ba likarolo tsena ka ho eketsa lihlopha tse khethehileng tsa CSS. Mohlala:

Bona "button"

'me ho na le sehlopha se senyenyane sa "span" "> konopo e nyenyane .

Mokhatlo oa motheo oa ZURB o fapane ka ho feletseng le Drupal. Batho ba e sebelisa ka WordPress, Joomla, esita le libaka tsa HTML tse tsitsitseng .

Sehlooho sa ZURB se senya Sehlooho sefe?

Sehlooho sa motheo sa Drupal ZURB se u lumella ho tlosa matla ana ohle a ZURB feela ka ho kopitsa le ho nolofalletsa sehlooho (le ho bala litokomane le ho nka mehato e seng mekae feela).

Ka mohlala, Motheo oa ZURB o itšetlehile ka laebrari ea jQuery Javascript, kahoo mohlomong u tla tlameha ho kenya jQuery Update. Hlahloba hore na o sebelisa lisebelisoa tse ling tse itšetlehileng ka jQuery. Haeba u sebelisa phetolelo e ncha ea jQuery, li-modules tsena li ka khaotsa ho sebetsa.

Hape, mohlomong u batla ho sebelisa sehlooho sena e le sehlooho se ka sehloohong sehlooho sa hau sa tloaelo. Tloaeleho ke moo Foundation ea ZURB e hlileng e khanyang.

Na U Hloka Sehlooho Sena ho Sebelisa Motheo oa ZURB ka Drupal?

Ha ho hlokahale hore sehlooho sena se sebelise moralo oa motheo oa ZURB. Ntho ea eona e bonolo ka ho fetisisa, sehlooho sena se feela se eketsa Motheo oa ZURB CSS le Javascript hosaete ea hau, 'me u ka e etsa ka letsoho.

Empa sehlooho sena se etsa hore ho be bonolo, hape ho kenyeletsa ho kopanngoa ho eketsehileng le Drupal.

Ho feta moo, o ka eketsa lisebelisoa tse nyenyane tse eketsehileng bakeng sa ho kopanya ho eketsehileng. Ka mohlala, mochine oa ZURB Orbit o u lumella ho haha ​​slide-di-slides ka masimo a setšoantšo. Mochini oa ho hloekisa oa ZURB o etsa hore u bōpe li-boxbox tse amohelehang le litšoantšo tsa Media.

Tlhokomeliso: Ha ke e-s'o sebelise li-modules tsena tse nyenyane, leha ho le joalo li ka 'na tsa hlaseloa ke kotsi. Ho latela lengolo lena, ho hloekisa ZURB ho hloka Media-2.x-dev, e ka ba ntlafatso e kotsi haeba hona joale u sebelisa Media 1.x. 'Me se hlokahalang bakeng sa phetoho ea moralo e lokela ho lula e le khefu e le' ngoe. Leha ho le joalo, li-modules tsena le tse ling tsa ZURB li lokela ho shebella.

Khetha mofuta ofe oa motheo oa ZURB oo o ka o sebelisang

Pele u kopitsa sehlooho sa motheo sa ZURB, sheba hore na ke phetolelo efe eo u lokelang ho e sebelisa. Ho na le liphetoho tse fapaneng tse kholo tsa mohaho oa motheo oa ZURB, 'me nomoro e kholo ea phetolelo ea sehlooho e tsamaisana le moralo oo o sebetsang le oona. Ka hona, liphetolelo tsa 7.x- 3 .x tsa sehlooho se nang le Motheo 3 , liphetolelo tse 7.x- 4 .x li sebetsa le Motheo oa 4 , 'me liphetolelo tsa 7.x- 5 .x li sebetsa le Motheo oa 5 .

Ho latela lengolo lena, phetolelo ea morao-rao ea sehlooho ke 7.x-4.x, e sebetsang le Motheo 4. Sepheo sa 7.x-5.x se ntse se le nts'etsopele. Kahoo, le hoja Websaeteng ea motheo ea Motheo e nka hore u tla sebelisa Motheo oa 5, u ka 'na ua batla ho khomarela Foundation 4 bakeng sa hona joale.

Hape hlokomela hore Foundation 5 e na le litlhoko tse ling, haholo-holo jQuery 1.10. Motheo oa 4 o hloka feela jQuery 1.7+.

Hlokomela hore na ke motheo ofe oa Motheo oo u o sebelisang ha u bala boitsebiso ba inthaneteng. Sena ke 'nete haholo haeba u sa sebelise phetolelo ea morao-rao ea moralo. Ho bonolo hore u kene ho bala li-docs bakeng sa, u re, Motheo oa 5, joale u ferekane ha karolo e ncha e sa sebetse Motheong oa hau 4.

Ka mohlala, Motheo oa 5 o kenyelletsa lihlopha tse tloaelehileng tsa li-skrini tse mahareng. Motheong oa 4, tsena li tla hlōleha ntle le haeba u nka mehato e eketsehileng.

Sebelisa SASS, Compass, le & # 34; _variables.scss & # 34 ;!

Haeba o tlil'o CSS ea sehlooho sena ho hang, etsa bonnete ba hore:

The _variables.scss file e bōptjoa feela ka drush fst. Fifa ena e le 'ngoe e na le mefuta ea hoo e batlang e le ntho leha e le efe eo u ka ratang ho e finyella sehloohong sa hau sa CSS. Ho makatse! Kaofela sebakeng se le seng, u ka beha ntho e 'ngoe le e' ngoe ho tloha fonong e sa lekanyetsoang ho ea bophara ho skrine ho ea moeling oa li-breadcrumbs.

Ha e le hantle, u ka lula u kenya lifaele tse eketsehileng. Empa _variables.scss ke sebaka se setle sa ho qala.

Hlokomela ho eketsa lifilimi: scss, eseng css. E le hore u sebelise _variables.scss, u tla lokela ho theha SASS (puo ea katoloso ea CSS) le Compass (moralo o hahiloeng le SASS). Ha o matha compass o bokella, lifaele tsa hau tsa scss li tla fetoha CSS e ntle ka lifaele tse fapaneng. (Ke khetha compass shebella - sena se tsoela pele ho matha le ho ntlafatsa CSS ha u ntse u tlosa lifaele tsa scss.)

Haeba u hlileng u hlile u sa batle ho tšoenya SASS, u ka ngola lifaele tsa CSS ka mokhoa o tloaelehileng 'me u li thathamise file ea .info ea sehlooho sa hau. Empa ntšepe - nako e nyenyane ea lichelete bakeng sa ho ithuta ho lekaneng ho bokella _variables.scss e tla lefshoa morao hoo e batlang e le hang-hang.

Pele U Sebelisa Motheo oa ZURB

Mokhatlo oa ZURB o motle ka ho fetisisa, empa hase oona feela moralo oa ho qetela o se o kopantsoe le Drupal. U ka 'na ua batla ho nahana ka Bootstrap , moralo o tšoanang o nang le sehlooho sa Drupal. Hona joale, ke sebelisa Mokhatlo oa ZURB ka boeena, empa ke hobane lipatlisiso tsa ka li bontšitse hore ho ne ho le bonolo ho iketsetsa ho feta Bootstrap.

Hape, karolo ea Joyride e monate haholo.

Le hore na u sebelisa Motheo oa ZURB, Bootstrap, kapa moralo o mong, tiisa hore u fumana litlhahiso tsena ho sebelisa moralo o nang le Drupal .