Defnyddio Thema Sylfaen ZURB ar gyfer Drupal

Cael Power of the ZURB Foundation Foundation mewn Drupal Thema

Cyn bod Bootstrap Twitter , roedd (a yw) ZURB Foundation, fframwaith sy'n eich galluogi i ychwanegu botymau eithaf, gridiau bloc, bariau cynnydd, tablau prisio a llawer mwy gyda rhai dosbarthiadau CSS mewn sefyllfa dda. Gyda thema'r Sefydliad ZURB ar gyfer Drupal, gallwch ddatgloi hyn oll ar eich safle Drupal gyda rhwyddineb angheuol.

Beth yw Fframwaith Sylfaen ZURB?

Mae fframwaith Sylfaen ZURB yn gasgliad o CSS a chod Javascript ar gyfer nifer o bethau y mae'n debyg y byddwch eu hangen ar eich gwefan. Mae hyn yn cynnwys nid yn unig candy llygaid cliciadwy fel y botymau uchod ond hefyd rhywfaint o bŵer ymatebol wirioneddol.

Rydych chi'n defnyddio'r rhan fwyaf o'r nodweddion hyn trwy ychwanegu dosbarthiadau CSS arbennig. Er enghraifft:

Dyma botwm .

Ac mae yma botwm bach " botwm bach .

Mae fframwaith Sylfaen ZURB yn gwbl wahanol i Drupal. Mae pobl yn ei ddefnyddio ar WordPress, Joomla, a hyd yn oed safleoedd HTML sefydlog .

Beth yw Thema Drupal Sylfaen ZURB?

Mae thema Sefydliad Drupal ZURB yn eich galluogi i ddileu'r holl bŵer ZURBish hwn trwy lwytho i lawr a galluogi thema (a darllen y ddogfennaeth a chymryd ychydig o gamau ychwanegol, wrth gwrs).

Er enghraifft, mae ZURB Foundation yn dibynnu ar y llyfrgell Javascript jQuery, felly mae'n debyg y bydd yn rhaid i chi osod JQuery Update. Gwiriwch a ydych chi'n defnyddio unrhyw fodiwlau eraill sy'n dibynnu ar jQuery. Os ydych chi'n defnyddio fersiwn rhy newydd o jQuery, efallai y bydd y modiwlau hyn yn rhoi'r gorau i weithio.

Hefyd, mae'n debyg y byddwch am ddefnyddio'r thema hon fel thema sylfaenol ar gyfer eich thema arferol eich hun. Customization yw lle mae Sylfaen ZURB wir yn disgleirio.

Ydych Chi Angen Thema Hon I Ddefnyddio Sylfaen ZURB yn Drupal?

Nid oes angen y thema hon arnoch i ddefnyddio fframwaith Sylfaen ZURB. Ar ei symlaf, mae'r thema hon yn ychwanegu CSS Sylfaen a Javascript i'ch gwefan, ac fe allech chi wneud hynny â llaw.

Ond mae'r thema hon yn ei gwneud yn haws, ac mae hefyd yn cynnwys rhywfaint o integreiddio pellach gyda Drupal.

Hefyd, gallwch ychwanegu modiwlau ychwanegol llai ar gyfer integreiddio ymhellach. Er enghraifft, mae'r modiwl ZURB Orbit yn eich galluogi i greu sioe sleidiau Orbit gyda chaeau delwedd. Mae'r modiwl Clirio ZURB yn eich galluogi i greu blychau golau ymatebol gyda delweddau'r Cyfryngau.

Sylwer: Nid wyf wedi defnyddio'r modiwlau bach hyn eto fy hun, felly efallai eu bod yn llawn perygl. Fel yr ysgrifenniad hwn, mae Clirio ZURB yn gofyn am Media-2.x-dev, a allai fod yn uwchraddio peryglus os ydych chi ar hyn o bryd yn defnyddio Media 1.x. Ac mae'n ofynnol i fersiwn datblygu modiwl bob amser roi un siwt. Yn dal i fod yn werth edrych ar y modiwlau hyn a ZURB eraill.

Dewis Pa Fersiwn o Sefydliad ZURB i'w Ddefnyddio

Cyn i chi lawrlwytho thema Sylfaen ZURB, gwiriwch pa fersiwn y dylech ei ddefnyddio. Mae yna wahanol fersiynau o fframwaith Sylfaen ZURB, ac mae'r nifer fersiwn fawr ar gyfer y thema yn cyfateb i'r fframwaith y mae'n gweithio gyda hi. Felly, mae'r fersiynau 7.x- 3 .x o'r thema yn gweithio gyda Sefydliad 3 , y fersiynau 7.x- 4 .x yn gweithio gyda Sylfaen 4 , ac mae'r fersiynau 7.x- 5 .x yn gweithio gyda Sylfaen 5 .

Fel yr ysgrifenniad hwn, y fersiwn sefydlog ddiweddaraf o'r thema yw 7.x-4.x, sy'n gweithio gyda Sylfaen 4. Mae'r fersiwn 7.x-5.x yn dal i gael ei ddatblygu. Felly, er bod gwefan y fframwaith Sylfaen yn rhagdybio y byddwch yn defnyddio Sylfaen 5, efallai y byddwch am gadw gyda Sefydliad 4 ar hyn o bryd.

Nodwch hefyd fod gan Sylfaen 5 ofynion ychwanegol, yn enwedig jQuery 1.10. Dim ond jQuery 1.7+ sydd angen i Sefydliad 4.

Byddwch yn ymwybodol pa fersiwn o'r Sefydliad rydych chi'n ei ddefnyddio wrth ddarllen y dogfennau ar-lein. Mae hyn yn arbennig o wir os nad ydych yn defnyddio'r fersiwn ddiweddaraf o'r fframwaith. Mae'n hawdd llithro i ddarllen y dociau, dyweder, Sylfaen 5, ac yna'n rhwystredig pan nad yw nodwedd newydd yn gweithio ar eich safle Sylfaen 4.

Er enghraifft, mae Sefydliad 5 yn cynnwys set gyfan o ddosbarthiadau canolig ar gyfer sgriniau maint canolig. Yn Sefydliad 4, bydd y rhain yn methu'n ddirgel oni bai eich bod yn cymryd camau ychwanegol.

Defnyddiwch SASS, Compass, a & # 34; _variables.scss & # 34 ;!

Os ydych chi'n mynd i dynnu'r CSS ar gyfer y thema hon o gwbl, gwnewch yn siŵr eich bod chi:

Mae'r ffeil _variables.scss yn cael ei greu yn awtomatig gan drush fst. Mae'r ffeil sengl hon yn cynnwys newidynnau ar gyfer bron unrhyw beth y gallech chi ei dymuno yn eich CSS thema. Mae'n anhygoel! Pob un mewn un lle, gallwch osod popeth o'r ffont diofyn i lled y sgrin i'r ffin ar y briwsion bara.

Wrth gwrs, gallwch chi bob amser sefydlu ffeiliau ychwanegol hefyd. Ond mae _variables.scss yn lle gwych i ddechrau.

Rhowch wybod i'r estyniad ffeil: sss, nid css. I ddefnyddio _variables.scss, bydd angen i chi sefydlu SASS (iaith estyniad CSS) a Compass (fframwaith a adeiladwyd gyda SASS). Pan fyddwch chi'n rhedeg cwmpawd, bydd eich ffeiliau sbon yn troi'n CSS hyfryd mewn ffeiliau ar wahân. (Mae'n well gen i wylio cwmpawd - mae hyn yn parhau i redeg a diweddaru'r CSS wrth i chi daro'r ffeiliau sbon).

Os ydych, mewn gwirionedd, ddim eisiau trafferthu gyda SASS, gallwch ysgrifennu ffeiliau CSS fel arfer a'u rhestru yn ffeil eich thema .info. Ond ymddiried ynof fi - bydd y buddsoddiad amser bach i ddysgu digon i gasglu _variables.scss yn cael ei dalu'n ôl bron yn syth.

Cyn ichi Defnyddio Sylfaen ZURB

Mae ZURB Foundation yn fwyaf ardderchog, ond nid yr unig fframwaith blaen-flaen sydd wedi'i integreiddio â Drupal. Efallai y byddwch am ystyried Bootstrap , fframwaith tebyg sydd hefyd â thema Drupal. Am y tro, rwy'n defnyddio Sefydliad ZURB fy hun, ond dyna pam dywedodd fy ymchwil ei bod yn haws ei addasu na Bootstrap.

Hefyd, mae elfen Joyride yn eithaf melys.

Ac a ydych chi'n defnyddio ZURB Foundation, Bootstrap, neu ryw fframwaith arall, byddwch yn siŵr o gael yr awgrymiadau hyn ar ddefnyddio fframwaith gyda Drupal .