ZURB сангийн бүтцийг Drupal Theme-ээр авах
Твиттер Bootstrap- ээс өмнө ZURB Foundation нь гоёмсог товчлуурууд, блокууд, дэвшилтэт технологи, үнийн хүснэгтүүдийг нэмж, цөөн тооны сайн CSS-ийн хичээлүүдтэй болжээ. Drupal-ийн ZURB сангийн сэдэвтэйгээр та энэ Dringal сайт дээрээ энэ bling-ыг үхлийн аюултай хялбараар задалж болно.
ZURB сангийн хүрээ юу вэ?
ZURB Foundation нь таны вэбсайт дээр хүсч болох зүйлсийн хувьд CSS болон Javascript кодын цуглуулга юм. Үүнд дээр дурьдсан товчлуурууд шиг товчлуураар дарагдсан нүдний шил төдийгүй гайхамшигтай хариу үйлдлийн хүчийг багтаадаг.
Та тусгай CSS ангиллыг нэмж эдгээр функцуудын ихэнхийг ашигладаг. Жишээ нь:
Энд жижиг товчлуур "> жижиг товчлуур байна. ZURB сангийн хүрээ нь бүхэлдээ Drupal-аас тусдаа байдаг. Хүмүүс үүнийг WordPress, Joomla, мөн статик HTML сайтад ашигладаг. Drupal ZURB Foundation-ийн сэдэв нь зөвхөн ZURBish-ийн хүчийг зөвхөн сэдэв татаж авч, идэвхжүүлж (баримтжуулалтыг уншиж, мэдээж хэд хэдэн нэмэлт алхамуудыг хийдэг) ашиглах боломжийг олгоно. Жишээлбэл, ZURB сан нь jQuery Javascript номын сан дээр тулгуурладаг тул та jQuery Update-ийг суулгах хэрэгтэй. JQuery дээр тулгуурласан бусад модулиудыг ашиглаж байгаа эсэхийг шалгана уу. Хэрэв та jQuery-ийн хэтэрхий шинэ хувилбарыг ашиглавал эдгээр модулиуд ажиллахаа больж болно. Мөн та энэ сэдвийг өөрийн онцлог сэдэвийн үндсэн сэдэв болгон ашиглахыг хүсэж магадгүй. ZURB сан үнэхээр гэрэл гэгээтэй байдаг. Та ZURB сангийн хүрээнд энэ загварыг ашиглах шаардлагагүй болно. Энгийнээр хэлэхэд энэ сэдэв нь зөвхөн таны сайтын ZURB Foundation CSS болон Javascript-ийг нэмдэг бөгөөд та үүнийг гараар хийж болно. Гэхдээ энэ сэдэв нь илүү хялбар болсон бөгөөд энэ нь бас Drupal-тэй холбоотой зарим нэг зүйлийг багтаадаг. Дахин хэлэхэд та илүү интеграцийн нэмэлт жижиг модулиудыг нэмж болно. Жишээлбэл, ZURB Orbit модуль нь Orbit слайдыг дүрс бүхий зургаар бүтээх боломж олгодог. ZURB Клирингийн модуль нь танд Медиа зургийн тусламжтайгаар хариу мэдээлэх хайрцаг үүсгэх боломжийг олгодог. Тэмдэглэл: Би эдгээр бяцхан модулиудыг өөртөө хэрэглээгүй, тиймээс тэд аюултай байж магадгүй. Үүнийг бичиж байх үед ZURB Clearing нь Media-2.x-dev-ийг шаарддаг бөгөөд хэрэв та Media 1.x-ийг ашиглаж байгаа бол аюултай шинэчлэлт байж болох юм. Мөн модулийн хөгжүүлэлтийн хувилбарт тавигдах шаардлага нь нэг удаа түр хүлээх ёстой. Гэсэн хэдий ч, эдгээр болон бусад ZURB модулиуд нь үнэ цэнэтэй юм. ZURB Foundation-ийн сэдвийг татаж авахаасаа өмнө аль хувилбарыг ашиглахаа шалгаарай. ZURB сангийн бүтцийн өөр өөр томоохон хувилбарууд байдаг бөгөөд сэдэвчилсэн гол хувилбарын дугаар нь түүний ажиллах хүрээтэй нийцдэг. Сэдэвийн 7.x- 3 .x хувилбар нь Foundation 3- тэй ажилладаг бөгөөд 7.x- 4 .x хувилбар нь Foundation 4- тэй ажилладаг бөгөөд 7.x- 5 .x хувилбар нь Foundation 5- тэй ажилладаг. Энэ бичээсийн дагуу хамгийн сүүлийн үеийн тогтвортой хувилбар нь 7.x-4.x юм. Энэ нь Foundation 4.-тэй ажилладаг. 7.x-5.x хувилбар нь хөгжсөөр байна. Тиймээс, Foundation framework вэбсайт нь Foundation 5-г ашиглах болно гэж бодож байгаа бол одоо Foundation 4-тэй ажиллахыг хүсч магадгүй юм. Мөн 5-р нэмэлт шаардлага, ялангуяа jQuery 1.10. Сан 4 нь зөвхөн jQuery 1.7+ хэрэгтэй. Онлайн баримтжуулалтыг уншиж байхдаа та аль Сангийн ашигладаг хувилбарыг мэдэх хэрэгтэй. Хэрэв та энэ тогтолцооны хамгийн сүүлийн хувилбарыг ашиглаагүй бол энэ нь ялангуяа үнэн юм. Санхүүгийн 5-ыг уншихад амархан байдаг. Учир нь, Foundation 5-д шинэ боломж танай сангийн 4 дээр ажиллахгүй байгаа тохиолдолд сандрах болно. Жишээлбэл, Сан 5 нь дунд зэргийн хэмжээтэй дэлгэцийн дунд ангиудыг хамардаг. Сан 4 дээр эдгээр нь нэмэлт алхмуудыг хийхгүй бол гайхалтай амжилтанд хүрнэ. Хэрэв та энэ сэдвээр CSS-г засах гэж байгаа бол: _variables.scss файлыг drush автоматаар үүсгэдэг. Энэ ганц файл нь таны CSS сэдэвт өөрчлөлт хийхийг хүсч болох бараг бүх зүйлсийг агуулдаг. Гайхалтай! Бүгдэд нь бүгдийг нь анхдагч фонтоор нь breadcrumbs дээр дэлгэцийн өргөн хүртэл хилээр нь тохируулж болно. Мэдээжийн хэрэг, та үргэлж нэмэлт файлуудыг тохируулж болно. Гэхдээ _variables.scss бол эхлэх хамгийн сайхан газар юм. Файл өргөтгөлийг анхаарна уу: scss, css биш. _variables.scss-ийг ашиглахын тулд SASS (CSS өргөтгөлийн хэл) болон Compass (SASS-тэй хамт бүтээгдсэн) үүсгэх хэрэгтэй болно. Та луужингийн эмхэтгэлийг ажиллуулах үед таны скss файлууд нь тусдаа файлуудад сайхан CSS болж хувирна. (Би луужингийн цагийг илүүд үздэг - энэ нь scss файлуудыг өөрчлөхөд CSS-г ажиллуулж, шинэчилж байх болно.) Хэрэв та үнэхээр SASS-тэй санаа зовохыг хүсэхгүй байгаа бол ердийн CSS файлыг бичээд сэдвийнхээ .info файлд жагсааж болно. Гэхдээ надад итгээрэй - _вariables.scss -ийг эмхэтгэхэд хангалттай сурахын тулд багахан хугацааны хөрөнгө оруулалтыг тэр даруйдаа төлөх болно. ZURB сан нь хамгийн сайн, гэхдээ энэ нь Drupal-тэй нэгтгэсэн цорын ганц урд талын бүтэц биш юм. Та бас Drupal сэдэвтэй ижил төстэй Bootstrap -ийг авч үзэхийг хүсэж болох юм. Одоогоор би ZURB Foundation-ийг ашиглаж байна, гэхдээ миний судалгаа Bootstrap-ээс бодвол илүү хялбар болгох боломжтой гэж үзсэн. Мөн Joyride-ийн бүрэлдэхүүн хэсэг нь маш сайхан байдаг. Мөн та ZURB Сан, Bootstrap эсвэл бусад ямар нэгэн хүрээг ашигладаг эсэхээ шийдэхийн тулд Drupal програмыг ашиглан энэ зөвлөмжийг авах хэрэгтэй. ZURB сан Drupal сэдэв гэж юу вэ?
Drupal дахь ZURB санг ашиглах энэ сэдвээр танд хэрэгтэй юу?
ZURB санг ашиглах хувилбарыг сонгох
SASS, Compass, & # 34; _variables.scss & # 34; ашиглана уу!
ZURB санг ашиглахаас өмнө