A 'cleachdadh an cuspair ZURB Foundation airson Drupal

Faigh Cumhachd Frèam-obrach ZURB ann an cuspair drupal

Mus robh Twitter Bootstrap ann , bha (agus gu bheil) ZURB Foundation, frèam a leigeas leat putanan bòidheach, cnapan-gluasaid, barraidhean adhartais, clàran prìsean agus tòrr eile a bharrachd le beagan chlasaichean CSS iomchaidh. Leis an cuspair ZURB Foundation airson Drupal, faodaidh tu a h-uile bling seo a thoirt seachad air làrach Drupal le duilgheadas marbhtach.

Dè a th 'ann am Frèam Bun-stèidh ZURB?

Tha frèam ZURB Foundation na chruinneachadh de chòd CSS agus Javascript airson grunn rudan a tha thu ag iarraidh air do làrach-lìn. Tha seo a 'gabhail a-steach chan ann a-mhàin caran-sùla a ghabhas cliogadh mar na putanan roimhe, ach cuideachd cumhachd fìor fhreagarrach .

Bidh thu a 'cleachdadh a' chuid as motha de na feartan seo le bhith a 'cur clasaichean sònraichte CSS. Mar eisimpleir:

Is e seo am putan .

Agus an seo tha "putan beag" putan beag .

Tha frèam Bunait ZURB gu tur eadar-dhealaichte bho Drupal. Bidh daoine ga chleachdadh air WordPress, Joomla, agus eadhon làraichean HTML static .

Dè a th 'ann an Cuspair Drupal Foundation ZURB?

Tha cuspair Foundation Drupal ZURB a 'toirt cothrom dhut a h-uile cumhachd ZURBish seo a thoirt seachad dìreach le bhith a' luchdachadh sìos agus a 'comasachadh cuspair (agus a' leughadh na sgrìobhainnean agus a 'toirt beagan cheumannan a bharrachd, gu dearbh).

Mar eisimpleir, tha ZURB Foundation an urra ri leabharlann Javascript jQuery, agus mar sin is dòcha gum feum thu Update JQuery a stàladh. Dèan cinnteach a bheil thu a 'cleachdadh modalan sam bith eile a tha an urra ri jQuery. Ma chleachdas tu dreach nas ùire de jQuery, faodaidh na modalan sin stad a bhith ag obair.

Cuideachd, is dòcha gum bi thu airson an cuspair seo a chleachdadh mar chuspair bunaiteach airson an cuspair agad fhèin. Is e gnàthachadh càit a bheil ZURB Foundation a 'brògadh.

A bheil feum agad air an cuspair seo gus ZURB Foundation a chleachdadh ann an Drupal?

Chan fheum thu an cuspair seo gus frèam-obrach ZURB Foundation a chleachdadh. Aig an ìre as sìmplidhe, bidh an cuspair seo dìreach a 'cur CSS Foundation agus Javascript ris an làrach agad, agus dh'fhaodadh tu sin a dhèanamh le làimh.

Ach tha an cuspair seo a 'dèanamh sin nas fhasa, agus tha e cuideachd a' toirt a-steach tuilleadh amalachaidh ri Drupal.

A bharrachd, faodaidh tu modalan nas lugha a chur ris airson barrachd amalachaidh. Mar eisimpleir, tha modal ZURB Orbit a 'leigeil leat taisbeanadh sleamhnagan Orbit a thogail le raointean dealbhan. Leigidh modal Gluais ZURB dhut bocsaichean solais fhreagarrach a chruthachadh le ìomhaighean meadhanan.

Thoir fa-near: Cha do chleachd mi na modalan beaga seo fiù 's mi fhìn, agus mar sin is dòcha gum bi iad gu math cunnartach. Mar a tha an sgrìobhadh seo, tha feum air Clear-ZURB Media-2.x-dev, a dh'fhaodadh a bhith na chunnart cunnartach ma tha thu a 'cleachdadh Media 1.x an-dràsta. Agus bu chòir dha riatanas airson tionndadh leasachaidh de mhodal a bhith a 'toirt seachad aon stad. Fhathast, is fhiach sùil a thoirt a-steach air na modalan ZURB seo agus eile.

Tagh dè an tionndadh de bhun-stèidh ZURB a tha thu a 'cleachdadh

Mus do luchdaich thu sìos cuspair ZURB Foundation, dèan cinnteach dè an tionndadh a bu chòir dhut a chleachdadh. Tha diofar dhreathan eadar-dhealaichte de fhrèam Bunait ZURB, agus tha an àireamh as motha airson an cuspair a 'freagairt ris an fhrèam a tha e ag obair. Mar sin, tha na tionndaidhean 7.x- 3 .x den chuspair ag obair le Foundation 3 , na tionndaidhean 7.x- 4 .x ag obair le Foundation 4 , agus na tionndaidhean 7.x- 5 .x ag obair le Foundation 5 .

Mar an sgrìobhadh seo, is e 7.x-4.x an dreach stàble as ùire den chuspair, a tha ag obair le Bun-ìre 4. Tha an dreach 7.x-5.x fhathast ga leasachadh. Mar sin, ged a tha làrach-lìn frèam Bun-structair a 'gabhail ris gun cleachd thu Foundation 5,' s dòcha gum bi thu airson cumail ri Foundation 4 airson a-nis.

Cuideachd, innis gu bheil riatanasan a bharrachd aig Bun-ìre 5, gu sònraichte jQuery 1.10. Chan eil bunait 4 a 'feumachdainn jQuery 1.7+ a-mhàin.

Bi mothachail dè an dreach den Stèidheachd a tha thu a 'cleachdadh nuair a leughas tu na sgrìobhainnean air-loidhne. Tha seo gu sònraichte fìor mura h-eil thu a 'cleachdadh an dreach as ùire den fhrèam. Tha e gu math furasta a dhol a-steach gu leughadh nan docs airson, seall, Stèidheachadh 5, an uairsin fàs mì-thoilichte nuair nach eil feart ùr ag obair air làrach Foundation 4 agad.

Mar eisimpleir, tha Bun-ìre 5 a 'toirt a-steach seata slàn de chlasaichean meadhain airson sgàilean meadhanach. Ann am Bun-stèidh 4, fàillidh iad sin gu dìomhair mura gabh thu ceumannan a bharrachd.

Cleachd SASS, Compass, agus & # 34; _variables.scss & # 34 ;!

Ma tha thu a 'dol a choileanadh an CSS airson an cuspair seo idir, dèan cinnteach gu bheil thu:

• Cleachd cuspair an ZURB Foundation mar chuspair bunaiteach airson do chleachdadh gnàthaichte fhèin
• Gabh an slat seo le bhith a 'cleachdadh an òrdugh drush a bheir an cuspair seachad. Mar seo: brùth fst your_theme_name
• Cur an cèill rèidh an fhaidhle sàr-variables.scss

Tha am faidhle _variables.scss air a chruthachadh gu fèin-obrachail le drush fst. Tha an fhaidhle singilte seo a 'gabhail a-steach caochlaidhean airson cha mhòr rud sam bith a dh' fhaodadh tu a chleachdadh airson do chuspair CSS. Tha e iongantach! Gach ann an aon àite, faodaidh tu a h-uile càil a shuidheachadh bhon chlò bunaiteach gu leud an sgrion chun a 'chrìche air na briosgaidean.

Gu dearbh, is urrainn dhut daonnan faidhlichean a bharrachd a chuir air dòigh cuideachd. Ach tha _variables.scss na àite brèagha airson tòiseachadh.

Thoir fa-near an leudachadh faidhle: sgss, chan e css. Gus _variables.scss a chleachdadh, feumaidh tu a bhith a 'stèidheachadh SASS (cànan leudachaidh CSS) agus Compass (frèam a chaidh a thogail le SASS). Nuair a bhios tu a 'ruith compas, thèid na faidhlichean sgiobalta agad gu CSS iongantach ann am faidhlichean fa leth. (Is fheàrr leam faire compama - tha seo a 'cumail a' dol air adhart agus ag ùrachadh CSS fhad 'sa tha thu a' cleachdadh nam faidhlichean sgiobalta.)

Ma tha thu fhèin gu dearbh, nach eil thu airson dragh a chur air SASS, faodaidh tu faidhlichean CSS a sgrìobhadh mar as àbhaist agus clàraich iad ann am faidhle .info an cuspair agad. Ach earbsa mi - bidh an ùine bheag a bhios a 'tasgadh gus ionnsachadh gu leòr gus _variables.scss a thional a phàigheadh ​​air ais cha mhòr sa bhad.

Mus do chleachd thu ZURB Foundation

Tha ZURB Foundation sàr-mhath, ach chan e seo an aon fhrèam-aghaidh a chaidh a cheangal ri Drupal. Is dòcha gum bi thu airson beachdachadh air Bootstrap , frèama coltach ris a bheil cuspair Drupal cuideachd. Airson a-nis, tha mi a 'cleachdadh Stòras ZURB mi fhìn, ach tha sin mar thoradh air an rannsachadh agam gu robh e na b' fhasa a bhith air a chleachdadh seach Bootstrap.

Cuideachd, tha an com-pàirt Joyride gu math milis.

Agus co-dhiù a chleachdas tu ZURB Foundation, Bootstrap, no frèam eile, dèan cinnteach gu faigh thu na molaidhean seo mu bhith a 'cleachdadh frèam le Drupal .