Izmantojot ZURB fonda tēmu Drupal

Saņemiet ZURB fonda pamatu Drupal tēmas ietvaros

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 poga .

Un šeit ir > mazā 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 Foundation tēma ļauj jums atbrīvot visu šo ZURBish varu, 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šama šī 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 šī raksta ZURB Clearing ir nepieciešama Media-2.x-dev, kas var būt bīstams jauninājums, ja 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 tēmas 7.x- 3 .x versijas darbojas ar Foundation 3 , versijas 7.x-4.x versijas darbojas ar Foundation 4 , un 7.x-5.x versijas darbojas ar Foundation 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 vidēja līmeņa ekrānu vidējo klases kopumu. Fondā 4 tas būs noslēpumaini, ja vien neveicat papildu pasākumus.

Izmantojiet SASS, Compass un & # 34; _variables.scss & # 34 ;!

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 motīvu nodrošināto sējumu komandu. Tāpat kā: drush fst your_theme_name
• Leisurely izlasīt lielisku _variables.scss failu

Fails _variables.scss tiek izveidots automātiski, drush fst. Šajā vienotajā failā ir mainīgie lielumi gandrīz jebko, ko jūs, iespējams, vēlēsit, lai pielāgotu jūsu tēmas 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.

Atzīmējiet faila paplašinājumu: scss, nevis css. Lai izmantotu _variables.scss, jums būs jāiestata SASS (CSS paplašinājuma valoda) un Compass (sistēma, kas veidota ar SASS). Kad jūs palaižat kompasu, jūsu scss faili kļūs jauki CSS atsevišķos failos. (Es gribētu kompasu skatīties - tas turpina darboties un atjaunināt CSS, jo jūs iekniebat skss failus.)

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ēmas .info failā. Bet ticiet man - mazie laika ieguldījumi, lai pietiekami mācītos _variables.scss kompilēšanai, tiks atmaksāti gandrīz uzreiz.

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 .