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 a .
Ir čia yra a 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 fondas tema leidžia atskleisti visą šią ZURBish galią tik atsisiųsdami ir įgalindami temą (žinoma, skaitydami dokumentus ir atlikę keletą papildomų veiksmų).
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?
Jūs neturite reikia ši tema naudoti ZURB fondo sistemą. 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 reikalingas "ZURB Clearing"
Media-2.x-dev, kuris gali būti pavojingas naujovinimas, 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
7.x-3.x tematikos versijos su Fondu 3,
7.x-4.x versijos dirba su Fondu 4, ir
7.x-5.x Versijos dirba su Fondu 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, fondas 5 apima visą rinkinį
vidutinė klases vidutinio dydžio ekranams. Fondo 4 atveju tai bus paslaptingai žlugti, nebent atliksite papildomų veiksmų.
Naudokite SASS, kompasą ir "_variables.scss"!
Jei ketinate keisti šios temos CSS, įsitikinkite, kad:
- Naudokite ZURB fondo temą kaip pagrindinę temą savo pasirinktai subthemei
- Sukurkite šią subtemą naudojant
nuleisti komanda pateikta tema. Kaip šitas:
drush fst your_theme_name
- Leisurely peruse puikiai
_variables.scss failas
The
_variables.scss failas automatiškai sukurtas
drush fst. Šioje vienoje byloje yra beveik kintamųjų nieko galbūt norėsite patobulinti 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į:
scssne, ne
CSS. Naudoti
_variables.scss, turėsite nustatyti SASS (CSS extension language) ir Compass (sistemą, sukurtą naudojant SASS). Kai paleisite
kompasas kompiliuoti, tavo
scss failai pavirs gražia CSS atskirais failais. (Aš norėčiau
kompasas laikrodis - tai vis tiek veikia ir atnaujina CSS, kaip jūs tweak
scss failai.)
Jei tikrai iš tiesų nenorite vargintis su SASS, galite parašyti CSS failus kaip įprasta ir juos įtraukti į savo temą
.info failas Bet pasitikėk manimi - maža laiko investicija, kad išmokytumėte pakankamai, kad sudarytumė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.
