Meunangkeun hal nu Power Yayasan kerangka ZURB dina Téma Drupal
Méméh aya Twitter Bootstrap , aya (jeung mangrupakeun) ZURB Wikimedia, hiji kerangka nu ngidinan Anjeun nambahkeun tombol geulis, blok grids, kamajuan bar, tabel bedah jeung leuwih mibanda sababaraha kelas CSS well-ditempatkeun. Jeung tema ZURB Yayasan pikeun Drupal, anjeun tiasa unleash sadayana aling ieu dina situs Drupal anjeun kalawan betah fatal.
Naon Dupi kerangka ZURB Yayasan?
Kerangka ZURB Yayasan nyaeta kumpulan CSS jeung kode Javascript pikeun kebat barang nu meureun rék on ramatloka anjeun. Ieu ngawengku lain ngan bonbon panon clickable kawas tombol disebut tadi tapi ogé sababaraha sabenerna endah responsif kakuatan.
Anjeun nganggo paling fitur ieu ku nambahkeun kelas CSS husus. Contona:
Di dieu téh Jeung di dieu mangrupakeun Kerangka ZURB Yayasan sagemblengna misah ti Drupal. Jalma make eta dina WordPress, Joomla, komo HTML statik loka. The Drupal ZURB Yayasan tema ngidinan Anjeun pikeun unleash sakabeh kakuatan ZURBish ieu ngan ku ngundeur tur ngamungkinkeun para téma (jeung maca dokuméntasi sarta nyokot sababaraha léngkah tambahan, tangtu). Contona, ZURB Yayasan gumantung ka perpustakaan jQuery Javascript, jadi Anjeun meureun gé kudu install jQuery Update. Pariksa naha nu nuju ngagunakeun sagala modul séjén nu ngandelkeun jQuery. Lamun make teuing anyar hiji versi jQuery, modul ieu bisa eureun gawé. Ogé, anjeun meureun gé rék make tema ieu tema dasarna pikeun téma custom anjeun sorangan. Nyieun husus nyaeta dimana ZURB Yayasan bener shines. Anjeun teu kedah téma ieu ngagunakeun kerangka ZURB Foundation. Di pangbasajanna anak, tema kieu ngan nambihan nu CSS ZURB Yayasan na Javascript kana situs anjeun, jeung anjeun bisa ngalakukeun nu sacara manual. Tapi téma ieu ngajadikeun anu gampang, sarta eta oge ngawengku sababaraha integrasi salajengna kalawan Drupal. Tambih Deui, Anjeun bisa nambah modul tambahan leutik keur integrasi salajengna. Contona, modul ZURB Orbit ngidinan Anjeun ngawangun hiji pintonan slaid Orbit kalayan widang gambar. Modul ZURB clearing ngidinan Anjeun jieun lightboxes responsif jeung gambar Media. Catetan: Kuring geus teu dipaké ieu modul leutik acan sorangan, ngarah bisa bisa fraught kalawan peril. Salaku tina tulisan ieu, ZURB clearing merlukeun Media-2.x-dev, nu bisa janten pamutahiran picilakaeun lamun nuju ayeuna maké Media 1.x. Sarta sarat pikeun Vérsi ngembangkeun modul nu kudu salawasna masihan salah pause. Leungit, ieu na modul ZURB séjén anu patut pilari kana. Sateuacan Anjeun ngundeur téma ZURB Wikimedia, pariksa versi nu kedah Anjeun pake. Aya versi utama béda ti kerangka ZURB Wikimedia, jeung jumlah Vérsi utama pikeun téma pakait kerangka gawéna kalayan. Jadi, 7.x- 3 .x versi tina karya téma kalayan Yayasan 3, anu 7.x- 4 .x versi digawekeun ku Yayasan 4, sarta 7.x- 5 .x versi digawekeun ku Yayasan 5. Salaku tina tulisan ieu, versi stabil panganyarna tina téma téh 7.x-4.x, nu gawéna kalayan Yayasan 4. Versi 7.x-5.x masih dina pangwangunan. Ku kituna, sanajan ramatloka kerangka Yayasan nganggap maneh bakal make Yayasan 5, anjeun bisa jadi hoyong lengket kalayan Yayasan 4 keur ayeuna. Ogé dicatet yén Yayasan 5 boga sarat tambahan, utamana jQuery 1,10. Yayasan 4 ukur perlu jQuery 1.7+. Janten sadar nu versi Yayasan nu nuju ngagunakeun nalika anjeun maca dokuméntasi online. Ieu hususna leres lamun nuju teu nganggo versi panganyarna tina kerangka. Ieu fatally gampang ka dieunakeun kana maca docs pikeun, sebutkeun, Yayasan 5, teras meunang frustasi lamun fitur anyar teu dianggo dina Yayasan 4 situs anjeun. Contona, Yayasan 5 ngawengku sacara gembleng set tina kelas medium layar sedeng-ukuran. Dina Yayasan 4, ieu mysteriously bakal gagal iwal mun nyokot léngkah tambahan. Lamun nuju bade tweak nu CSS pikeun téma ieu pisan, pastikeun Anjeun: The file _variables.scss ieu dijieun sacara otomatis ku drush fst. File tunggal Ieu ngandung variabel for nyak nanaon bisa rék tweak di CSS tema Anjeun. Hade pisan! Kabéh dina hiji tempat, Anjeun tiasa nyetel sagalana ti font standar kana lebar layar ka wates dina breadcrumbs. Tangtu, anjeun tiasa salawasna nyetél file tambahan ogé. Tapi _variables.scss mangrupakeun tempat endah manan pikeun ngamimitian. Perhatikeun extension file: scss, moal css. Ngagunakeun _variables.scss, anjeun bakal kudu nyetél SASS (a CSS basa extension) jeung Kompas (a kerangka diwangun kalayan SASS). Lamun anjeun ngajalankeun kompas compile, payil scss anjeun bakal ngahurungkeun kana CSS denok dina file misah. (I resep kompas nonton - ieu ngajaga ngajalankeun sarta ngamutahirkeun CSS sakumaha anjeun tweak payil scss.) Lamun bener, bener teu hayang nyusahkeun kalawan SASS, anjeun tiasa nyerat file CSS sakumaha biasa na daptar aranjeunna dina file .info tema anjeun. Tapi percanten ka abdi - investasi waktu leutik pikeun neuleuman cukup keur compile _variables.scss bakal dibayar deui ampir instan. ZURB Yayasan anu paling alus teuing, tapi henteu hijina kerangka hareup-tungtung nu bakal geus terpadu kalayan Drupal. Anjeun bisa hoyong mertimbangkeun Bootstrap , hiji kerangka sarupa nu oge boga tema Drupal. Pikeun ayeuna mah, Kuring maké ZURB Yayasan sorangan, tapi éta ku sabab ieu panalungtikan kuring dituduhkeun yén ieu gampang ngaropea ti Bootstrap. Ogé, komponén Joyride téh geulis amis. Jeung naha anjeun make ZURB Wikimedia, Bootstrap, atawa sababaraha kerangka lianna, pastikeun pikeun meunang ieu tips on maké kerangka kalawan Drupal . Naon Nyaeta Téma ZURB Yayasan Drupal?
Ulah Anjeun ngabutuhkeun Téma ieu Pikeun Paké ZURB Yayasan di Drupal?
Milih mana Vérsi of ZURB Yayasan mun Paké
Paké SASS, Kompas, jeung & # 34; _variables.scss & # 34 ;!
Sateuacan Anjeun Paké ZURB Yayasan