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:
Ovdje je a .
A ovdje je a maleni gumb.
Zaklada Zaklade ZURB potpuno je odvojena od Drupala. Ljudi ga koriste na WordPressu, Joomlau, pa čak i statičnim HTML stranicama.
Što je ZURB Foundation Drupal tema?
Drupal Zaklada ZURB tema omogućuje vam da oslobodite sve ZURBove snage samo preuzimanjem i omogućavanjem teme (i čitanjem dokumentacije i dodatnim koracima, naravno).
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.
Trebate li ovu temu koristiti ZURB Foundation u Drupalu?
Ne potreba ovu temu 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 zahtijeva ZURB Clearing
Media-2.x-dev, što bi moglo biti opasna nadogradnja ako trenutačno upotrebljavate medij 1.x. A zahtjev za razvojnom verzijom modula uvijek treba dati jednu pauzu. Ipak, ovi i drugi ZURB moduli vrijedi razmotriti.
Odaberite Koju verziju Zaklade ZURB koristiti
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,
7.x-3.x verzije teme rade s Zakladom 3,
7.x-4.x verzije rade s Zakladom 4, i
7.x-5.x Verzije rade 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
srednji klase za srednje zaslone. U Zakladi 4, to će se tajanstveno uspjeti ako ne poduzmete dodatne korake.
Koristite SASS, kompas i "_variables.scss"!
Ako ćete uopće izmijeniti CSS za ovu temu, provjerite jeste li:
- Koristite temu ZURB Foundation kao temu temelja za svoj vlastiti prilagođeni podnaslov
- Generirajte ovaj podnaslov koristeći
drush naredbu koju pruža tema. Kao ovo:
drush fst your_theme_name
- Ležerno ispričajte izvrsno
_variables.scss datoteka
_variables.scss datoteka je automatski izrađena od strane
drush fst, Ta jedna datoteka sadrži skoro sve varijable nešto možda želite uštedjeti na 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 sjajan mjesto za početak.
Obavijest o produžetku datoteke:
scss, ne
css, Koristiti
_variables.scss, morat ćete postaviti SASS (jezik proširenja za CSS) i kompas (okvir izgrađen sa SASS). Kad pokrenete
kompas se sastavlja, tvoj
scss datoteke će se pretvoriti u lijepe CSS u zasebnim datotekama. (Preferiram
sat kompasa - ovo nastavlja prikazivati i ažurirati CSS prilikom ugađanja
scss datoteke).
Ako zaista ne želite zanemariti SASS, možete pisati CSS datoteke kao i obično i navedite ih u temi
Info datoteka. Ali vjerujte mi - ulaganje u malu ulogu da nauče dovoljno za sastavljanje
_variables.scss vratit će se gotovo odmah.
Prije nego što koristite Zakladu ZURB
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.
