ለ Drupal የ Zurb Foundation ጭብጥ በመጠቀም

በ Drupal ጭብጡ ውስጥ የ ZurB ፋውንዴሽን ማዕቀፍ ኃይል ያግኙ

የ Twitter የራስ-ቦርፍ ከመነሳቱ በፊት, የ ZURB ፋውንዴሽን (እና) ነው, ውብ ቁልፎች, የጥቅል ጥልፍሮችን, የሂደት ማሻሻያዎችን, የዋጋ ማቅረቢያ ሠንጠረዦችን እና በተጨማሪ በጥሩ ሁኔታ የ CSS ክፍሎች. በ Drurp ላይ የ ZURB ጥቃቅን ጭብጥ በዲውፓል ጣቢያዎ ላይ ይህን ሁሉ ብቅል ስጋን ለሞት ሊዳርጉ ይችላሉ.

የ ZurB ፋውንዴሽን ማዕቀፍ ምንድን ነው?

የ ZURB Foundation መዋቅር የ CSS እና የጃቫስክሪፕት ኮዶች ስብስብ በድር ጣቢያዎ ላይ ሊፈልጉት ለሚፈልጉ ነገሮች ስብስብ ነው. ይሄ እንደ ጠቅ የተደረጉ አዝራሮች ያሉ ብቻ ጠቅ ሊያድርግ የሚችል የዓይን ከረሜላ ብቻ ሳይሆን ነገር ግን አንዳንድ አስደናቂ ምላሽ ሰጪ ሃይልን ያካትታል.

ልዩ የሲ.ኤስ.ኤስ ትምህርቶችን በማከል እነዚህን ሁሉ ገጽታዎች ይጠቀማሉ. ለአብነት:

ይሄ አዝራሩ ነው. በጣም ትንሽ አዝራር ይገኛል.

የ ZURB Foundation ውቅር ከ Drupal ሙሉ ለሙሉ የተለየ ነው. ሰዎች በ WordPress, Joomla, እና በተለመዱ ኤችቲኤምኤል ቦታዎች ላይ ይጠቀማሉ.

የ Zurb Foundation Drupal ጭብጥ ምንድን ነው?

የ Drupal ZURB Foundation ጭብጥ አንድ ገጽታ በማውረድ እና በማንቃት (ይህም የዲጂታል መረጃዎችን በማንበብ እና ጥቂት ተጨማሪ ደረጃዎችን በመውሰድ ብቻ ነው) ይህን ሁሉ የ ZURBish ኃይል እንዲጠቀሙ ያስችልዎታል.

ለምሳሌ, የ Zurb ፋውንዴሽን በ jQuery ጃቫስክሪፕት ቤተ-መጽሐፍት ላይ ይመሰረታል, ስለዚህ የ jQuery ዝመና መጫን ይኖርብዎታል. በ jQuery ላይ የሚመሰረቱ ሌሎች ሞዴሎችን እየተጠቀሙ መሆንዎን ያረጋግጡ. በጣም አዲስ የ jQuery ስሪት ከተጠቀሙ, እነዚህ ሞጁሎች መስራት ሊያቆሙ ይችላሉ.

በተጨማሪም, ለእራስዎ ብጁ ገጽታ ይህን ገጽታ እንደ መሠረታዊ ገጽታ መጠቀም ይፈልጉ ይሆናል. ሽግግር የ Zurb ፋውንዴሽን በእውነት በእውነት ያበራል ማለት ነው.

የጀርቤ ፋውንዴሽን ድሮፐል ውስጥ ለመጠቀም ይህ መሪነት ይፈልጋሉ?

የ ZURB Foundation መዋቅርን ለመጠቀም ይህ ገጽታ አያስፈልገዎትም. በጣም ቀላል በሆነ መልኩ ይህ ጭብጥ የ Zurb Foundation CSS እና Javascript ን ወደ እርስዎ ድረ ገጽ ያክላል, እና ያንን እራስዎ ማድረግ ይችላሉ.

ነገር ግን ይህ ጭብጥ ይህን ያንን ያደርገዋል, እና ከ Drupal ተጨማሪ ውህደትን ያካትታል.

በተጨማሪም, ለተጨማሪ ውህደት ትንሽ ተጨማሪ ሞዶችን ማከል ይችላሉ. ለምሳሌ, የ ZURB አከባቢ ሞዱል በምስሎች መስመሮች አማካኝነት ኦርቢት ተንሸራታች ትእይንት ለመገንባት ያስችልዎታል. የ ZURB ማጽዳት ሞዱል ለህትመታዊ ምስሎች ምላሽ ሰጪ የሆምኪ ጋኖችን እንዲፈጥሩ ያስችልዎታል.

ማሳሰቢያ: እኔ ራሴ እነዚህን ጥቃቅን ሞዴሎች እኔ ራሴ አልተጠቀምኩም, ስለዚህ እነርሱ በጣም የተጋለጡ ሊሆኑ ይችላሉ. ከዚህ ጽሁፍ በኋላ, ZURB ማጽዳት ሚዲያ-1.x-dev ያለውን ማህደረ መረጃ-2.x-dev ይፈልጋል. እና ለአንድ ሞዴል የልማት ስሪት አስፈላጊነት አንድ ጊዜ ለአፍታ ማቆም አለበት. እንደዛም ሆኖ, እነዚህ እና ሌሎች የ ZURB ሞጁሎች በጥሩ ሁኔታ ሊመረመሩ ይገባል.

የትኛውን የ ZURB ፋውንዴት እንዲጠቀሙ ይምረጡ

የ ZURB Foundation ጭብጡን ከማውረድዎ በፊት የትኛውን ስሪት መጠቀም እንዳለብዎ ያረጋግጡ. የተለያዩ የ Zurb Foundation ማዕቀፍ ዋና ስሪቶች አሉ, እና ለርዕሱ ዋናው የስሪት ቁጥር ከአሠራር መዋቅር ጋር ይዛመዳል. ስለዚህ የጭብጡ 7.x- 3 .x ስሪቶች ከመሠረት 3 , 7.x- 4 .x ስሪቶች ከ Foundation 4 ጋር ይሰራሉ ​​እንዲሁም የ 7.x- 5 .x ስሪቶች ደግሞ በመሠረት 5 ይሠራሉ .

ከዚህ ጽሁፍ አኳያ የቅርብ ጊዜው የታመነ የጭብጡ እትም 7.x-4.x ሲሆን ከ Foundation 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 Foundation ጭብጥ እንደ መሰረታዊ ገጽታ ይጠቀሙ
• በንኡስ ጭብጥ የቀረበውን የክትትል ትዕዛዝ በመጠቀም ይሄንን ንኡስ ገጽታ ይፍጠሩ. እንደዚህ እንደዚህ: fst your_theme_name ንካ
• በጊዜያዊነት እጅግ በጣም ጥሩውን _variables.scss ፋይል ይጠቀሙ

የ _variables.scss ፋይል በራስ ሰር የተፈጠረ በ fshss. ይህ ነጠላ ፋይል በቲቪዎ ውስጥ CSS ን ለመምረጥ የሚፈልጓቸው ማናቸውም ነገሮች ለማግኘት ተለዋዋጭዎችን ይይዛሉ. የሚገርም ነው! ሁሉም በአንድ ቦታ, ሁሉንም ከነባሪው ቅርጸ ቁምፊ ወደ ስክሪን ስፋት እና ወደ ዳምፕራክምብሮች ጠርዝ ላይ ማስቀመጥ ይችላሉ.

በእርግጥ, ተጨማሪ ፋይሎችንም ሁልጊዜ ማቀናበር ይችላሉ. ግን _variables.scss ለመጀመር ጥሩ የሆነ ቦታ ነው.

የፋይል ቅጥያውን ይመልከቱ: scss, not css. _variables.scss ን ለመጠቀም, SASS ን (የሲ ኤስ ኤስ ቅጥያን ቋንቋ) እና ኮምፓስ (SASS የተገነባ መዋቅር) ማዘጋጀት ያስፈልግዎታል. ሶስታል ኮምፓተር ሲጠቀሙ, የእርስዎ የ scss ፋይሎች በተለየ ፋይሎች ላይ ወደ ፌስቡክ ይቀየራሉ. (የማዞሪያ ምልከታን እመርጣለሁ - ይህ የ scss ፋይሎችን ሲያሻሽሉ ሲቀር CSS ሲኬድ እና ማዘመን ይቀጥላል.)

በእርግጥ ከኤስኤስኤስ ጋር መጨነቅ ካልፈለጉ የሲሲኤስ ፋይሎችን በተለመደው የቲቪ ፋይልን መጻፍ ይችላሉ. ነገር ግን እመኑኝ-ኢቫርሰየስቶችን ለማጠናቀር በቂ ትምህርትን ለመማር ትንሽ ጊዜ ኢንቨስት በማድረግ. ስካን በፍጥነት ይመለሳል.

የ ZurB ፋውንዴሽን ከመጠቀምዎ በፊት

የ Zurb ፋውንዴሽን በጣም ጥሩ ነው, ነገር ግን ከዱድፓል ጋር የተዋሃደው ብቸኛው የቅድመ-ውድር መዋቅር አይደለም. አንተም የዱፕሊፕ ጭብጥ (ፐሮፓል) ጭብጨብ የሚጀምረው የ Bootstrap ን መመርመር ትፈልግ ይሆናል. ለአሁን, እኔ የ Zurb ፋውንዴሽን እየተጠቀምኩ ነው, ግን ያኔ ምርምር ከ Bootstrap ይልቅ ብጁ ለማድረግ ቀላል እንደሆነ አመልክቷል.

እንዲሁም, የ Joyride ክፍል በጣም ቆንጆ ነው.

እና ZURB Foundation, Bootstrap, ወይም ሌላ ማዕቀፍ ይሁኑ ይሂዱ, እነዚህን ጥቆማዎች ከዱድፓል ጋር ማዋቀርዎን ያረጋግጡ.