maliit na buton "> maliit na buton span> Ang balangkas ng ZURB Foundation ay ganap na hiwalay sa Drupal. Ginagamit ito ng mga tao sa WordPress, Joomla, at kahit mga static na HTML na site.
Ano ang ZURB Foundation Drupal Theme?
Ang Drupal ZURB Foundation tema ay nagbibigay-daan sa iyo upang mapalabas ang lahat ng ito ZURBish kapangyarihan sa pamamagitan lamang ng pag-download at pagpapagana ng isang tema (at pagbabasa ng dokumentasyon at pagkuha ng ilang dagdag na mga hakbang, siyempre).
Halimbawa, ang ZURB Foundation ay nakasalalay sa jQuery Javascript library, kaya malamang na kailangang i-install ang jQuery Update. Suriin kung gumagamit ka ng anumang iba pang mga module na umaasa sa jQuery. Kung gumagamit ka ng masyadong bago ng isang bersyon ng jQuery, ang mga modyul na ito ay maaaring tumigil sa pagtatrabaho.
Gayundin, malamang na nais mong gamitin ang temang ito bilang isang batayang tema para sa iyong sariling pasadyang tema. Ang pag-customize ay kung saan talagang kumikinang ang ZURB Foundation.
Kailangan Mo ba ang Tema na ito Upang Gamitin ang ZURB Foundation sa Drupal?
Hindi mo kailangan ang temang ito upang gamitin ang balangkas ng ZURB Foundation. Sa pinakasimpleng ito, idinagdag lamang ng temang ito ang ZURB Foundation CSS at Javascript sa iyong site, at maaari mong gawin ito nang manu-mano.
Ngunit ang temang ito ay ginagawang mas madali, at kinabibilangan din ito ng ilang karagdagang pagsasama sa Drupal.
Dagdag pa, maaari kang magdagdag ng mga mas maliit na karagdagang mga module para sa karagdagang pagsasama. Halimbawa, hinahayaan ka ng module ng ZURB Orbit na bumuo ka ng isang Orbit na slideshow na may mga patlang ng imahe. Hinahayaan ka ng module ng Clearing ZURB na lumikha ng mga tumutugon na mga lightbox sa mga imahe ng Media.
Paalala: Hindi ko pa ginamit ang mga maliliit na modyul na ito, kaya't maaari itong mapigilan sa panganib. Sa pagsulat na ito, ang ZURB Clearing ay nangangailangan ng Media-2.x-dev, na maaaring isang mapanganib na pag-upgrade kung kasalukuyan mong ginagamit ang Media 1.x. At isang kinakailangan para sa isang bersyon ng pag-unlad ng isang module ay dapat palaging magbibigay ng isang i-pause. Gayunpaman, ang mga ito at iba pang mga module ng ZURB ay nagkakahalaga ng pagtingin.
Piliin Aling Bersyon ng ZURB Foundation upang Gamitin
Bago mo i-download ang tema ng ZURB Foundation, tingnan kung aling bersyon ang dapat mong gamitin. Mayroong iba't ibang mga pangunahing bersyon ng balangkas ng ZURB Foundation, at ang pangunahing bersyon ng bersyon para sa tema ay tumutugma sa balangkas na ito ay gumagana. Kaya, ang 7.x- 3 .x bersyon ng tema ay gumagana sa Foundation 3 , ang mga bersyon ng 7.x- 4 .x ay gumagana sa Foundation 4 , at ang mga bersyon ng 7.x- 5 .x ay gumagana sa Foundation 5 .
Sa pagsulat na ito, ang pinakabagong matatag na bersyon ng tema ay 7.x-4.x, na gumagana sa Foundation 4. Ang bersyon ng 7.x-5.x ay pa rin sa pag-unlad. Kaya, kahit na ang website ng framework ng Foundation ay ipinapalagay na gagamitin mo ang Foundation 5, maaaring gusto mong manatili sa Foundation 4 para sa ngayon.
Tandaan din na ang Foundation 5 ay may dagdag na mga kinakailangan, lalo na ang jQuery 1.10. Kailangan lang ng Foundation 4 ang jQuery 1.7+.
Alamin kung aling bersyon ng Foundation ang ginagamit mo kapag nabasa mo ang online na dokumentasyon. Totoo ito lalo na kung hindi mo ginagamit ang pinakabagong bersyon ng balangkas. Ito ay madaling gamitin upang mabasa ang mga dokumento para sa, sabihin, Foundation 5, pagkatapos ay bigo kapag ang isang bagong tampok ay hindi gumagana sa iyong Foundation 4 site.
Halimbawa, ang Foundation 5 ay nagsasama ng isang buong hanay ng mga medium na klase para sa mga medium-sized na screen. Sa Foundation 4, mabibigo ang mga ito maliban kung gumawa ka ng mga karagdagang hakbang.
Gamitin ang SASS, Compass, at & # 34; _variables.scss & # 34 ;!
Kung tatanggalin mo ang CSS para sa temang ito sa lahat, tiyaking:
- Gamitin ang tema ng ZURB Foundation bilang isang batayang tema para sa iyong sariling custom na subtheme
- Bumuo ng subtheme na ito gamit ang drush command na ibinigay ng tema. Tulad nito: drush fst your_theme_name
- Masayang pag-aralang mabuti ang mahusay na _variables.scss file
Ang _variables.scss file ay awtomatikong nalikha sa pamamagitan ng drush fst. Ang nag-iisang file na ito ay naglalaman ng mga variable para sa halos anumang maaaring gusto mong mag-tweak sa iyong CSS tema. Ang galing! Lahat sa isang lugar, maaari mong itakda ang lahat mula sa default na font sa lapad ng screen sa hangganan sa breadcrumbs.
Siyempre, maaari kang laging mag-set up ng mga karagdagang file. Ngunit ang _variables.scss ay isang kahanga-hangang lugar upang magsimula.
Pansinin ang extension ng file: scss, hindi css. Upang magamit ang _variables.scss, kakailanganin mong i-set up ang SASS (isang CSS extension na wika) at Compass (isang balangkas na binuo gamit ang SASS). Kapag nagpatakbo ka ng compass na sumulat ng libro, ang iyong mga file na scss ay magiging magandang CSS sa magkakahiwalay na mga file. (Mas gusto ko ang panonood ng compass - pinananatili nito ang pagpapatakbo at pag-update ng CSS habang tinutulak mo ang mga scss file.)
Kung talagang, talagang ayaw mong mag-abala sa SASS, maaari kang sumulat ng mga file ng CSS gaya ng dati at ilista ang mga ito sa file ng iyong tema .info. Ngunit pinagkakatiwalaan mo ako - ang maliit na oras na pamumuhunan upang matuto nang sapat upang makapagtipon ng _variables.scss ay babayaran agad halos agad-agad.
Bago mo Gamitin ang ZURB Foundation
Ang ZURB Foundation ay pinaka-mahusay, ngunit hindi lamang ang balangkas ng front-end na isinama sa Drupal. Maaari mong isaalang-alang ang Bootstrap , isang katulad na balangkas na mayroon ding tema Drupal. Sa ngayon, gumagamit ako ng ZURB Foundation, ngunit iyan ay dahil ipinahiwatig ng aking pananaliksik na mas madaling ipasadya kaysa sa Bootstrap.
Gayundin, ang bahagi ng Joyride ay medyo matamis.
At kung ginagamit mo ang ZURB Foundation, Bootstrap, o ilang iba pang balangkas, siguraduhing makuha ang mga tip na ito sa paggamit ng balangkas sa Drupal .