"Drupal" "ZURB" temos naudojimas

Gaukite "ZURB Foundation" pagrindų galią "Drupal" tema

Prieš " Twitter Bootstrap" buvo (ir yra) "ZURB Foundation", sistema, kuri leidžia jums pridėti keletą puikiai priskirtų CSS klasių, kad galėtumėte pridėti gana mygtukus, blokuoti tinklus, pažangos juostas, kainų lenteles ir dar daugiau. Naudodamiesi "Drupal" "ZURB" fondo tematika, galite išlaisvinti visą šį "Bling" savo Drupal svetainėje, kad būtų lengviau.

Kas yra ZURB fondo pagrindas?

"ZURB" fondo sistema yra CSS ir Javascript kodo rinkinys daugybei dalykų, kuriuos tikriausiai norėsite savo svetainėje. Tai apima ne tik spustelėjamus akių saldainius, pvz., Minėtus mygtukus, bet ir kai kuriuos iš tikrųjų puikius jautrius jėgos elementus.

Daugelį šių funkcijų naudojate pridėdami specialias CSS klases. Pavyzdžiui:

Čia yra mygtukas .

Čia yra > mažas mygtukas .

"ZURB" fondas yra visiškai atskirtas nuo "Drupal". Žmonės jį naudoja "WordPress", "Joomla" ir net statinio HTML puslapiuose.

Kas yra ZURB fondo Drupal tema?

"Drupal ZURB" fondo tema leidžia jums atskleisti visą šią "ZURBish" galią tik atsisiųsdami ir įgalinę temą (ir, žinoma, skaitysite dokumentus ir atliks kelis papildomus veiksmus).

Pvz., Fondas ZURB remiasi "jQuery Javascript" biblioteka, todėl turėsite įdiegti "jQuery Update". Patikrinkite, ar naudojate kitus modulius, kurie priklauso nuo jQuery. Jei naudojate pernelyg jQuery versiją, šie moduliai gali nustoti veikti.

Be to, jūs tikriausiai norėsite naudoti šią temą kaip pagrindinę temą savo pasirinktai temai. "Customization" yra kur ZURB fondas tikrai išryškėja.

Ar jums reikia šios temos, kad naudotųsi ZURB fondu Drupal?

Jums nereikia šios temos, kad galėtumėte naudotis ZURB fondo sistema. Paprasčiausiu atveju ši tema įtraukia į savo svetainę ZURB fondo CSS ir Javascript, o jūs galite tai padaryti ir rankiniu būdu.

Tačiau ši tema tampa lengvesnė, ir ji taip pat apima keletą tolesnės integracijos su Drupal.

Be to, galite pridėti mažesnius papildomus modulius tolimesnei integracijai. Pavyzdžiui, "ZURB Orbit" modulis leidžia kurti "Orbit" skaidres su vaizdo laukeliais. "ZURB Clearing" modulis leidžia kurti reaguojančias šviesdėžes su "Media" vaizdais.

Pastaba: dar nesinaudoju šiais mažais moduliais, todėl jie gali būti pavojingi. Nuo šio rašymo "ZURB Clearing" reikalingas "Media-2.x-dev", kuris gali būti pavojingas naujinimas, jei šiuo metu naudojate "Media 1.x". Modulio kūrimo versijos reikalavimas visada turėtų būti viena pauzė. Vis dėlto verta pažvelgti į šiuos ir kitus ZURB modulius.

Pasirinkite, kurią versiją naudoti ZURB fondą

Prieš atsisiųsite "ZURB Foundation" temą, patikrinkite, kokią versiją turėtumėte naudoti. Yra daug pagrindinių "ZURB" fondo versijų, o pagrindinė temos versijos numeris atitinka sistemą, su kuria ji dirba. Taigi temos 7.x- 3 .x versijos veikia su "Foundation 3" , versijos 7.x-4.x versijos dirba su "Foundation 4" , o "7.x- 5 .x" versijos veikia su "Foundation 5" .

Nuo šio rašymo naujausia stabili tema yra 7.x-4.x, kuri dirba su "Foundation 4." versija 7.x-5.x vis dar kuriama. Taigi, nors Fondo pagrindų svetainė prielaida, kad naudosite "Foundation 5", galbūt norėsite laikytis "Foundation 4".

Taip pat atkreipkite dėmesį, kad "Foundation 5" turi papildomų reikalavimų, ypač "jQuery 1.10". Fondui 4 reikia tik jQuery 1.7+.

Atkreipkite dėmesį, kokią Fondo versiją naudojate skaitydami internetinę dokumentaciją. Tai ypač pasakytina, jei nenaudojate naujausios sistemos versijos. Fatališkai lengva paslysti skaityti dokumentus, tarkim, "Foundation 5", tada nusivylė, kai nauja funkcija neveikia jūsų "Foundation 4" svetainėje.

Pavyzdžiui, "Foundation 5" apima vidutinio dydžio ekranų vidutinį klases. Fondo 4 atveju tai bus paslaptingai žlugti, nebent atliksite papildomų veiksmų.

Naudokite SASS, kompasą ir & # 34; _variables.scss & # 34 ;!

Jei ketinate keisti šios temos CSS, įsitikinkite, kad:

• Naudokite ZURB fondo temą kaip pagrindinę temą savo pasirinktai subthemei
• Sukurkite šią subtemą naudodami temos pateiktą komandų eilutę . Panašiai tai: drush fst your_theme_name
• Laisvalaikiai peržiūrėkite puikų _variables.scss failą

Failas _variables.scss automatiškai sukurtas, naudodamas drush fst. Šiame viename faile yra kintamieji beveik viską, ką galbūt norėsite keisti savo temos CSS. Tai nuostabu! Viskas vienoje vietoje, galite nustatyti viską nuo numatytojo šrifto iki ekrano pločio iki džiūvėsių riebalų.

Žinoma, visada galite nustatyti papildomus failus. Bet _variables.scss yra puiki vieta pradėti.

Atkreipkite dėmesį į failo plėtinį: scss, o ne css. Norėdami naudoti _variables.scss, turėsite nustatyti SASS (CSS extension language) ir Compass (sistemą, sukurtą naudojant SASS). Kai paleidžiate kompasą, jūsų scss failai pavirs gražiais CSS atskirais failais. (Aš noriu kompaso laikrodžio - tai nuolat veikia ir atnaujina CSS, kaip jūs tweak scss failai.)

Jei tikrai iš tiesų nenorite nerimauti su SASS, galite parašyti CSS failus kaip įprastai ir juos įtraukti į savo temos .info failą. Bet pasitikėk manimi - mažai laiko investuojama, kad išmoktų pakankamai, kad sukurtumėte _variables.scss bus grąžinta beveik akimirksniu.

Prieš naudodamiesi ZURB fondu

ZURB fondas yra puikus, tačiau tai nėra vienintelė "FrontPage" sistema, integruota su "Drupal". Galbūt norėsite apsvarstyti " Bootstrap" , panašios struktūros, kuri taip pat turi "Drupal" temą. Šiuo metu aš naudoju ZURB fondą, bet tai yra todėl, kad mano tyrimai parodė, kad jį lengviau pritaikyti negu "Bootstrap".

Be to, "Joyride" komponentas yra gana saldus.

Ir ar naudojate ZURB fondą, Bootstrap ar kokią nors kitą sistemą, būtinai turėtumėte gauti patarimų, kaip naudoti sistemą su Drupal .