Bir Drupal mövzusunda ZURB Fondu Çərçivə Gücünü alın
Var idi əvvəl Twitter Bootstrap , ZURB Fondu, siz olduqca düymələr, məhəllə ızgaraları əlavə barlar, qiymət masalar və daha bir neçə yaxşı yerləşdirilmiş CSS dərsləri ilə tərəqqi imkan verir ki, çərçivə var idi (və). Drupal üçün ZURB Vakfı mövzusu ilə, Drupal saytınızdakı bütün bu blingləri ölümcül asanlıqla sərbəst buraxa bilərsiniz.
ZURB Fondu Çərçivəsi nədir?
ZURB Vakfı çərçivəsi, ehtimal ki, web sitenizde istədiyiniz bir çox şey üçün CSS və Javascript kodlarının toplusudur. Buna yalnız yuxarıda göstərilən düymələr kimi tıklanabilir gözlü konfet də daxil deyil, həmçinin həqiqətən inanılmaz həssas güc də daxildir.
Xüsusi CSS dərsləri əlavə edərək, bu xüsusiyyətlərdən ən çox istifadə edirsiniz. Məsələn:
Burada
. Bir 'düyməsinə Və burada kiçik düyməsinə edir. ZURB Fondu çərçivəsi Drupal'dan tamamilə ayrıdır. İnsanlar WordPress, Joomla və hətta statik HTML saytlarından istifadə edirlər. Drupal ZURB Vakfı mövzusu, bu mövzunu indirerek və imkan verən (və sənədləri oxumaq və əlbəttə bir neçə əlavə addım alaraq) bütün bu ZURBiş gücünü açmağa imkan verir. Məsələn, ZURB Vakfı jQuery Javascript kitabxanasına əsaslanır, buna görə də jQuery Update'i yükləməlisiniz. JQuery-ə istinadən digər modullardan istifadə etdiyinizi yoxlayın. Bir çox jQuery versiyasını istifadə edirsinizsə, bu modullar işləməyəcəkdir. Ayrıca, bu temayı, öz xüsusi temanız üçün temel tema olaraq kullanmak isteyebilirsiniz. Zürb Fondunun həqiqətən işıqlandığı yerdə fərdiləşdirmə. ZURB Fondu çərçivəsini istifadə etmək üçün bu mövzuya ehtiyac yoxdur. Ən sadə, bu mövzu yalnız ZURB Vakfı CSS və Javascript saytınıza əlavə edir və əl ilə bunu edə bilərsiniz. Amma bu mövzu asanlaşdırır və Drupal ilə daha da inteqrasiya edir. Əlavə, daha da inteqrasiya üçün kiçik əlavə modullar əlavə edə bilərsiniz. Məsələn, ZURB Orbit modulu görüntü sahələri ilə bir Orbit slayd gösterisi qurmağa imkan verir. ZURB Clearing modulu Media şəkilləri ilə həssas işıq qutuları yaratmağa imkan verir. Qeyd: Mən hələ bu modulları özümdən istifadə etmirəm, buna görə də təhlükə ilə dolu ola bilər. Bu yazıdan etibarən, ZURB Clearing Media-2.x-dev tələb edir, hazırda Media 1.x istifadə etdiyiniz halda təhlükəli bir yüksəlmə ola bilər. Modulun inkişaf versiyası üçün bir tələb həmişə bir fasilə verməlidir. Hələ, bu və digər ZURB modulları baxmağa dəyər. ZURB Vakfı mövzusunu yükləmədən əvvəl, hansı versiyanı istifadə etməyinizi yoxlayın. Zürb Fondu çərçivəsinin müxtəlif əsas variantları var və mövzu üçün əsas versiya sayı işlədiyi çərçivəyə uyğun gəlir. Beləliklə, Foundation 3 , 7.x- 4 .x versiyaları Foundation 4 ilə işləyir və 7.x- 5 .x versiyaları Foundation 5 ilə işləyir. Bu yazıdan etibarən mövzunun sonuncu sabit versiyası Foundation 4 ilə işləyən 7.x-4.x. 7.x-5.x versiyası hələ də inkişafdadır. Beləliklə, Fondun veb saytında Foundation 5-ni istifadə edəcəyinizə baxmayaraq, Fondun 4-cü ilədək qalmaq istəyə bilərsiniz. Həmçinin Fondun 5-də, xüsusilə jQuery 1.10-a əlavə tələblər olduğunu qeyd edin. Fond 4 yalnız jQuery 1.7 + -ə ehtiyac duyur. Onlayn sənədləri oxuduğunuz zaman Foundation'ın hansı versiyasını istifadə etdiyinizdən xəbərdar olun. Çərçivənin ən son versiyasını istifadə etmirsinizsə bu xüsusilə doğrudur. Deyirlər ki, Foundation 5-də sənədləri oxumağa sürüklənmək asandır, sonra yeni bir xüsusiyyət Fondu 4 saytında işləmədiyi zaman qəzəblənir. Məsələn, Fond 5 orta ölçülü ekranlar üçün orta siniflər qrupunu əhatə edir. Vəqf 4-də, əlavə addımlar atmırsınızsa, bunlar əsrarəngiz bir şəkildə baş verəcəkdir. Əgər bu mövzuda CSS-ni çimdikliyəmsə, əmin olun: _variables.scss faylı drush fst tərəfindən avtomatik olaraq yaradılır. Bu bir fayl, mövzu CSS-də çimdik istəyən demək olar ki, hər şey üçün dəyişənlər ehtiva edir. Bu heyranedicidir! Bütün bir yerdə, hər şeyi default fontdan ekran genişliyinə çörək qatlarında olan sərhəddən təyin edə bilərsiniz. Əlbəttə ki, hər zaman əlavə fayllar qura bilərsiniz. Lakin _variables.scss başlamaq üçün gözəl bir yerdir. Fayl uzantısına xəbərdarlıq edin: scss, css deyil. _variables.scss istifadə etmək üçün SASS (bir CSS uzatma dili) və Compass (SASS ilə tikilmiş çərçivə) qurmaq lazımdır. Kompas tərtib etdikdə, scss faylları ayrı-ayrı fayllarda gözəl CSS-ə çevriləcək. (Pusula seyrini üstün tuturam - bu skss fayllarını çimdikcə CSS-də işləyir və yeniləyir.) Əgər həqiqətən, həqiqətən, SASS ilə narahat olmaq istəmirsinizsə, adətən CSS faylları yaza və mövzunun .info faylına yaza bilərsiniz. Amma mənə etibar edin - kiçik vaxt sərmayəsi _variables.scss kompilyasiya etmək üçün kifayət qədər öyrənmək demək olar ki, dərhal geri qaytarılacaq. ZURB Fondu ən yaxşıdır, lakin Drupal ilə inteqrasiya edilmiş yeganə ön-çərçivə deyil. Drupal mövzusu olan oxşar bir çərçivə olan Bootstrap'i nəzərdən keçirmək isteyebilirsiniz. İndiyə qədər ZURB Vəqfini istifadə edirəm, ancaq mənim araşdırmalarım Bootstrap'dan daha asanlaşdırmaq daha asan olduğunu göstərdi. Həmçinin, Joyride komponenti olduqca şirindir. Və ZURB Fondu, Bootstrap və ya digər bir çərçivədən istifadə edirsinizsə, bu ipuçlarını Drupal ilə bir çərçivədən istifadə etməyinizə əmin olun. ZURB Vakfı Drupal mövzusu nədir?
Zürb Fondu Drupal-da istifadə etmək üçün bu mövzuda sizə lazım?
ZURB Vəqfinin Hansı Hərəkətini Seçin
SASS, Pusula və & # 34; _variables.scss & # 34 ;!
ZURB Vəqfi istifadə etməzdən əvvəl