ZURB පදනම Drupal සඳහා භාවිතා කිරීම

Drupal තේමාව තුල ZURB පදනම් රාමුව බලය ලබා ගන්න

ට්විටර් බූට් ස්ටාප් වීමට පෙර, සුන්බුන් බොත්තම් එකතු කිරීම, ග්රාහකයන්, ප්රගතිශාන්, මිල ගණන් වගු සහ වඩා හොඳ CSS පංති කීපයක් සමඟ ඔබට එකතු කිරීමට ඉඩ දෙන ZURB පදනම විය. Drupal සඳහා ZURB පදනමේ තේමාව සමඟ, ඔබගේ Drupal වෙබ් අඩවියේ මෙම bling සියල්ලම මාරාන්තික ලිහිල් කිරීමකින් මුදා හැරිය හැකිය.

ZURB පදනම රාමුව කුමක්ද?

ZURB පදනම රාමුව යනු ඔබට ඔබේ වෙබ් අඩවියේ බොහෝ විට අවශ්ය වන පොකුරක් සඳහා CSS සහ ජාවා ස්ක්රිප්ට් එකකි. ඉහත සඳහන් බොත්තම් මෙන් ම පෙනෙන ඇල කැන්ඩි පමණක් නොව, සැබවින්ම පුදුම ප්රතිචාරාත්මක බලයක්ද ඇතුළත් වේ.

විශේෂිත CSS පංතීන් එකතු කිරීමෙන් මෙම විශේෂාංග බොහෝමයක් භාවිතා කරයි. උදාහරණයක් වශයෙන්:

මෙන්න > බොත්තම .

ZURB පදනමේ රාමුව Drupal වලින් සම්පූර්ණයෙන්ම වෙන් වී ඇත. මිනිසුන් වර්ඩ්ප්රෙස්, ජුම්ලා සහ ස්ථිතික HTML අඩවි භාවිතා කරයි.

ZURB පදනම Drupal තේමාව යනු කුමක්ද?

මෙම Drupal ZURB පදනමේ තේමාව ඔබට මෙම ZURBish බලය මුදාහැරීමෙන් පමණක් තේමාවක් බාගැනීම සහ සවිබලගැන්වීමෙන් (සහ ප්රලේඛන කියවීම සහ ඇත්ත වශයෙන්ම අතිරේක පියවරයන් අනුගමනය කිරීම) මගින් ඔබට ඉඩ සලසයි.

නිදසුනක් ලෙස, ZURB පදනම jQuery ජාවා ස්ක්රිප්ට් එකේ පුස්තකාලය මත රඳා පවතී, එබැවින් ඔබ විසින් jQuery යාවත්කාලීන ස්ථාපනය කල යුතුව ඇත. ඔබ jQuery මත රඳා පවතින වෙනත් මොඩියුලයන් භාවිතා කරන්නේදැයි පරීක්ෂා කරන්න. ඔබ jQuery නව අනුවාදයක් භාවිතා කරන්නේ නම්, මෙම මොඩියුලයන් වැඩ කිරීම නවත්වනු ඇත.

එසේම, ඔබ ඔබේ තේමාව සඳහා තේමාවක් සඳහා මූලික තේමාවක් ලෙස මෙම තේමාව භාවිතා කිරීමට ඔබට සමහර විට ඔබට අවශ්ය වනු ඇත. සූචිගත කිරීම ZURB පදනම සැබවින්ම බබළයි.

ඔබ Drupal හි ZURB පදනම භාවිතා කිරීමට මෙම තේමාව අවශ්යද?

ZURB පදනම රාමුව භාවිතා කිරීමට මෙම තේමාව අවශ්ය නොවේ. එහි සරලම ලෙසින්, මෙම තේමාව ඔබේ වෙබ් අඩවිය වෙත ZURB Foundation CSS සහ ජාවා ස්ක්රිප්ට් එකතු කරයි, ඔබට එය අතින් කළ හැකි වනු ඇත.

නමුත් මෙම තේමාව එය පහසු කර ඇති අතර, එය Drupal සමඟ තවදුරටත් සංයුක්ත වේ.

Plus, තවදුරටත් ඒකාබද්ධ කිරීම සඳහා කුඩා අමතර මොඩියුල එකතු කළ හැකිය. නිදසුනක් ලෙස, ZURB Orbit මොඩියුලය ඔබට රූප ක්ෂේත්රයන් සමඟ Orbit Slideshow තැනීමට ඉඩ සලසයි. ZURB පිරිසිදු කිරීමේ මොඩියුලය මාධ්ය අනුරූප සමග ප්රතිචාරාත්මක ආලෝක සහිත පෙති නිර්මාණය කිරීමට ඉඩ සලසයි.

සටහන: මම තවමත් මෙම කුඩා මොඩියුල භාවිතා කර නැත, ඒ නිසා ඔවුන් ව්යසනයෙන් පිරී ඇත. මෙම ලියවිල්ලට අනුව, ZURB Clearing අවශ්ය වන්නේ Media-2.x-dev, දැනට ඔබ Media 1.x භාවිතා කරන්නේ නම් අනතුරුදායක උත්ශ්රේණාවක් විය හැකිය. මොඩියුලයක සංවර්ධන අනුවාදයක් සඳහා අවශ්යතාවක් සෑම විටම එක නැවතුමක් ලබාදිය යුතුය. කෙසේ වෙතත්, මෙම සහ වෙනත් ZURB මොඩියුලයන් දෙස බැලීම වටී.

ZURB පදනමට අනුව භාවිතා කරන්න

ZURB පදනමේ තේමාව බාගත කිරීමට පෙර ඔබ භාවිතා කළ යුතු අනුවාදය පරීක්ෂා කරන්න. ZURB පදනමේ රාමුවෙහි විවිධ ප්රධාන අනුවාදයන් තිබේ. තේමාව සඳහා ප්රධාන අනුවාද අංකය එය සමඟ ක්රියා කරන රාමුව අනුරූප වේ. එබැවින්, තේමාවෙහි 7.x- 3 .x සංස්කරණය පදනම් 3 , 7.x- 4 .x අනුවාදයන් පදනම් 4 සමග ක්රියා කරයි, සහ 7.x- 5 .x සංස්කරණයන් පදනම් 5 සමඟ වැඩ කරයි.

මෙම ලියවිල්ලට අනුව, නවතම තේමාවේ ස්ථාවර සංස්කරණය 7. 7.-4.x සමඟ ක්රියා කරයි. 7.x-5.x අනුවාදය තවමත් සංවර්ධනය වෙමින් පවතී. එබැවින්, පදනම් රාමුව වෙබ් අඩවියේ ඔබ පදනම් 5 භාවිතා කරනු ඇති බවට අනුමාන වුවද, දැන් ඔබට පදනම් 4 සමග රැඳී සිටීමට අවශ්ය විය හැකිය.

ෆවුන්ඩේෂන් 5 අතිරේක අවශ්යතා තිබිය යුතුය, විශේෂයෙන්ම jQuery 1.10. පදනම 4 සඳහා jQuery 1.7+ පමණ අවශ්යයි.

ඔබ අන්තර්ජාල මාර්ගෝපදේශනය කියවන විට ඔබ භාවිතා කරන පදනම කුමක්දැයි දැනගන්න. මෙම රාමුවේ අලුත්ම අනුවාදය භාවිතා නොකරන්නේ නම් මෙය විශේෂයෙන්ම සත්යයකි. ෆේස්බුක් 5 කියවීම සඳහා ලේඛන කියවීම තාවකාලිකව ලෙහෙසියෙන් පහසු වන අතර, නව අංගයක් ඔබේ පදනම් 4 වෙබ් අඩවියෙහි වැඩ නොකරන විට කලකිරීමට පත් වේ.

නිදසුනක් වශයෙන්, පදනම 5 මධ්යම ප්රමාණයේ තිර සඳහා මධ්යම ප්රමාණයේ පන්ති අඩංගු වේ. පදනම් අංක 4 හි දී, ඔබ අතිරේක පියවර ගන්නවා මිස, අභිරහස් ලෙස අසමත් වනු ඇත.

SASS, Compass සහ & # 34; _variables.scss & # 34; භාවිතා කරන්න!

ඔබ මෙම තේමාව සඳහා CSS ගවේෂණය කරන්නේ නම්, ඔබට:

• ZURB පදනමේ තේමාව ඔබේම custom subtheme සඳහා මූලික තේමාවක් ලෙස භාවිතා කරන්න
• මෙම උප තේමාව උත්පාදනය කරන තේමාව මඟින් සපයන ලද ඩ්රූෂ් විධානය භාවිතා කරන්න. මේ වගේ: drush fst your_theme_name
• විස්මයජනක _variables.scss ගොනුව බලන්න

_variables.scss ගොනුව ස්වයංක්රීයව නිර්මාණය කර ඇත. ඔබේ තනි තේමා පාඨය ඔබේ තේමාව CSS තුළට ගැලපෙන ඕනෑම දෙයක් සඳහා විචල්යයන් අඩංගු වේ. එය පුදුම සහගතයි! සෑම තැනකදීම, ඔබට සෑම විටම පෙරනිමි අකුරු සිට තිරය පළල දක්වාම පතුලේ සිට මායිම් දක්වාම සකසා ගත හැකිය.

ඇත්ත වශයෙන්ම, ඔබට සෑම විටම අතිරේක ගොනු සකස් කළ හැකිය. නමුත් _variables.scss ආරම්භ කිරීම සඳහා අලංකාර ස්ථානයකි.

ගොනු දිගුව සැලකිල්ලට ගන්න: scss, css නොවේ. _variables.scss භාවිතා කිරීම සඳහා, ඔබ විසින් SASS (CSS දිගු භාෂාව) සහ Compass (SASS සමඟ සාදන ලද රාමුවක්) සැකසිය යුතුය. ඔබ මාලිමා සංග්රහ කරන විට, ඔබගේ scss ගොනු වෙන වෙනම ගොනු වල සුන්දර CSS බවට හැරෙනු ඇත. (මා කැමතියි කොම්පැස් වොච් - මෙය ඔබ සීඑස්එස් ලියන විට එය ධාවනය සහ යාවත්කාලීන කරමින් පවතී.)

ඔබ ඇත්ත වශයෙන්ම නම්, සැබැවින්ම SASS සමග කරදර කිරීමට අවශ්ය නැත, ඔබට සුපුරුදු පරිදි CSS ගොනු ලිවිය හැකි අතර ඔබේ තේමාවේ .info ගොනුව තුල ඒවා ලැයිස්තුගත කරන්න. නමුත් මට විශ්වාස කරන්න - _variables.scss සම්පාදනය කිරීමට ප්රමාණවත් තරම් ඉගෙනීමට කුඩා ආයෝජනයක් ක්ෂණිකව ආපසු ගෙවනු ඇත.

ඔබ ZURB පදනම භාවිතා කිරීමට පෙර

ZURB පදනම ඉතාම විශිෂ්ටයි. නමුත් එය Drupal සමඟ ඒකාබද්ධ වී ඇති එකම පෙරමුනු රාමුව නොවේ. ඔබ විසින් Drupal තේමාව ඇති සමාන රාමුවක්ද Bootstrap සලකා බැලීමට අවශ්ය විය හැකිය. දැන්, මම ZURB පදනම භාවිතා කරමි, නමුත් එය මාගේ Bootstrap වලට වඩා වෙනස් කිරීමට පහසු බව මගේ පර්යේෂණවලින් පෙන්නුම් කළ නිසාය.

ඒ වගේම ජෝරයිඩ් සංරචක ඉතා මිහිරි.

ඔබ ZURB පදනම, Bootstrap හෝ වෙනත් රාමුවක් භාවිතා කරන්නේද යන්නත්, Drupal සමඟ රාමුවක් භාවිතා කරමින් මෙම උපදෙස් ලබා ගැනීමට වග බලා ගන්න.