Օգտագործելով ZURB Foundation Theme- ը Drupal- ի համար

Ստացեք ZURB հիմնադրամի շրջանակի ուժը Drupal թեմայով

Նախքան Twitter Bootstrap- ը գոյություն ուներ (եւ հանդիսանում է) ZURB Foundation- ը, որը թույլ է տալիս Ձեզ ստեղծել գեղեցիկ կոճակներ, բլոկային ցանցեր, առաջընթաց բարեր, գնային սեղաններ եւ շատ ավելին, CSS- ի մի քանի լավ դասարանների հետ: ZURB Հիմնադրամի թեման Drupal- ի համար կարող եք սանձազերծել այս ամենը, ձեր Drupal կայքում տեղ գտած բարդությունների պատճառով:

Ինչ է Զուրբի Հիմնադրամը:

Զուրբի Հիմնադրամի կառուցվածքը CSS- ի եւ Javascript- ի կոդերի մի հավաքածու է, որը դուք հավանաբար ցանկանում եք ձեր կայքում: Սա ներառում է ոչ միայն սեղմված աչքի քաղցրավենիք, ինչպես վերը նշված կոճակները, այլեւ իսկապես զարմանալի պատասխանատու ուժ:

Դուք օգտագործում եք այս առանձնահատկությունների մեծ մասը, ավելացնելով հատուկ CSS դասեր: Օրինակ:

Ահա կոճակը

Ահա փոքրիկ կոճակ :

Զուրբի Հիմնադրամի կառուցվածքը լիովին առանձնացված է Drupal- ից: Մարդիկ այն օգտագործում են WordPress- ում, Joomla- ում եւ նույնիսկ ստատիկ HTML կայքերում:

Ինչ է ZURB հիմնադրամը Drupal թեմա:

The Drupal ZURB հիմնադրամի թեման թույլ է տալիս Ձեզ բացել այս բոլոր ZURBish իշխանությունը պարզապես ներբեռնման եւ հնարավորություն տալով թեմա (եւ կարդալ փաստաթղթերը եւ մի քանի լրացուցիչ քայլեր, իհարկե):

Օրինակ, ZURB հիմնադրամը ապավինում է jQuery Javascript գրադարանին, ուստի, հավանաբար, պետք է տեղադրել jQuery Update- ը: Ստուգեք, արդյոք օգտագործում եք այլ մոդուլներ, որոնք ապավինում են jQuery- ին: Եթե ​​դուք օգտագործում եք jQuery- ի նոր տարբերակը, ապա այդ մոդուլները կարող են դադարեցնել աշխատելը:

Բացի այդ, դուք, հավանաբար, կցանկանաք օգտագործել այս թեման որպես հիմնական թեմա ձեր սեփական մաքսային թեմայի համար: Customization- ն այն է, որտեղ ZURB հիմնադրամը իսկապես փայլում է:

Դուք պետք է այս թեման օգտագործեք ZURB հիմնադրամը Drupal- ում:

ZURB Foundation- ի շրջանակի օգտագործման համար այս թեման անհրաժեշտ չէ: Իր ամենապարզն այն է, որ այս թեման պարզապես ավելացնում է ZURB Foundation CSS եւ Javascript- ը ձեր կայքում, եւ դուք կարող եք դա անել ձեռքով:

Բայց այս թեման ավելի հեշտ է դարձնում, եւ այն նաեւ ներառում է հետագա ինտեգրումը Drupal- ի հետ:

Plus, դուք կարող եք ավելացնել փոքր լրացուցիչ մոդուլներ հետագա ինտեգրման համար: Օրինակ, ZURB- ի Orbit- ի մոդուլը Ձեզ հնարավորություն է տալիս կառուցել Orbit slideshow- ը պատկերային դաշտերով: The ZURB Clearing մոդուլը Ձեզ հնարավորություն է տալիս ստեղծել լուսաբռնկիչ լույսի վանդակներ Մեդիա պատկերներով:

Նշում. Ես դեռ չեմ օգտագործել այս փոքրիկ մոդուլները, այնպես որ նրանք կարող են հղիանալ վտանգի տակ: Այս գրառումներից ելնելով, ZURB Clearing- ը պահանջում է Media-2.x-dev, ինչը կարող է վտանգավոր արդիականացում ունենալ, եթե Դուք այժմ օգտագործում եք Media 1.x. Եվ մոդուլի զարգացման տարբերակը պետք է միշտ դադար տա: Այնուամենայնիվ, այս եւ այլ ZURB մոդուլները արժե փնտրել:

Ընտրեք ZURB հիմնադրամի որոշ տարբերակը

Նախքան ZURB Հիմնադրամի թեման ներլցնելը, ստուգեք, թե որ տարբերակը պետք է օգտագործեք: ZURB Հիմնադրամի շրջանակի տարբեր հիմնական տարբերակներ կան, եւ թեմայի հիմնական տարբերակը համապատասխանում է դրա հետ աշխատող շրջանակին: Այսպիսով, Հիմնադրամի 7x- 3 .x տարբերակները Հիմնադրամի 3 -ի հետ, 7.x- 4 .x տարբերակներն աշխատում են Հիմնադրամի 4-ի հետ , իսկ 7.x- 5 .x տարբերակները աշխատում են Հիմնադրամի 5-ի հետ :

Սույն գրության առնչությամբ թեմայի վերջին կայուն տարբերակը 7.x-4.x է, որն աշխատում է Հիմնադրամի հետ: 4.x-5.x տարբերակը դեռեւս մշակման փուլում է: Այսպիսով, չնայած հիմնադրամի շրջանակային կայքը ենթադրում է, որ դուք կօգտագործեք Հիմնադրամ 5-ը, դուք կարող եք մնալ Հիմնադրամի 4-ի հետ:

Նաեւ նշենք, որ հիմնադրամը 5-ն ունի լրացուցիչ պահանջներ, հատկապես jQuery 1.10: Հիմնադրամ 4-ը պետք է միայն jQuery 1.7+ -ին:

Եղեք տեղյակ պահեք, թե որ տարբերակն եք օգտագործում, երբ կարդում եք առցանց փաստաթղթերը: Սա հատկապես ճիշտ է, եթե դուք չեք օգտագործում շրջանակի վերջին տարբերակը: Դժվար է դանդաղորեն ընթերցել փաստաթղթերը կարդալու համար, ասենք, հիմնադրամ 5-ը, ապա հիասթափեցրեց, երբ նոր ֆունկցիան չի աշխատում Ձեր հիմնադրամի 4-րդ կայքում:

Օրինակ, հիմնադրամը ներառում է միջնակարգ դասերի մի ամբողջ շարք միջին չափի էկրանների համար: Հիմնադրման 4-ում դրանք խորհրդավոր կերպով կխախտվեն, եթե դուք լրացուցիչ քայլեր չձեռնարկեք:

Օգտագործեք SASS, Compass եւ & # 34; _variables.scss & # 34 ;!

Եթե ​​դուք այս թեմայի համար CSS- ի կսմթեցնեք, համոզվեք, որ դուք:

• Օգտագործեք ZURB Հիմնադրամի թեման `որպես ձեր սեփական մաքսային ենթատեքստի հիմնական թեման
• Ստեղծեք այս ենթատեքստը, օգտագործելով թեմայի տրամադրած drush հրամանը: Այսպես. Drush fst your_theme_name
• Հեշտությամբ դիտեք գերազանց _variables.scss ֆայլը

The _variables.scss ֆայլը ավտոմատ կերպով ստեղծվում է drush fst- ի կողմից: Այս մեկ ֆայլը պարունակում է փոփոխականներ գրեթե բոլորի համար, որոնք կարող եք կախել CSS- ի ձեր թեմայի մեջ: Դա զարմանալի է: Բոլորը մեկ տեղում, դուք կարող եք ամեն ինչ սահմանել կանխադրված տառատեսակից մինչեւ էկրանի լայնությունը հացաթխում սահմանին:

Իհարկե, դուք միշտ կարող եք ստեղծել լրացուցիչ ֆայլեր: Բայց _variables.scss- ը սկսելու համար հիանալի վայր է:

Ծանոթացեք ֆայլի ընդլայնմանը. Scss, այլ ոչ թե css: Օգտագործելու _variables.scss- ը, դուք պետք է ստեղծեք SASS- ը (CSS extension լեզու) եւ Compass- ը (SASS- ով կառուցված շրջանակ): Երբ եք կոմպաս հավաքել, ձեր scss ֆայլերը կդառնան հաճելի CSS `առանձին ֆայլերով: (Ես նախընտրում եմ կոմպակտ ժամացույցը, սա շարունակում է վազել եւ թարմացնել CSS- ն, քանի որ դուք կփակցեք scss ֆայլերը):

Եթե ​​դուք իսկապես իսկապես չեք ցանկանում անհանգստացնել SASS- ի հետ, կարող եք գրել CSS- ի ֆայլերը, ինչպես միշտ, եւ դրանք ցուցադրել ձեր թեմայի .info ֆայլում: Բայց վստահեք ինձ, փոքրիկ ժամանակի ներդրումը, բավականաչափ սովորելու համար, կազմելու համար _variables.scss- ը կվճարվի գրեթե անմիջապես:

Նախքան օգտագործեք ZURB հիմնադրամը

Զուրբ հիմնադրամը գերազանց է, բայց դա միակ նախապայման չէ, որը ինտեգրված է Drupal- ի հետ: Կարող եք մտածել Bootstrap- ը , որը նույնպես ունի Drupal թեման: Մինչ այժմ, ես օգտագործում եմ ZURB հիմնադրամը, բայց դա այն է, որ իմ հետազոտությունը ցույց է տվել, որ հեշտ է հարմարեցնել, քան Bootstrap- ը:

Բացի այդ, Joyride բաղադրիչը բավականին քաղցր է:

Եվ արդյոք օգտագործում եք ZURB հիմնադրամը, Bootstrap- ը կամ որեւէ այլ շրջանակ, համոզվեք, որ այս խորհուրդները ստանալու համար օգտագործեք Drupal- ի հետ :