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

ஒரு Drupal தீம் உள்ள ZURB அறக்கட்டளை கட்டமைப்பின் பவர் கிடைக்கும்

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

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

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

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

இங்கே button .

இங்கே சிறிய பொத்தானை

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

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

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

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

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

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

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

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

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

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

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

நீங்கள் ZURB அறக்கட்டளை தீம் பதிவிறக்கப்படுவதற்கு முன்பு, நீங்கள் எந்த பதிப்பு பயன்படுத்த வேண்டும் என்பதை சரிபார்க்கவும். ZURB அறக்கட்டளை கட்டமைப்பின் வெவ்வேறு முக்கிய பதிப்புகள் உள்ளன, மேலும் முக்கிய பதிப்பிற்கான தீம் இது வேலை செய்யும் வடிவமைப்பிற்கு ஒத்துள்ளது. எனவே, அறக்கட்டளை 3 , 7.x- 4 .x பதிப்புகள் கொண்ட தீம் வேலை 7.x- 3. X பதிப்புகள் அறக்கட்டளை 4 , மற்றும் 7.x- 5. X பதிப்புகள் அறக்கட்டளை 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 மற்றும் & # 34; _variables.scss & # 34;

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

• உங்கள் சொந்த தனிபயன் துணை தீம் ஒரு அடிப்படை தீம் என ZURB அறக்கட்டளை தீம் பயன்படுத்த
• தீம் வழங்கிய துளசி கட்டளையைப் பயன்படுத்தி இந்த துணைமூலை உருவாக்கவும். இந்த மாதிரி: drush fst your_theme_name
• நிதானமாக சிறந்த _variables.scss கோப்பை கவனியுங்கள்

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

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

கோப்பு நீட்டிப்பை கவனிக்கவும்: scss, CSS இல் இல்லை. _variables.scss ஐ பயன்படுத்த, நீங்கள் SASS (CSS விரிவாக்க மொழி) மற்றும் காம்பஸ் (SASS உடன் கட்டப்பட்ட கட்டமைப்பு) அமைக்க வேண்டும். நீங்கள் திசைகாட்டி தொகுக்கும் போது, ​​உங்கள் ஸ்க்ஸ் கோப்புகள் தனித்துவமான கோப்பில் அழகான CSS மாறும். (நான் திசைகாட்டி கடிகாரத்தை விரும்புகிறேன் - இந்த ஸ்க்ஸ்ஸைக் கோப்புகளை மாற்றங்களைச் செய்வதால் CSS ஐ இயங்கும் மற்றும் மேம்படுத்தும்.)

நீங்கள் உண்மையில், உண்மையில் SASS உடன் தொந்தரவு செய்ய விரும்பவில்லை என்றால், நீங்கள் வழக்கம் போல் CSS கோப்புகளை எழுத உங்கள் தீம் இன். INFO கோப்பு அவற்றை பட்டியலிட முடியும். ஆனால் என்னை நம்புங்கள் - _variables.scss தொகுக்க போதுமானவற்றை அறிந்து கொள்வதற்கு சிறிய நேர முதலீடு கிட்டத்தட்ட உடனடியாக திரும்ப செலுத்தப்படும்.

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

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

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

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