Iji ZURB Foundation Theme maka Drupal

Nweta Ike nke Ntọala ZURB na Okwu Nkwụsị

Tupu e nwere Twitter Bootstrap , e nwere (ma ọ bụ) ZURB Foundation, usoro nke na - enye gị ohere ịgbakwunye bọtịnụ mara mma, ihe nkedo gọọmentị, Ogwe ndị na - aga n'ihu, tebụl ọnụahịa na ọtụtụ ndị ọzọ na klas CSS nke ọma. Site na isiokwu ZURB Foundation maka Drupal, ị nwere ike ịmepụta ihe a niile na saịtị Drupal gị.

Kedu ihe bụ ZURB Foundation Framework?

Ụkpụrụ ZURB Foundation bụ nchịkọta nke CSS na koodu Javascript maka ụyọkọ stof nke ị ga-achọ na ebe nrụọrụ weebụ gị. Nke a na-agụnye ọ bụghị nanị na ị nwere swiiti dị ka bọtịnụ ndị e kwuru n'elu kamakwa ụfọdụ ike dị ịtụnanya.

Ị na-eji ọtụtụ n'ime atụmatụ ndị a site na itinye klas CSS pụrụ iche. Dị ka ọmụmaatụ:

Nke a bụ "span class =" bọtịnụ "> button .

Ma ebe a bụ obere bọtịnụ"> obere button .

Ntube ZURB Foundation doro anya na Drupal. Ndị mmadụ na-eji ya na WordPress, Joomla, na ọbụna saịtị HTML .

Kedu ihe bụ ZURB Foundation Drupal Theme?

Ụkpụrụ Foundation Drupal ZURB na-enye gị ohere igosipụta ike ZURBish a niile site na nbudata ma na-enyere isiokwu (na ịgụ akwụkwọ na ịme ihe ole na ole, n'ezie).

Dịka ọmụmaatụ, ntọala ZURB dabeere na ụlọ akwụkwọ Javascript jQuery, n'ihi ya, ị nwere ike ịwụnye Update JQuery. Lelee ma ị na-eji ụdị ọ bụla ọzọ dabere na jQuery. Ọ bụrụ na i jiri ụdị jQuery mee ihe ọhụrụ, ụdị modul nwere ike ịkwụsị ịrụ ọrụ.

Ozokwa, o nwere ike ịchọrọ iji isiokwu a dị ka isi isiokwu maka isiokwu nke aka gị. Nhazi bụ ebe ZURB Foundation na-enwu.

Ị Kwesịrị Ịkụziri Okwu a Iji Jiri ZURB Foundation na Drupal?

Ikwesighi inwe isiokwu a iji jiri ZURB Foundation kpuchie ya. Na mfe ya, isiokwu a na-agbakwụnye ZSSB Foundation CSS na Javascript na saịtị gị, ị nwere ike iji aka gị rụọ ya.

Ma isiokwu a na-eme ka ọ dị mfe karị, ọ na-agụnyekwa mmekọrịta ọzọ na Drupal.

Ọzọ, ị nwere ike itinye obere ntinye ọzọ maka nbịkọta ọzọ. Dịka ọmụmaatụ, usoro ZURB Orbit nyere gị aka ịmepụta slideshow Orbit na ubi oyiyi. The ZURB Clearing module na-enye gị ohere ịmepụta bọtịnụ na-aza ozi na ihe ngosi mgbasa ozi.

Rịba ama: Enweghị m mpempe akwụkwọ ndị a ma onwe m, ka ha nwee ike ịda mbà n'obi. N'ihe banyere ederede a, ZURB nhichapụ chọrọ Media-2.x-dev, nke nwere ike ịbụ mmelite dị egwu ma ọ bụrụ na ị na-eji Media 1.x. ugbu a. Ihe a chọrọ maka usoro mmepe nke modul kwesịrị inye oge mgbe niile. N'agbanyeghị nke a, ndị a na ndị ọzọ ZURB modules kwesịrị ịbanye na.

Họrọ Ụdị Ntọala ZURB nke Jiri

Tupu ị budata isiokwu ZURB Foundation, chọpụta ụdị mbipute ị ga-eji. E nwere nsụgharị dị iche iche nke ntọala ZURB Foundation, isi nọmba mbipụta maka isiokwu ahụ kwekọrọ na ya na-arụ ọrụ. Ya mere, nsụgharị 7x- 3 .x nke isiokwu ahụ na-arụ ọrụ na Foundation 3 , ọrụ nsụgharị 7.x- 4 .x na Foundation 4 , na nsụgharị 7.x- 5 .x na Foundation 5 .

N'ihe banyere ederede a, ihe kachasị ọhụrụ nke isiokwu a bụ 7.x-4.x, nke na-arụ ọrụ na ntọala 4. Ụdị 7.x-5.x ka na-emepe. Ya mere, ọ bụ ezie na ntọala Foundation kwadoro na ị ga-eji Foundation 5, ị nwere ike ịrapara na Foundation 4 maka ugbu a.

Rịba ama na Foundation 5 nwere ihe ndị ọzọ chọrọ, karịsịa jQuery 1.10. Ntọala 4 naanị chọrọ jQuery 1.7+.

Mara nke ụdị mbipute nke ị na-eji mgbe ị gụrụ akwụkwọ ntanetị. Nke a bụ eziokwu karịsịa ma ọ bụrụ na ịnweghị iji nsụgharị ọhụrụ nke usoro ahụ. Ọ na-adị mfe ịbanye na ịgụ akwụkwọ maka, kwuo, Foundation 5, mgbe ahụ nwee nkụda mmụọ mgbe ihe ọhụrụ anaghị arụ ọrụ na saịtị ntọala gị Foundation.

Dịka ọmụmaatụ, Ntọala 5 na-agụnye otu nhazi nke ọkara klas maka ọhụụ dị nfe. Na Ntọala 4, ihe ndị a ga-eme ma ọ bụrụ na i mee ihe ọzọ.

Jiri SASS, Kompas, na & # 34; _variables.scss & # 34 !!

Ọ bụrụ na ị ga-atụle CSS maka isiokwu a, jide n'aka na ị:

A na-eke faịlụ _variables.scss na-akpaghị aka site na drush fst. Otu faịlụ a nwere mgbanwe maka ihe fọrọ nke nta ka bụrụ ihe ọ bụla ịchọrọ ịchọrọ na CSS isiokwu gị. Ọ dị ịtụnanya! Niile n'otu ebe, ị nwere ike ịtọ ihe niile site na ndabara ndabara na ihuenyo obosara na ókèala na breadcrumbs.

N'ezie, ị nwere ike idebe faịlụ ndị ọzọ mgbe niile. Ma _variables.scss bụ ebe mara mma ịmalite.

Rịba ama faịlụ ndọtị: scss, ọ bụghị css. Iji jiri _variables.scss mee ihe, ị ga-achọ ịtọ SASS (asụsụ CSS) na kompas (ihe e wuru na SASS). Mgbe ị na-agba ọsọ na mkpokọta, faịlụ faịlụ gị ga-abanye mara mma CSS na faịlụ dị iche iche. (M na - ahọrọ nche nche - nke a na - agba ọsọ ma na - emelite CSS ka ị na - eme faịlụ scss.)

Ọ bụrụ na ịchọrọ n'ezie, ị ga-achọ ịmegbu onwe gị na SASS, ị nwere ike ide faịlụ CSS dika ọ dị na mbụ ma depụta ha na faịlụ nke gị .info. Ma tụkwasị m obi - obere oge iji nweta ego iji zụlite _variables.scss ga-akwụghachi ihe fọrọ nke nta ka ọ bụrụ ozugbo.

Tupu Ị Jiri ZURB Foundation

ZURB Foundation bụ ihe magburu onwe ya, mana ọ bụghị naanị njedebe ihu-azụ na Drupal. Ị nwere ike ịchọ Bootstrap , usoro yiri nke ahụ nwekwara isiokwu Drupal. Maka ugbu a, ana m eji ZURB Foundation n'onwe m, ma nke ahụ bụ n'ihi na nnyocha m gosiri na ọ dị mfe ịhazi karịa Bootstrap.

Ọzọkwa, akụkụ Joyride dị ụtọ.

Ma ma ị na-eji ZURB Foundation, Bootstrap, ma ọ̄ bụ ihe ọzọ, jide n'aka na ị ga-enweta ndụmọdụ ndị a na iji usoro Drupal kpuchie ya .