Preuzmite snagu ZURB zakladnog okvira u Drupalovoj temi
Prije nego što je postojao Twitter Bootstrap , postojala je i (i) Zaklada ZURB, okvir koji vam omogućuje dodavanje lijepih gumba, blokiranih gridova, traka za napredovanje, tablica cijena i još mnogo toga s nekoliko dobro raspoređenih CSS klasa. Uz ZURB Foundation temu za Drupal, možete osloboditi sve ovo bling na vašem Drupal mjestu s kobnom lakoćom.
Što je ZURB Foundation Framework?
Okvir Zaklade ZURB je zbirka CSS i Javascript koda za hrpu stvari koje vjerojatno želite na svojoj web stranici. To uključuje ne samo klikljive bombone oka poput gore spomenutih gumba, ali i neke uistinu zadivljujuće snage.
Koristite većinu ovih značajki dodavanjem posebnih klasa CSS. Na primjer:
Evo tipke . Zaklada Zaklade ZURB potpuno je odvojena od Drupala. Ljudi ga koriste na WordPressu, Joomlau, pa čak i statičnim HTML stranicama. Tema Zaklade Zakup Zurbe omogućuje vam da oslobodite svu ovu ZURB moć samo preuzimanjem i omogućavanjem teme (naravno, čitanjem dokumentacije i poduzimanjem dodatnih koraka). Na primjer, Zaklada ZURB oslanja se na biblioteku jQuery Javascript, pa ćete vjerojatno morati instalirati jQuery Update. Provjerite upotrebljavate li neki drugi modul koji se oslanja na jQuery. Ako koristite previše novu inačicu jQuery, ti moduli mogu prestati raditi. Također, vjerojatno ćete ovu temu koristiti kao temu teme za svoju prilagođenu temu. Prilagođavanje je mjesto gdje ZURB Foundation stvarno sja. Te teme ne trebate koristiti ZURB Zakladni okvir. Na najjednostavniji način, ova tema samo dodaje ZURB Foundation CSS i Javascript na vašu stranicu, a to biste mogli ručno. Ali ova tema to olakšava, a uključuje i daljnju integraciju s Drupalom. Osim toga, možete dodati manje dodatne module za daljnju integraciju. Na primjer, ZURB Orbit modul vam omogućuje da izradite Orbit slideshow sa slikovnim poljima. ZURB modul za brisanje omogućuje vam stvaranje kratkih opcija s medijskim slikama. Napomena: Još nisam koristio te malene module, tako da mogu biti ispunjene opasnošću. Od ovog pisanja, ZURB Clearing zahtijeva Media-2.x-dev, što bi moglo biti opasna nadogradnja ako trenutačno koristite Media 1.x. A zahtjev za razvojnom verzijom modula uvijek treba dati jednu pauzu. Ipak, ovi i drugi ZURB moduli vrijedi razmotriti. Prije nego što preuzmete temu ZURB Foundation, provjerite koju inačicu trebate koristiti. Postoje različite glavne verzije ZURB zakladnog okvira, a glavni broj verzije za temu odgovara okviru s kojim surađuje. Dakle, verzije 7.x-3.x teme rade s Zakladom 3 , inačice 7.x-4.x rade s Zakladom 4 , a 7.x- 5 .x verzije funkcioniraju s Zakladom 5 . Od ovog pisanja, najnovija stabilna verzija teme je 7.x-4.x, koja radi s Zakladom 4. Verzija 7.x-5.x još je u razvoju. Dakle, iako web lokacija Zaklade pretpostavlja da upotrebljavate Zakladu 5, možda biste se htjeli držati Zaklade 4 za sada. Također imajte na umu da Zaklada 5 ima dodatne zahtjeve, osobito jQuery 1.10. Zaklada 4 treba samo jQuery 1.7+. Budite svjesni verzije Foundation koju koristite kada čitate on-line dokumentaciju. To naročito vrijedi ako ne koristite najnoviju verziju okvira. Fatalno je lako skrenuti u čitanje dokumenata za, primjerice, Zaklade 5, a zatim se frustrirati kada nova značajka ne funkcionira na web stranici Zaklade 4. Na primjer, Zaklada 5 uključuje cijeli skup medijskih razreda za srednje veličine zaslona. U Zakladi 4, to će se tajanstveno uspjeti ako ne poduzmete dodatne korake. Ako ćete uopće izmijeniti CSS za ovu temu, provjerite jeste li: Datoteka _variables.scss izrađuje automatski drush fst. Ova jedinstvena datoteka sadrži varijable za gotovo sve što biste mogli podesiti u svojoj temi CSS. Odlično je! Sve na jednom mjestu, možete postaviti sve od zadanog fonta do širine zaslona do granice na krušnim mrvicama. Naravno, uvijek možete postaviti i dodatne datoteke. Ali _variables.scss je sjajno mjesto za početak. Obavijest o produžetku datoteke: scss, a ne css. Da biste koristili _variables.scss, trebate postaviti SASS (jezik proširenja za CSS) i kompas (okvir izgrađen sa SASS). Kada pokrenete kompas, vaše scss datoteke će se pretvoriti u lijepe CSS u zasebnim datotekama. (Radije volim gledati kompas - to nastavlja s prikazivanjem i ažuriranjem CSS-a prilikom ugađanja SCSS datoteka.) Ako ste stvarno, stvarno ne želite gnjaviti sa SASS, možete pisati CSS datoteke kao i obično i popis ih u temu .info datoteku. Ali vjerujte mi - ulaganje u malu količinu vremena kako bi naučili dovoljno za sastavljanje _variables.scss-a bit će odmah isplaćeno. ZURB Foundation je izvrsna, ali nije jedini front-end okvir koji je integriran s Drupalom. Možda biste htjeli razmotriti Bootstrap , sličan okvir koji također ima Drupalovu temu. Za sada sam upotrebljavam ZURB Foundation, ali to je zato što je moje istraživanje pokazalo da je lakše prilagoditi nego Bootstrap. Također, komponenta Joyride je prilično slatko. Bez obzira koristite li ZURB Foundation, Bootstrap ili neki drugi okvir, svakako dobijte ove savjete o korištenju okvira s Drupalom . Što je ZURB Foundation Drupal tema?
Trebate li ovu temu koristiti ZURB Foundation u Drupalu?
Odaberite Koju verziju Zaklade ZURB koristiti
Koristite SASS, Compass i & # 34; _variables.scss & # 34 ;!
Prije nego što koristite Zakladu ZURB