ZURB jamg'armasining kuchini Drupal mavzusida oling
Twitter Bootstrap bo'lmaguncha, ZURB fondi (va ZURB fondi) mavjud bo'lib, u juda yaxshi tugmalar, bloklar, harakatlanuvchi barlarni, narx-navo jadvallarini va yana bir nechta yaxshi joylashtirilgan CSS-sinflarni qo'shishga imkon beradi. Drupal uchun ZURB fondi mavzusi bilan siz Drupal saytidagi barcha bu to'siqlarni o'ta osonlik bilan ochib qo'yishingiz mumkin.
ZURB fondi asoslari nima?
ZURB fondi ramkasi sizning web-sahifangizda kerakli bo'lgan narsalar uchun CSS va Javascript kodlari to'plamidir. Bunga faqat yuqorida aytib o'tilgan tugmalar kabi kliklanadigan ko'z kokteylini emas, balki, shuningdek, ajoyib ajoyib ta'sir kuchini ham kiritish mumkin.
Siz maxsus CSS darslarini qo'shish orqali ushbu funktsiyalarning aksariyat qismidan foydalanasiz. Masalan:
Bu erda " ZURB fondi asoslari Drupaldan mutlaqo alohida. Odamlar uni WordPress, Joomla va hatto statik HTML- saytlarda ishlatishadi. Drupal ZURB fondi mavzusi sizga ZURBishning barcha kuchlarini faqat mavzuni yuklab olish va yoqish orqali ochib berishga imkon beradi (va hujjatlarni o'qib, bir nechta qo'shimcha qadamlar olib boradi). Misol uchun, ZURB fondi jQuery Javascript kutubxonasiga tayanadi, shuning uchun siz jQuery Updateni o'rnatishingiz kerak bo'ladi. JQuery-ga tayanadigan boshqa modullardan foydalanayotganingizni tekshiring. Juda jQuery versiyasini ishlatsangiz, bu modullar ishlamasligi mumkin. Bundan tashqari, siz o'zingizning shaxsiy mavzuingiz uchun bu mavzuni asosiy mavzu sifatida ishlatishni xohlaysiz. Xususiylashtirish - ZURB fondi haqiqatan ham porlashi. ZURB fondi asosini ishlatish uchun sizga ushbu mavzu kerak emas. Eng sodda bu mavzu sizning ZURB fondi CSS va Javascript-ni saytingizga qo'shadi va siz uni qo'lda qilishingiz mumkin. Lekin bu mavzu shu bilan osonlashtiradi va u Drupal bilan integratsiyalashuvni ham o'z ichiga oladi. Bundan tashqari, kelgusida integratsiya qilish uchun kichikroq qo'shimcha modullarni qo'shishingiz mumkin. Misol uchun, ZURB Orbit moduli rasm maydonlari bilan Orbit slayd-shouni yaratishga imkon beradi. ZURB Clearing moduli Media tasvirlari bilan javob beruvchi nurli qutilar yaratishga imkon beradi. Eslatma: Men bu modullarni hali o'zim ishlatmaganman, shuning uchun ular xavfli bo'lishi mumkin. Ushbu yozuvdan boshlab ZURB Clearing Media-2.x-dev dasturini talab qiladi, agar siz hozirda Media 1.x dan foydalanayotgan bo'lsangiz xavfli yangilanish bo'lishi mumkin. Va modulning ishlab chiqish versiyasini talab qilish har doim bir pauza bo'lishi kerak. Shunday bo'lsa-da, bu va boshqa ZURB modullari e'tiborga loyiqdir. ZURB fondi mavzusini yuklab olishdan oldin qaysi versiyani ishlatish kerakligini tekshiring. ZURB fondi fondi turli xil asosiy versiyalari mavjud va mavzu bo'yicha asosiy versiya raqami bilan ishlayotgan doiraga mos keladi. Shunday qilib, Foundation 3 ning 7x- 3 .x versiyalari, 7.x- 4 .x versiyalari Foundation 4 bilan ishlaydi va 7.x- 5 .x versiyalari Foundation 5 bilan ishlaydi. Ushbu yozuvdan boshlab, Mavzuning eng oxirgi versiyasi 7.x-4.x, Foundation 4 bilan ishlaydi. 7.x-5.x versiyasi hali ham ishlab chiqilmoqda. Shunday qilib, Fond asosidagi veb-saytda Foundation 5dan foydalanishingiz mumkin bo'lsa-da, siz hozirda Foundation 4-ga tayanishingiz mumkin. Bundan tashqari, Foundation 5 ning qo'shimcha talablari, ayniqsa, jQuery 1.10. Foundation 4 faqat jQuery 1.7+ ga kerak. Onlayn hujjatlarni o'qiyotganda siz qaysi fonda foydalanayotganingizni bilib oling. Bu, eng so'nggi versiyasini ishlatmasangiz, ayniqsa to'g'ri. Sizning Foundation 4 saytida yangi xususiyatlar ishlamagan taqdirda, Foundation 5 uchun hujjatlarni o'qishga o'tish juda oson. Masalan, Foundation 5 o'rta o'lchamli ekranlar uchun o'rta sinflar to'plamini o'z ichiga oladi. Foundation 4da, qo'shimcha qadamlar qo'ymasangiz, bu sirli tarzda amalga oshadi. Agar ushbu mavzuni CSS-ga almashtirmoqchi bo'lsangiz, quyidagilarni tekshiring: _variables.scss fayli avtomatik ravishda drush fst tomonidan yaratiladi. Ushbu yagona fayl siz CSS-da mavzuni o'stirishni istagan deyarli barcha parametrlarga ega. Bu hayratlanarli! Bittasi bitta joyda siz hamma narsani shriftdan ekranning kengligigacha ekranning chekkasida chegara qilib qo'yishingiz mumkin. Albatta, har doim ham qo'shimcha fayllarni o'rnatishingiz mumkin. Lekin _variables.scss - boshlash uchun ajoyib joy. Fayl kengaytmasiga e'tibor bering: scss, css emas. _variables.scss dan foydalanish uchun siz SASS (CSS kengaytma tili) va Compass (SASS bilan qurilgan ramka) ni o'rnatishingiz kerak bo'ladi. Kompasni kompilyatsiya qilsangiz, scss fayllari alohida CSS-larda yaxshi CSSga aylanadi. (Men kompasni kuzatishni afzal ko'raman - bu skss fayllarini tweaklashda CSS-ni ishga tushirish va yangilashni davom ettiradi.) Agar siz haqiqatan ham SASS bilan bezovta bo'lishni istamasangiz, odatdagidek CSS-fayllarni yozishingiz va mavzuni .info faylida yozishingiz mumkin. Lekin menga ishon, _variables.scss kompilyatsiya qilish uchun yetarlicha o'rganish uchun kichik vaqt investitsiyasi deyarli bir zumda qaytarib beriladi. ZURB jamg'armasi eng yaxshisi, lekin bu Drupal bilan integratsiyalangan yagona oldingi tizim emas. Siz Drupal mavzusiga ega bo'lgan shunga o'xshash ramkaga ega Bootstrap ni ko'rib chiqishingiz mumkin. Hozirda men ZURB fondi bilan o'zim foydalanmoqdaman, ammo mening tadqiqotim shuni ko'rsatdiki, Bootstrapdan ko'ra sozlash osonroq edi. Bundan tashqari, Joyride komponenti juda shirin. Va ZURB Foundation, Bootstrap yoki boshqa ba'zi bir tuzilmalardan foydalansangiz, Drupal bilan ramkalardan foydalanganingiz uchun ushbu maslahatlardan foydalaning . ZURB fondi Drupal mavzusi nima?
ZURB fondi Drupal-dan foydalanish uchun ushbu mavzuni talab qilasizmi?
ZURB fondi qaysi versiyasini tanlang
SASS, Compass va & # 34; _variables.scss & # 34;!
Siz ZURB Foundation ni ishlatishingizdan oldin