Drupal માટે ZURB ફાઉન્ડેશન થીમનો ઉપયોગ કરવો

એક Drupal થીમ માં ZURB ફાઉન્ડેશન ફ્રેમવર્ક પાવર મેળવો

ટ્વિટર બુટસ્ટ્રેપ પહેલાં, ત્યાં (અને છે) ZURB ફાઉન્ડેશન, એક ફ્રેમવર્ક છે જે તમને ખૂબ જ સારી બટનો, બ્લોક ગ્રીડ, પ્રોગ્રેસ બાર, ભાવો કોષ્ટકો અને વધુ સારી રીતે મૂકવામાં આવેલા CSS વર્ગો સાથે વધુ ઉમેરવા દે છે. ડ્રૂપલ માટે ઝુરબ ફાઉન્ડેશન થીમ સાથે, તમે તમારા ડ્રાપલ સાઇટ પર જીવલેણ સરળતા સાથે આ તમામ bling છૂટી શકો છો.

ZURB ફાઉન્ડેશન ફ્રેમવર્ક શું છે?

ZURB ફાઉન્ડેશન ફ્રેમવર્ક એવી સામગ્રીના સમૂહ માટે CSS અને જાવાસ્ક્રિપ્ટ કોડનો સંગ્રહ છે જે તમે કદાચ તમારી વેબસાઇટ પર ઇચ્છો છો. તેમાં ઉપરોક્ત બટન્સની જેમ જ ક્લિક કરી શકાય તેવી આંખ કેન્ડી અને કેટલીક સાચી અમેઝિંગ પ્રતિભાવ શક્તિ શામેલ નથી.

તમે વિશિષ્ટ CSS વર્ગોને ઉમેરીને આ સુવિધાઓનો ઉપયોગ કરો છો. દાખલા તરીકે:

અહીં એક બટન છે.

અને અહીં "નાના બટન"> નાના બટન છે.

ઝુરબ ફાઉન્ડેશન ફ્રેમવર્ક સંપૂર્ણપણે દ્રુપલથી અલગ છે. લોકો તેને વર્ડપ્રેસ, જુમલા, અને તે પણ સ્થિર HTML સાઇટ્સ પર ઉપયોગ કરે છે.

આ ZURB ફાઉન્ડેશન Drupal થીમ શું છે?

ડ્રૂપલ ઝુરબ ફાઉન્ડેશન થીમ તમને ડાઉનલોડ અને એક થીમ (અને દસ્તાવેજો વાંચીને અને અલબત્ત કેટલાક વધારાના પગલાં લેવા) દ્વારા આ બધી ઝુરિશ પાવરને છૂટી કરવા માટે પરવાનગી આપે છે.

હમણાં પૂરતું, ઝુરબ ફાઉન્ડેશન એ jQuery જાવાસ્ક્રિપ્ટ લાઇબ્રેરી પર આધાર રાખે છે, જેથી તમે કદાચ jQuery અપડેટ ઇન્સ્ટોલ કરવું પડશે. તમે jQuery પર આધાર રાખે છે કે જે કોઈપણ અન્ય મોડ્યુલો ઉપયોગ કરી રહ્યાં છો કે કેમ તે તપાસો. જો તમે jQuery નો ખૂબ નવી આવૃત્તિનો ઉપયોગ કરો છો, તો આ મોડ્યુલો કાર્ય કરવાનું બંધ કરી શકે છે.

પણ, તમે કદાચ તમારા પોતાના વૈવિધ્યપૂર્ણ થીમ માટે આધાર થીમ તરીકે આ થીમ ઉપયોગ કરવા માંગો છો પડશે. વૈવિધ્યપણું એ છે જ્યાં ZURB ફાઉન્ડેશન ખરેખર શાઇન કરે છે.

શું તમારે Drupal માં ZURB ફાઉન્ડેશનનો ઉપયોગ કરવા માટે આ થીમની જરૂર છે?

ZURB ફાઉન્ડેશન ફ્રેમવર્કનો ઉપયોગ કરવા માટે તમારે આ થીમની જરૂર નથી. તેના સરળ પર, આ થીમ ફક્ત તમારી સાઇટ પર ZURB ફાઉન્ડેશન CSS અને જાવાસ્ક્રિપ્ટ ઉમેરે છે, અને તમે જાતે તે કરી શકો છો

પરંતુ આ થીમ તે સરળ બનાવે છે, અને તે પણ Drupal સાથે કેટલાક વધુ સંકલન સમાવેશ થાય છે.

ઉપરાંત, તમે વધુ સંકલન માટે નાના વધારાના મોડ્યુલો ઉમેરી શકો છો. દાખલા તરીકે, ZURB ઓર્બિટ મોડ્યુલ તમને ઇમેજ ફીલ્ડ્સ સાથે ઓર્બિટ સ્લાઇડશો બનાવવા દે છે. ZURB ક્લીયરિંગ મૉડ્યૂઅલ તમને મીડિયા ઈમેજો સાથે પ્રતિભાવ લાઇટબૉક્સ બનાવવા દે છે.

નોંધ: મેં આ નાના મોડ્યુલો મારી જાતે ઉપયોગ કર્યો નથી, તેથી તેઓ જોખમ સાથે ભરપૂર હોઈ શકે છે. આ લેખન પ્રમાણે, ZURB ક્લિયરિંગને મીડિયા -2. -જે-ડેનની જરૂર છે, જે જોખમી અપગ્રેડ થઈ શકે છે જો તમે વર્તમાનમાં મીડિયા 1.x નો ઉપયોગ કરી રહ્યાં છો. અને મોડ્યુલના વિકાસ સંસ્કરણની જરૂરિયાત હંમેશા એક વિરામ આપવી જોઈએ. તેમ છતાં, આ અને અન્ય ZURB મોડ્યુલો એ જોઈ શકાય છે

ZURB ફાઉન્ડેશનનો ઉપયોગ કયા વર્ઝન માટે કરવો તે પસંદ કરો

તમે ZURB ફાઉન્ડેશન થીમ ડાઉનલોડ કરો તે પહેલાં, તપાસો કે તમારે કયા આવૃત્તિનો ઉપયોગ કરવો જોઈએ. ZURB ફાઉન્ડેશન ફ્રેમવર્કની વિવિધ મુખ્ય આવૃત્તિઓ છે, અને થીમ માટેનો મુખ્ય સંસ્કરણ નંબર તે સાથે કામ કરે છે તે માળખાને અનુલક્ષે છે. તેથી, થીમના 7.x- 3 .x વર્ઝન ફાઉન્ડેશન 3 સાથે કામ કરે છે, જે 7.x- 4 .x વર્ઝન ફાઉન્ડેશન 4 અને 7x- 5 સાથે કામ કરે છે .x વર્ઝન ફાઉન્ડેશન 5 સાથે કામ કરે છે.

આ લેખન પ્રમાણે, થીમની તાજેતરની સ્થિર આવૃત્તિ 7.x-4.x છે, જે ફાઉન્ડેશન 4 સાથે કામ કરે છે. 7.x-5.x વર્ઝન હજુ વિકાસમાં છે. તેથી, જો ફાઉન્ડેશન ફ્રેમવર્ક વેબસાઇટ ધારે છે કે તમે ફાઉન્ડેશન 5 નો ઉપયોગ કરશો, તો તમે હવે ફાઉન્ડેશન 4 સાથે વળગી રહેશો.

પણ નોંધ કરો કે ફાઉન્ડેશન 5 પાસે વધારાની જરૂરિયાતો છે, ખાસ કરીને jQuery 1.10 ફાઉન્ડેશન 4 ને માત્ર jQuery 1.7+ ની જરૂર છે.

જ્યારે તમે ઓનલાઇન દસ્તાવેજીકરણ વાંચશો ત્યારે તમે જે ફાઉન્ડેશનનો ઉપયોગ કરી રહ્યા છો તે વિશે સાવચેત રહો. આ ખાસ કરીને સાચું છે જો તમે ફ્રેમવર્કના નવીનતમ સંસ્કરણનો ઉપયોગ કરી રહ્યાં નથી. કહે છે, ફાઉન્ડેશન 5, માટે ડોક્સ વાંચવા માટે ઘણું સહેલું છે, પછી જ્યારે તમારી સુવિધા નવી ફીચર તમારા ફાઉન્ડેશન 4 સાઇટ પર કામ કરતી ન હોય ત્યારે નિરાશ થઈ જાવ.

હમણાં પૂરતું, ફાઉન્ડેશન 5 માં માધ્યમ-માપવાળી સ્ક્રીનો માટે મધ્યમ વર્ગના સંપૂર્ણ સમૂહનો સમાવેશ થાય છે. ફાઉન્ડેશન 4 માં, જ્યાં સુધી તમે વધારાની પગલાં ન લો ત્યાં સુધી આ રહસ્યમય રીતે નિષ્ફળ જશે.

SASS, હોકાયંત્ર, અને & # 34; _variables.scss & # 34; નો ઉપયોગ કરો!

જો તમે આ થીમ માટે સી.એસ. સીને ઝટકો જઈ રહ્યા છો, તો ખાતરી કરો કે તમે:

• તમારા પોતાના વૈવિધ્યપૂર્ણ પેટા થીમ માટે આધાર થીમ તરીકે ZURB ફાઉન્ડેશન થીમનો ઉપયોગ કરો
• થીમ દ્વારા પૂરી પાડવામાં આવેલ ડ્રાશ આદેશનો ઉપયોગ કરીને આ સબથેમેંટ બનાવો. આના જેવું: ડ્રમ ફેસ્ટ your_theme_name
• લેસ્પરસરીએ ઉત્તમ _variables.scss ફાઇલને ધ્યાનમાં લેવી

_variables.scss ફાઇલ ડ્યૂશ એફએસએસ દ્વારા આપમેળે બનાવવામાં આવી છે. આ એક ફાઇલમાં લગભગ કોઈ વસ્તુ માટે ચલો છે જે તમે તમારી થીમ CSS માં ઝટકો કરવા માંગો છો. સરસ! એક જ સ્થાને, તમે બ્રેડક્રમ્સમાં ડિફૉલ્ટ ફૉન્ટથી સ્ક્રીન પહોળાઈ પરની સીમા સુધી બધું સેટ કરી શકો છો.

અલબત્ત, તમે હંમેશાં વધારાની ફાઇલો પણ સેટ કરી શકો છો પરંતુ _variables.scss એ પ્રારંભ કરવા માટે ઉત્તમ જગ્યા છે.

ફાઇલ એક્સ્ટેંશનની નોંધ લો: સસ્સ્સા, CSS નહી. _variables.scss નો ઉપયોગ કરવા માટે, તમારે SASS (એક સીએસએસ વિસ્તરણ ભાષા) અને હોકાયંત્ર (SASS સાથે બનેલ માળખું) સેટ કરવાની જરૂર પડશે. જ્યારે તમે હોકાયંત્ર સંકલન કરો છો, ત્યારે તમારી સ્કેસ ફાઇલો અલગ ફાઇલોમાં અલગ CSS માં ચાલુ થશે. (હું હોકાયંત્રની પસંદગી પસંદ કરું છું - તે CSS ચલાવવા અને અપડેટ કરવાનું ચાલુ રાખે છે કારણ કે તમે સ્કેસ ફાઇલોને ઝટકો છો.)

જો તમે ખરેખર, ખરેખર SASS સાથે ગૂંચવવું નથી માંગતા, તો તમે સામાન્ય રીતે CSS ફાઇલો લખી શકો છો અને તમારી થીમની. Info ફાઇલમાં તેમને સૂચિબદ્ધ કરી શકો છો. પરંતુ મારા પર વિશ્વાસ કરો - _variables.scss કમ્પાઇલ કરવા માટે પૂરતી જાણવા માટે નાનું સમય રોકાણ લગભગ તરત જ ચૂકવવામાં આવશે.

તમે ZURB ફાઉન્ડેશનનો ઉપયોગ કરો તે પહેલાં

ZURB ફાઉન્ડેશન સૌથી ઉત્તમ છે, પરંતુ તે માત્ર ફ્રન્ટ-એન્ડ ફ્રેમવર્ક નથી કે જે Drupal સાથે સંકલિત છે. તમે બુટસ્ટ્રેપ , એક સમાન ફ્રેમવર્ક પર વિચારી શકો છો કે જેમાં ડ્રુપલ થીમ પણ છે. હમણાં, હું ZURB ફાઉન્ડેશનને મારી જાતે ઉપયોગ કરી રહ્યો છું, પરંતુ તે કારણ છે કે મારા સંશોધનોએ સૂચવ્યું હતું કે તે બુટસ્ટ્રેપ કરતા કસ્ટમાઇઝ કરવા માટે સરળ છે.

ઉપરાંત, જોયરાઈડ ઘટક ખૂબ મીઠી છે.

અને તમે ZURB ફાઉન્ડેશન, બુટસ્ટ્રેપ, અથવા કોઈ અન્ય માળખાનો ઉપયોગ કરો છો, તે Drupal સાથે ફ્રેમવર્કનો ઉપયોગ કરવા માટે આ ટીપ્સ મેળવવાની ખાતરી કરો.