Nggunakake Tema Yayasan ZURB kanggo Drupal

Entuk Kekuwatan Rangka Kerangka ZURB Foundation ing Tema Drupal

Sadurunge ana Twitter Bootstrap , ana (lan) ZURB Foundation, framework sing ngidini sampeyan nambah tombol-tombol cantik, jaringan blok, bar kemajuan, tabel pricing lan luwih akeh karo sawetara kelas CSS sing wis ditemtokake. Kanthi tema ZURB Foundation kanggo Drupal, sampeyan bisa ngeculake kabeh bling ing situs Drupal kanthi gampang banget.

Apa Rangka Foundation ZURB?

Framework ZURB Foundation minangka kumpulan CSS lan kode Javascript kanggo kabeh jenis barang sing sampeyan pengin ing situs web panjenengan. Iki kalebu ora mung Candy Candy sing bisa diklik kaya tombol sing kasebut, nanging uga sawetara daya sing responsif sing apik banget.

Sampeyan nggunakake paling fitur kasebut kanthi nambah kelas CSS khusus. Kayata:

Punika tombol .

Rangka kerja ZURB Foundation sajenis kapisah saka Drupal. Wong nggunakake ing WordPress, Joomla, lan malah situs HTML statis .

Apa Tema Drupal Foundation ZURB?

Tema Drupal ZURB Foundation ngijini sampeyan kanggo mbebasake kabeh daya ZURBish iki mung kanthi ngundhuh lan mbisakake tema (lan maca dokumentasi lan njupuk langkah tambahan sawetara, mesthi).

Umpamane, ZURB Foundation gumantung marang pustaka Javascript jQuery, dadi sampeyan bakal kudu nginstal Update jQuery. Priksa manawa sampeyan nggunakake modul liya sing gumantung jQuery. Yen sampeyan nggunakake versi anyar jQuery, modul iki bisa uga ora bisa digunakake.

Uga, sampeyan bakal pengin nggunakake tema iki minangka tema basis kanggo tema khusus sampeyan dhewe. Kustomisasi yaiku ngendi ZURB Foundation pancen sinar.

Apa Sampeyan Perlu Tema iki Kanggo Gunakake ZURB Foundation ing Drupal?

Sampeyan ora perlu tema iki nggunakake framework ZURB Foundation. Ing paling gampang, tema iki mung nambah ZURB Foundation CSS lan Javascript menyang situs sampeyan, lan sampeyan bisa nindakake kanthi manual kasebut.

Nanging tema iki ndadekake luwih gampang, lan uga kalebu integrasi luwih lanjut karo Drupal.

Plus, sampeyan bisa nambah modul tambahan sing luwih cilik kanggo integrasi luwih lanjut. Contone, modul Orbit ZURB ngidini sampeyan mbangun slide Orbit kanthi kolom gambar. Modul Clearing ZURB ngijini sampeyan nggawe lightboxes sing responsif karo gambar Media.

Cathetan: Aku durung nggunakake modul-modul cilik iki dhewe, saengga bisa kebanjiran karo bebaya. Minangka tulisan iki, ZURB Clearing mbutuhake Media-2.x-dev, sing bisa dadi upgrade mbebayani yen sampeyan lagi nggunakake Media 1.x. Lan requirement kanggo versi pembangunan modul ngirim tansah ngaso. Isih, modhèl ZURB lan liya-liyane uga kudu katon.

Pilih Versi Varian Yayasan ZURB

Sadurunge ngundhuh tema ZURB Foundation, priksa versi sampeyan kudu digunakake. Ana macem-macem versi utama saka framework ZURB Foundation, lan nomer versi utama kanggo tema cocok karo kerangka kerja. Dadi, versi 7.x- 3 .x tema karya karo Yayasan 3 , versi 7.x- 4 .x nganggo Yayasan 4 , lan versi 7.x- 5 .x digunakake karo Yayasan 5 .

Minangka tulisan iki, versi stabil paling anyar saka tema iki yaiku 7.x-4.x, sing dianggo karo Yayasan 4. Versi 7.x-5.x isih dienggo. Supaya, sanajan website framework Foundation nganggep sampeyan bakal nggunakake Foundation 5, sampeyan bisa uga pengin tetep karo Foundation 4 kanggo saiki.

Uga ditemokake yayasan 5 nduweni syarat ekstra, utamané jQuery 1.10. Yayasan 4 mung perlu jQuery 1.7+.

Sinau babagan versi Yayasan sing sampeyan gunakake nalika maca dokumentasi online. Iki luwih bener yen sampeyan ora nggunakake versi paling anyar saka kerangka kasebut. Iku gampang banget kanggo mlebukake menyang maca docs kanggo, ucapake, Foundation 5, banjur njaluk frustrasi nalika fitur anyar ora bisa digunakake ing situs Foundation 4.

Kayata, Yayasan 5 nyakup kabeh golongan medium kanggo layar ukuran sedheng. Ing Foundation 4, iki bakal misterius gagal kajaba sampeyan njupuk langkah ekstra.

Gunakake SASS, Compass, lan & # 34; _variables.scss & # 34 ;!

Yen sampeyan arep ngapiki CSS kanggo tema iki kabeh, priksa manawa sampeyan:

• Gunakake tema ZURB Foundation minangka tema dasar kanggo subtheme khusus sampeyan
• Gawe subtheme iki nggunakake printah drush sing diwenehake dening tema. Kaya iki: drush fst your_theme_name
• Rika nengsihake file _variables.scss banget

Berkas _variables.scss digawe kanthi otomatis dening drush fst. Berkas siji iki ngandhut variabel kanggo meh kabeh sing sampeyan pengin tweak ing tema CSS sampeyan. Iku apik tenan! Kabeh ing sak panggonan, sampeyan bisa nyetel kabeh saka font standar menyang ambane layar menyang tapel wates ing breadcrumbs.

Mesthi, sampeyan uga bisa ngatur file tambahan uga. Nanging _variables.scss iku sawijining panggonan sing apik kanggo diwiwiti.

Wigati ekstensi file: scss, ora css. Kanggo nggunakake _variables.scss, sampeyan kudu ngeset SASS (basa ekstensi CSS) lan Kompas (framework sing dibangun karo SASS). Nalika sampeyan nggabung kompilasi kompilasi, file scss bakal dadi CSS apik banget ing file sing kapisah. (Aku seneng watch kompas - iki tansah mlaku lan nganyari CSS nalika sampeyan ngresiki file scss.)

Yen pancene, pancene ora pengin repot karo SASS, sampeyan bisa nulis file CSS kaya biasa lan ndaftar ing file .info tema. Nanging percaya kula - investasi wektu cilik kanggo sinau cukup kanggo nyusun _variables.scss bakal dibayar maneh meh langsung.

Sadurunge Nggunakake Yayasan ZURB

Yayasan ZURB paling apik, nanging ora mung framework ngarep sing wis digabung karo Drupal. Sampeyan uga pengin nganggep Bootstrap , kerangka sing padha uga nduweni tema Drupal. Saiki, aku nggunakake Yayasan ZURB dhewe, nanging amarga riset sandi nyathet yen luwih gampang kanggo ngatur saka Bootstrap.

Uga, komponen Joyride cukup manis.

Lan manawa sampeyan nggunakake ZURB Foundation, Bootstrap, utawa sawetara framework liyane, manawa sampeyan njaluk tips kasebut babagan nggunakake framework karo Drupal .