Pirms bija Twitter Bootstrap, bija ZURB fonds (un tas ir), sistēma, kas ļauj jums pievienot skaistas pogas, bloķēt tīklus, progresa stieņus, cenu tabulas un vēl daudz vairāk ar dažām labi izvietotām CSS klasēm. Izmantojot Drupal ZURB fonda tēmu, jūs varat atbrīvot visu šo drūmi savā Drupal vietnē ar nāvējošu vieglumu.
Kāda ir ZURB fonda struktūra?
ZURB fonda sistēma ir CSS un Javascript koda kolekcija daudzām lietām, kuras jūs, iespējams, vēlaties savā vietnē. Tas ietver ne tikai noklikšķināmas acu konfektes, piemēram, iepriekš minētās pogas, bet arī dažas patiešām pārsteidzošas atsaucīgas jaudas.
Jūs izmantojat lielāko daļu šo funkciju, pievienojot īpašas CSS klases. Piemēram:
Šeit ir a .
Un šeit ir a tiny poga.
ZURB fonds ir pilnīgi atsevišķs no Drupal. Cilvēki to izmanto WordPress, Joomla un pat statiskajās HTML vietnēs.
Kas ir ZURB fonds Drupal tēma?
Drupal ZURB fonds tēma ļauj jums atbrīvot visu šo ZURBish jaudu, vienkārši lejupielādējot un iespējojot tēmu (un, protams, lasot dokumentāciju un veicot dažas papildu darbības).
Piemēram, ZURB fonds paļaujas uz jQuery Javascript bibliotēku, tāpēc jums, iespējams, būs jāinstalē jQuery Update. Pārbaudiet, vai izmantojat citus moduļus, kas balstās uz jQuery. Ja jūs izmantojat pārāk jaunu jQuery versiju, šie moduļi var pārtraukt darbu.
Arī jūs, iespējams, vēlēsities izmantot šo tēmu kā pamata tēmu savai pielāgotajai tēmai. Pielāgošana ir vieta, kur ZURB fonds patiešām spīd.
Vai jums ir nepieciešama šī tēma, lai izmantotu Drupal ZURB fondu?
Jums nav nepieciešamība šī tēma, lai izmantotu ZURB fonda sistēmu. Visvienkāršāk, šī tēma vienkārši pievieno ZURB Foundation CSS un Javascript uz jūsu vietni, un jūs to varat izdarīt manuāli.
Bet šī tēma padara to vieglāku, un tā ietver arī turpmāku integrāciju ar Drupal.
Turklāt, lai tālāk integrētu, varat pievienot mazākus papildu moduļus. Piemēram, ZURB Orbit modulis ļauj jums izveidot Orbit slaidrādi ar attēlu laukiem. ZURB mijiedarbības modulis ļauj jums izveidot reaģējošas gaismas kastes ar multivides attēliem.
Piezīme. Vēl neesmu izmantojis šos tiny moduļus, lai tie varētu būt apdraudēti. No šī rakstīšanas prasa ZURB Clearing
Media-2.x-dev, kas varētu būt bīstams jauninājums, ja jūs pašlaik izmantojat Media 1.x. Un moduļa izstrādes versijas prasībai vienmēr vajadzētu būt vienai pauzei. Tomēr šie un citi ZURB moduļi ir vērti.
Izvēlieties, kuru versiju izmanto ZURB fonds
Pirms lejupielādējat ZURB Foundation tēmu, pārbaudiet, kuru versiju jums vajadzētu izmantot. ZURB fonda pamatprincipi ir atšķirīgi, un galvenais tēmas versijas numurs atbilst sistēmai, kurā tā darbojas. Tātad,
7.x-3.x Tēmas versijas darbs ar fondu 3,
7.x-4.x versijas strādā ar fondu 4, un
7.x-5.x Versijas strādā ar fondu 5.
No šī raksta jaunākā stabila tēmas versija ir 7.x-4.x, kas darbojas ar Foundation 4. 7.x-5.x versija joprojām tiek izstrādāta. Tātad, lai gan Fonda pamatsistēmas mājas lapā tiek pieņemts, ka izmantosiet fondu 5, jūs, iespējams, vēlēsities paturēt fondu 4 tagad.
Tāpat ņemiet vērā, ka fondam 5 ir papildu prasības, jo īpaši jQuery
1.10. Fonda 4 nepieciešams tikai jQuery
1.7+.
Uzziniet, kāda fonda versija jūs izmantojat, lasot tiešsaistes dokumentāciju. Tas jo īpaši attiecas uz gadījumiem, kad jūs neizmantojat jaunāko sistēmas versiju. Faktiski ir grūti ieslīgt dokumentu lasīšanā, teiksim, fonds 5, un pēc tam iztukšosies, kad jaunā funkcija nedarbosies jūsu fondā 4 vietnē.
Piemēram, fonds 5 ietver visu komplektu
vidēja klases vidēja izmēra ekrāniem. Fondā 4 tas būs noslēpumaini, ja vien neveicat papildu pasākumus.
Izmantojiet SASS, Compass un "_variables.scss"!
Ja jūs gatavojaties pielāgot CSS šo tēmu, pārliecinieties, vai:
- Izmantojiet ZURB fonda tēmu kā pamata tēmu savam pielāgotajam apakšteņam
- Izveidojiet šo subtemu, izmantojot
drūms komandu nodrošina tēma. Kā šis:
drush fst your_theme_name
- Leisurely uztver izcilu
_variables.scss fails
The
_variables.scss fails tiek automātiski izveidots ar
drush fst. Šis vienotais fails satur mainīgos lielumus gandrīz kaut kas jūs varētu vēlēties pielāgot savu tēmu CSS. Tas ir brīnišķīgs! Viss vienā vietā, jūs varat iestatīt visu, sākot no noklusējuma fonta, uz ekrāna platumu, uz rīvmaiņu robežu.
Protams, jūs vienmēr varat iestatīt papildu failus, kā arī. Bet
_variables.scss ir lieliska vieta, kur sākt.
Norādiet faila paplašinājumu:
scssnē
css. Izmantot
_variables.scss, jums būs jāiestata SASS (CSS paplašinājuma valoda) un Compass (sistēma, kas veidota ar SASS). Kad palaižat
kompass kompilēt, tava
scss faili kļūs jauki CSS atsevišķos failos. (ES dodu priekšroku
kompass skatīties - tas turpina darboties un atjaunināt CSS, kad jūs kniebiens
scss faili.)
Ja jūs patiešām patiešām nevēlaties uztraukties ar SASS, jūs varat rakstīt CSS failus kā parasti un tos sarakstīt savā tēmā
.info fails Bet ticiet man - mazie laika ieguldījumi, lai pietiekami mācītos, lai apkopotu
_variables.scss tiks atmaksāti gandrīz nekavējoties.
Pirms izmantojat ZURB fondu
ZURB fonds ir izcilākais, taču tas nav vienīgais front-end sistēmu, kas ir integrēts ar Drupal. Jūs varētu vēlēties apsvērt Bootstrap, līdzīgu sistēmu, kurai ir arī Drupal tēma. Tagad es pats izmantoju ZURB fondu, bet tas ir tāpēc, ka mans pētījums parādīja, ka to ir vieglāk pielāgot nekā Bootstrap.
Arī Joyride komponents ir diezgan salds.
Un vai jūs izmantojat ZURB fondu, Bootstrap vai kādu citu sistēmu, pārliecinieties, ka esat saņēmis šos padomus, kā izmantot sistēmu ar Drupal.
