Bago ang Twitter Bootstrap, nagkaroon (at ang) ZURB Foundation, isang balangkas na nagbibigay-daan sa iyo upang magdagdag ng mga kaakit-akit na mga pindutan, harangan ang grids, mga progress bar, mga talahanayan ng pagpepresyo at marami pang iba na may ilang mga maayos na klase ng CSS. Gamit ang tema ng ZURB Foundation para sa Drupal, maaari mong mapalabas ang lahat ng bling na ito sa iyong Drupal site na may nakamamatay na kadalian.
Ano ang Framework ng ZURB Foundation?
Ang balangkas ng ZURB Foundation ay isang koleksyon ng CSS at Javascript code para sa isang grupo ng mga bagay na malamang na gusto mo sa iyong website. Kabilang dito ang hindi lamang naki-click na kendi ng mata tulad ng mga nabanggit na mga pindutan kundi pati na rin ang ilang mga tunay na kahanga-hangang nakakatugon kapangyarihan.
Ginagamit mo ang karamihan sa mga tampok na ito sa pamamagitan ng pagdaragdag ng mga espesyal na klase sa CSS. Halimbawa:
Heto ang .
At narito ang isang maliit na butones.
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, nangangailangan ang ZURB Clearing
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 Mga bersyon ng tema na gumagana sa Foundation 3, ang
7.x-4.x ang mga bersyon ay gumagana sa Foundation 4, at ang
7.x-5.x Ang mga bersyon 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
daluyan mga 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 "_variables.scss"!
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
- Gumawa ng subtheme na ito gamit ang
drush utos na ibinigay ng tema. Ganito:
drush fst your_theme_name
- Masayang pag-aralang mabuti ang mahusay
_variables.scss file
Ang
_variables.scss Ang file ay awtomatikong nalikha ng
drush fst. Ang nag-iisang file na ito ay naglalaman ng mga variable para sa halos anumang bagay baka gusto mong mag-tweak sa iyong tema CSS. 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
_variables.scss ay isang kahanga-hangang lugar upang magsimula.
Pansinin ang extension ng file:
scss, hindi
css. Upang magamit
_variables.scss, kakailanganin mong i-set up ang SASS (isang wika ng extension ng CSS) at Compass (isang balangkas na binuo gamit ang SASS). Kapag tumakbo ka
sumulat ng kompas, iyong
scss ang mga file ay magiging magandang CSS sa hiwalay na mga file. (Mas gusto ko
compass watch - Pinapanatili nito ang pagpapatakbo at pag-update ng CSS habang tinutulak mo ang
scss mga 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 iyong tema
.info file. Ngunit pinagkakatiwalaan mo ako - ang maliit na oras na pamumuhunan upang matuto nang sapat upang sumulat ng libro
_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.
