Drupal க்கான ZURB அறக்கட்டளை தீம் பயன்படுத்தி

ட்விட்டர் பூட்ஸ்டைன் முன், ZURB அறக்கட்டளை, நீங்கள் ஒரு அழகான அமைப்பாக பொத்தான்கள், தொகுதி கட்டங்கள், முன்னேற்றம் பார்கள், விலை அட்டவணைகள் மற்றும் ஒரு சில நல்ல இடத்தில் CSS வகுப்புகள் அதிக சேர்க்க முடியும் என்று ஒரு கட்டமைப்பை இருந்தது. Drupal க்கான ZURB அறக்கட்டளை தீம் மூலம், நீங்கள் அபாயகரமான எளிதாக உங்கள் Drupal தளத்தில் இந்த bling கட்டவிழ்த்துவிட முடியும்.

ZURB அறக்கட்டளை கட்டமைப்பு என்றால் என்ன?

ZURB அறக்கட்டளை கட்டமைப்பை CSS மற்றும் ஜாவாஸ்கிரிப்ட் குறியீட்டின் தொகுப்பு ஆகும், அது உங்கள் வலைத்தளத்திற்கு நீங்கள் விரும்பும் விஷயங்களைக் கொடுப்பதற்காக. இந்த மேற்கூறிய பொத்தான்கள் போன்ற கிளிக் மட்டும் கண் மிட்டாய் அடங்கும் ஆனால் சில உண்மையான ஆச்சரியமாக பதிலளிக்க சக்தி.

இந்த அம்சங்களை நீங்கள் சிறப்பு CSS வகுப்புகளை சேர்ப்பதன் மூலம் பயன்படுத்துவீர்கள். உதாரணமாக:

இங்கே ஒரு உள்ளது பொத்தானை.

இங்கே ஒரு உள்ளது சிறிய பொத்தானை அழுத்தவும்.

ZURB அறக்கட்டளை கட்டமைப்பானது Drupal இலிருந்து முற்றிலும் வேறுபட்டது. மக்கள் அதை வேர்ட்பிரஸ், ஜூம்லா, மற்றும் கூட நிலையான HTML தளங்களில் பயன்படுத்த.

ZURB அறக்கட்டளை Drupal தீம் என்றால் என்ன?

ட்ரூபல் ஸுர்பி அறக்கட்டளை தீம் நீங்கள் ஒரு தீம் (மற்றும் ஆவணங்களை படித்து ஒரு சில கூடுதல் படிநிலைகளை எடுத்து, நிச்சயமாக) பதிவிறக்க மற்றும் செயல்படுத்த மூலம் இந்த ZURBish சக்தி கட்டவிழ்த்து அனுமதிக்கிறது.

உதாரணமாக, ZURB அறக்கட்டளை jQuery Javascript நூலகம் நம்பியுள்ளது, எனவே நீங்கள் ஒருவேளை jQuery புதுப்பிக்க நிறுவ வேண்டும். நீங்கள் jQuery இல் தங்கியிருக்கும் வேறு எந்த மாதிரியைப் பயன்படுத்துகிறீர்களா என்பதை சரிபார்க்கவும். நீங்கள் jQuery இன் புதிய பதிப்பைப் பயன்படுத்தினால், இந்த தொகுதிகள் வேலை செய்யலாம்.

மேலும், நீங்கள் உங்கள் சொந்த தனிபயன் தீம் ஒரு அடிப்படை தீம் இந்த தீம் பயன்படுத்த வேண்டும். ZURB அறக்கட்டளை உண்மையில் ஜொலிக்கின்றதா என்பது தனிப்பயனாக்கம் ஆகும்.

நீங்கள் Drupal இல் ZURB அறக்கட்டளை பயன்படுத்த இந்த தீம் தேவையா?

நீங்கள் இல்லை தேவை இந்த தீம் ZURB அறக்கட்டளை கட்டமைப்பைப் பயன்படுத்துகிறது. அதன் எளிய, இந்த தீம் உங்கள் தளத்தில் ZURB அறக்கட்டளை CSS மற்றும் ஜாவாஸ்கிரிப்ட் சேர்க்கிறது, நீங்கள் கைமுறையாக செய்ய முடியும்.

ஆனால் இந்த தீம் எளிதாக செய்கிறது, மற்றும் அது Drupal சில கூடுதல் ஒருங்கிணைப்பு அடங்கும்.

பிளஸ், நீங்கள் மேலும் ஒருங்கிணைப்பு சிறிய கூடுதல் தொகுதிகள் சேர்க்க முடியும். உதாரணமாக, ZURB ஆர்பிட் தொகுதி நீங்கள் படத்தை துறைகள் ஒரு சுற்றுப்பாதையில் ஸ்லைடுஷோ உருவாக்க உதவுகிறது. ZURB க்ளியரிங் தொகுதி நீங்கள் ஊடக படங்களை பதிலளிக்க லைட்பாக்ஸில் உருவாக்க உதவுகிறது.

குறிப்பு: நான் இன்னும் சிறிய தொகுதிகள் என்னைப் பயன்படுத்தவில்லை, அதனால் அவை ஆபத்தினால் நிரம்பியிருக்கலாம். இந்த எழுத்தாளரின் படி, ZURB க்ளியரிங் தேவைப்படுகிறது

மீடியா-2.x-தேவ், இது தற்போது நீங்கள் ஊடக 1.x பயன்படுத்துகிறீர்களானால் அபாயகரமான மேம்படுத்தலாம். ஒரு மாதிரியின் வளர்ச்சி பதிப்பின் தேவை எப்போதும் ஒரு இடைநிறுத்தத்தை அளிக்க வேண்டும். இன்னும், இந்த மற்றும் பிற ZURB தொகுதிகள் பார்க்க மதிப்புள்ள.

ZURB அறக்கட்டளை எந்த பதிப்பு பயன்படுத்த வேண்டும் என்பதை தேர்வு செய்யவும்

நீங்கள் ZURB அறக்கட்டளை தீம் பதிவிறக்கப்படுவதற்கு முன்பு, நீங்கள் எந்த பதிப்பு பயன்படுத்த வேண்டும் என்பதை சரிபார்க்கவும். ZURB அறக்கட்டளை கட்டமைப்பின் வெவ்வேறு முக்கிய பதிப்புகள் உள்ளன, மேலும் முக்கிய பதிப்பிற்கான தீம் இது வேலை செய்யும் வடிவமைப்பிற்கு ஒத்துள்ளது. அதனால்

7.x-3.எக்ஸ் அறக்கட்டளை மூலம் தீம் வேலை பதிப்புகள் 3, தி

7.x-4.எக்ஸ் பதிப்புகள் பணிபுரியும் 4, மற்றும் இந்த

7.x-5.எக்ஸ் பதிப்புகள் பணிபுரியும் 5.

இதனைப் பொறுத்தவரை, தீம் இன் சமீபத்திய நிலையான பதிப்பு 7.x-4.x ஆகும், இது அறக்கட்டளை 4 உடன் வேலை செய்கிறது. 7.x-5.x பதிப்பு இன்னும் வளர்ச்சிக்கு வருகிறது. எனவே, ஃபவுண்டேஷன் கட்டமைப்பின் வலைத்தளம் நீங்கள் ஃபவுண்டேஷன் 5 ஐப் பயன்படுத்துவதாக கருதுகிறபோதிலும், நீங்கள் இப்போது அறக்கட்டளை 4 உடன் இணைந்திருக்க வேண்டும்.

மேலும் அறக்கட்டளை 5 கூடுதல் தேவைகள், குறிப்பாக jQuery உள்ளது என்பதை கவனத்தில் கொள்க

1.10. அறக்கட்டளை 4 மட்டும் jQuery தேவைப்படுகிறது

1.7+.

நீங்கள் ஆன்லைன் ஆவணத்தை படிக்கும்போது நீங்கள் பயன்படுத்தும் அறக்கட்டளையின் எந்த பதிப்பு பற்றி அறிந்து கொள்ளுங்கள். நீங்கள் கட்டமைப்பின் சமீபத்திய பதிப்பைப் பயன்படுத்தாவிட்டால் இது குறிப்பாக உண்மை. ஒரு அறக்கட்டளை 4 தளத்தில் வேலை செய்யாதபோது, ​​ஃபவுண்டேஷன் 5 என்று சொல்லுவதற்கு டாக்ஸைப் படிப்பதில் எளிதில் சுலபமாகிவிடும்.

உதாரணமாக, அறக்கட்டளை 5 முழு தொகுப்பை உள்ளடக்கியது

நடுத்தர நடுத்தர திரைகளில் வகுப்புகள். அறக்கட்டளை 4 இல், நீங்கள் கூடுதல் நடவடிக்கைகளை எடுக்காவிட்டால், இவை மர்மமாக தோல்வியடையும்.

SASS, Compass மற்றும் "_variables.scss" ஐப் பயன்படுத்துக!

நீங்கள் இந்த தீம் CSS மாற்றங்களை போகிறீர்கள் என்றால், நீங்கள் உறுதி:

• உங்கள் சொந்த தனிபயன் துணை தீம் ஒரு அடிப்படை தீம் என ZURB அறக்கட்டளை தீம் பயன்படுத்த
• பயன்படுத்தி இந்த துணை தீம் உருவாக்கவும்

  drush தீம் வழங்கிய கட்டளை. இது போன்ற:

  drush fst your_theme_name

• நிதானமாக நல்லது

  _variables.scss கோப்பு

தி

_variables.scss கோப்பு தானாகவே உருவாக்கப்பட்டது

வலுவூட்டல் fst. இந்த ஒற்றை கோப்பில் கிட்டத்தட்ட மாறிகள் உள்ளன எதையும் நீங்கள் உங்கள் தீம் CSS இல் மாற்றங்களை செய்ய வேண்டும். அது ஆச்சரியமாக இருக்கிறது! அனைத்து இடங்களிலும், நீங்கள் இயல்புநிலை எழுத்துருவிலிருந்து திரை அகலம் வரை பிரட்தூள்களில் உள்ள எல்லையில் அமைக்கலாம்.

நிச்சயமாக, நீங்கள் எப்போதும் கூடுதல் கோப்புகளை அமைக்க முடியும். ஆனால்

_variables.scss தொடங்க ஒரு அற்புதமான இடம்.

கோப்பு நீட்டிப்பை கவனிக்கவும்:

SCSS, இல்லை

CSS. உபயோகிக்க

_variables.scss, நீங்கள் SASS (ஒரு CSS நீட்டிப்பு மொழி) மற்றும் காம்பஸ் (SASS கட்டப்பட்ட ஒரு கட்டமைப்பை) அமைக்க வேண்டும். நீங்கள் இயங்கும் போது

திசைகாட்டி தொகுக்கலாம், உங்கள்

SCSS கோப்புகளை தனி கோப்புகளில் அழகான CSS மாறும். (நான் விரும்புகிறேன்

திசைகாட்டி கடிகாரம் - நீங்கள் மாற்றங்களை நீங்கள் CSS மாற்றும் மற்றும் மேம்படுத்தும் வைத்திருக்கிறது

SCSS கோப்புகளை.)

நீங்கள் உண்மையில், உண்மையில் SASS கொண்டு கவலைப்பட வேண்டாம், நீங்கள் வழக்கம் போல் CSS கோப்புகளை எழுத உங்கள் தீம் அவற்றை பட்டியலிட முடியும்

.info கோப்பு. ஆனால் என்னை நம்புங்கள் - சிறிய நேர முதலீடு தொகுக்க போதுமானவற்றை கற்றுக்கொள்ள

_variables.scss கிட்டத்தட்ட உடனடியாக பணம் செலுத்தப்படும்.

நீங்கள் ZURB அறக்கட்டளை பயன்படுத்துவதற்கு முன்

ZURB அறக்கட்டளை மிக சிறந்தது, ஆனால் அது Drupal உடன் ஒருங்கிணைக்கப்பட்ட ஒரே முன்-இறுதி கட்டமைப்பாக இல்லை. நீங்கள் ஒரு Drupal தீம் கொண்ட பூட்ஸ்டார்ப், இதே போன்ற கட்டமைப்பை கருத்தில் கொள்ள வேண்டும். இப்போது, ​​நான் ZURB அறக்கட்டளை என்னை பயன்படுத்துகிறேன், ஆனால் என் ஆராய்ச்சி இது பூட்ஸ்டார்ப் விட தனிப்பயனாக்க எளிதாக என்று சுட்டிக்காட்டினார் ஏனெனில் அது தான்.

மேலும், Joyride கூறு அழகாக இனிப்பு உள்ளது.

நீங்கள் ZURB அறக்கட்டளை, பூட்ஸ்டார்ப் அல்லது வேறு சில கட்டமைப்பைப் பயன்படுத்துகிறீர்களோ, இந்த உதவிக்குறிப்புகளை Drupal உடன் பயன்படுத்துவது உறுதி.