Korišćenje teme ZURB Foundation for Drupal

Uzmite Power Zurb Foundation Framework u Drupal Theme

Prije nego što je postojao Twitter Bootstrap , postojala je (i je) ZURB Fondacija, okvir koji vam omogućava dodavanje lijepih dugmadi, blokova mreže, tabele za procjenu cijena i mnogo više sa nekoliko dobro postavljenih CSS klasa. Sa temom ZURB Fondacije za Drupal, možete osloboditi sve ovo bling na Drupal sajtu sa fatalnom lakoćom.

Kakav je okvir ZURB fondacije?

Okvir ZURB fondacije je kolekcija CSS i Javascript koda za gomilu stvari koje verovatno želite na vašoj web stranici. Ovo uključuje ne samo klizne slatke kao što su pomenuti dugmići već i neka stvarno neverovatna snaga.

Većinu ovih funkcija koristite dodavanjem posebnih CSS klasa. Na primjer:

Evo dugmeta .

I ovdje je malo dugme > taster .

Okvir ZURB fondacije je potpuno odvojen od Drupala. Ljudi ga koriste na WordPress, Joomla, pa čak i statičnim HTML sajtovima.

Šta je ZURB fondacija Drupal tema?

Tema Drupal ZURB Fondacije vam omogućava da oslobodite svu ovu ZURBish moć samo prenošenjem i omogućavanjem teme (i čitanjem dokumentacije i uzimanjem nekoliko dodatnih koraka, naravno).

Na primjer, ZURB fondacija se oslanja na biblioteku jQuery Javascripta, tako da ćete verovatno morati instalirati jQuery Update. Proverite da li koristite bilo koji drugi modul koji se oslanja na jQuery. Ako koristite previše novu verziju jQuery, ovi moduli mogu prestati da rade.

Takođe, verovatno ćete želeti da ovu temu koristite kao osnovnu temu za svoju prilagođenu temu. Prilagođavanje je gdje Fond ZURB stvarno sija.

Da li vam je potrebna tema da biste koristili ZURB fondaciju u Drupalu?

Ne treba vam ova tema da koristite okvir ZURB Fondacije. Najjednostavnije, ova tema samo dodaje ZURB Foundation CSS i Javascript na vašu web stranicu, a to možete raditi ručno.

Ali ova tema olakšava i uključuje i neku dodatnu integraciju sa Drupal-om.

Plus, možete dodati i manje dodatne modulacije za dalju integraciju. Na primer, modul ZURB Orbit vam omogućava da napravite slajd šou Orbita sa poljima slika. Modul ZURB Clearing vam omogućava kreiranje odgovarajućih lampica sa medijskim slikama.

Napomena: Nisam još koristio ove male module, tako da su možda opasne opasnosti. Od ovog pisanja, ZURB Clearing zahteva Media-2.x-dev, što može biti opasna nadogradnja ako trenutno koristite Media 1.x. A zahtev za razvojnu verziju modula uvek treba da pruži jednu pauzu. Ipak, vredi pogledati ove i druge ZURB module.

Izaberite koju verziju ZURB Fondacije treba koristiti

Pre nego što preuzmete tematiku Fondacije ZURB, proverite koju verziju treba da koristite. Postoje različite glavne verzije ZURB Fondacije, a glavni broj verzije za temu odgovara okviri sa kojim funkcioniše. Dakle, 7.x- 3 .x verzije teme rade sa Foundation 3 , verzije 7.x- 4 .x rade sa Foundation 4 , a 7.x- 5 .x verzije rade sa Foundation 5 .

Od ovog pisanja, najnovija stabilna verzija teme je 7.x-4.x, koja radi sa Fondacijom 4. Verzija 7.x-5.x je još u razvoju. Dakle, iako se na veb lokaciji Okvirnog fonda pretpostavlja da ćete koristiti Fondaciju 5, možda biste želeli da se držite Fondacije 4 za sada.

Napominjemo da Fondacija 5 ima dodatne zahtjeve, posebno jQuery 1.10. Fondaciji 4 treba samo jQuery 1.7+.

Imajte na umu koju verziju Fondacije koristite kada pročitate online dokumentaciju. Ovo je posebno tačno ako ne koristite najnoviju verziju okvira. Fatalno je lako ubaciti u čitanje dokumenata za, recimo, Fondacija 5, a onda se frustriraju kada nova funkcija ne funkcioniše na lokaciji Foundation 4.

Na primer, Fondacija 5 sadrži čitav niz srednje klase za srednje veličine ekrana. U Fondaciji 4, ovo će misteriozno propasti ako ne preduzmete dodatne korake.

Koristite SASS, Compass i & # 34; _variables.scss & # 34 ;!

Ako želite da uštedite CSS za ovu temu, uverite se da:

• Koristite tematiku Fondacije ZURB kao osnovnu temu za sopstveni subtheme
• Generirajte ovu podlogu koristeći komandu drush -a koju pruža tema. Ovako: drush fst your_theme_name
• Slobodno pregledajte odličnu datoteku _variables.scss

Datoteka _variables.scss kreira se automatski od strane drush fst. Ova jedinstvena datoteka sadrži varijable za skoro sve što vam se možda tiče u vašoj temi CSS. Neverovatno! Sve na jednom mestu možete podesiti sve od podrazumevanog fonta do širine ekrana do granice na drobilicama.

Naravno, uvek možete podesiti i dodatne datoteke. Ali _variables.scss je sjajno mesto za početak.

Obratite pažnju na ekstenziju datoteke: scss, ne CSS. Da biste koristili _variables.scss, moraćete da podesite SASS (CSS jezik proširenja) i Compass (okvir postavljen sa SASS-om). Kada pokrenete kompas kompajliranje, vaše scss datoteke postaju lijepi CSS u odvojenim datotekama. (Više volim kompas sat - ovo nastavlja sa radom i ažurira CSS dok podesite scss datoteke.)

Ako stvarno, zaista ne želite da se brinete sa SASS-om, možete napisati CSS datoteke kao i obično i navesti ih u datoteku .info datoteke. Ali verujte mi - mala investicija da naučite dovoljno za kompilaciju _variables.scss će biti vraćena skoro odmah.

Pre upotrebe ZURB fondacije

Fondacija ZURB je najslavnija, ali to nije jedini front-end okvir koji je integrisan sa Drupal-om. Možda želite da razmotrite Bootstrap , sličan okvir koji takođe ima Drupal temu. Za sada koristim ZURB Fondaciju, ali to je zato što su moja istraživanja pokazala da je lakše prilagoditi Bootstrap-u.

Takođe, komponenta Joyride je prilično slatka.

I da li koristite ZURB Foundation, Bootstrap ili neki drugi okvir, obavezno nabavite ove savjete o korišćenju okvira sa Drupal-om .