Twitter బూట్స్ట్రాప్ ఉంది ముందు, ZURB ఫౌండేషన్ ఉంది, మరియు మీరు కొన్ని మంచి స్థాన CSS తరగతులు తో అందంగా బటన్లు, బ్లాక్ గ్రిడ్ల, ప్రోగ్రెస్ బార్, ధర పట్టికలు మరియు మరింత జోడించడానికి అనుమతిస్తుంది ఒక ఫ్రేమ్, ఉంది. Drupal కోసం ZURB ఫౌండేషన్ థీమ్ తో, మీరు ప్రమాదకరమైన సులభంగా మీ Drupal సైట్ అన్ని ఈ బ్లింగ్ పోనిమ్ము చేయవచ్చు.
ZURB ఫౌండేషన్ ముసాయిదా అంటే ఏమిటి?
ZURB ఫౌండేషన్ ఫ్రేమ్వర్క్ CSS మరియు జావాస్క్రిప్ట్ కోడ్ యొక్క సేకరణ. బహుశా మీరు మీ వెబ్ సైట్ లో కావాల్సిన అంశాల సమూహం కోసం. ఈ పైన పేర్కొన్న బటన్లు కానీ కొన్ని నిజంగా అద్భుతమైన బాధ్యతాయుతంగా శక్తి వంటి మాత్రమే క్లిక్ చేయగల కన్ను మిఠాయి కలిగి.
మీరు ప్రత్యేక CSS తరగతులను జోడించడం ద్వారా ఈ ఫీచర్ లను ఎక్కువగా ఉపయోగిస్తారు. ఉదాహరణకి:
ఇక్కడ ఒక .
మరియు ఇక్కడ ఒక చిన్న బటన్.
ZURB ఫౌండేషన్ ఫ్రేమ్వర్క్ పూర్తిగా Drupal నుండి వేరుగా ఉంటుంది. ప్రజలు WordPress, జూమ్ల, మరియు స్టాటిక్ HTML సైట్లు దానిని ఉపయోగించవచ్చు.
ZURB ఫౌండేషన్ Drupal థీమ్ అంటే ఏమిటి?
ది డ్రూపాల్ ZURB ఫౌండేషన్ థీమ్ మీరు కేవలం ఒక థీమ్ (మరియు డాక్యుమెంటేషన్ చదవడం మరియు కోర్సు యొక్క కొన్ని అదనపు దశలను, తీసుకొని) డౌన్లోడ్ మరియు ఎనేబుల్ ద్వారా అన్ని ఈ ZURBish శక్తి వదులుతానని అనుమతిస్తుంది.
ఉదాహరణకు, ZURB ఫౌండేషన్ j క్వెరీ జావాస్క్రిప్ట్ లైబ్రరీపై ఆధారపడుతుంది, కాబట్టి మీరు బహుశా j క్వెరీ అప్డేట్ను ఇన్స్టాల్ చేసుకోవాలి. మీరు ఏవైనా ఇతర గుణకాలు ఉపయోగిస్తున్నారో లేదో తనిఖీ చేయండి. మీరు j క్వెరీ యొక్క క్రొత్త వెర్షన్ను ఉపయోగిస్తే, ఈ గుణకాలు పనిచేయకపోవచ్చు.
కూడా, మీరు బహుశా మీ స్వంత కస్టమ్ థీమ్ కోసం ఒక థీమ్ కోసం ఈ థీమ్ ఉపయోగించడానికి కావలసిన చేస్తాము. ZURB ఫౌండేషన్ నిజంగా ప్రకాశిస్తుంది పేరు అనుకూలీకరణ ఉంది.
మీరు Drupal లో ZURB ఫౌండేషన్ ఉపయోగించండి ఈ థీమ్ అవసరం?
మీరు చేయరు అవసరం ఈ థీమ్ ZURB ఫౌండేషన్ ఫ్రేమ్వర్క్ను ఉపయోగించుకుంటుంది. దాని సరళమైన వద్ద, ఈ థీమ్ మీ సైట్కు ZURB ఫౌండేషన్ CSS మరియు జావాస్క్రిప్ట్ను జోడిస్తుంది, మరియు మీరు మానవీయంగా దీన్ని చేయవచ్చు.
కానీ ఈ థీమ్ సులభం చేస్తుంది, మరియు అది కూడా Drupal తో కొన్ని మరింత అనుసంధానం కలిగి.
ప్లస్, మీరు మరింత అనుసంధానం కోసం చిన్న అదనపు గుణకాలు జోడించవచ్చు. ఉదాహరణకు, ZURB ఆర్బిట్ మాడ్యూల్ మీరు చిత్రం ఫీల్డ్లతో ఒక కక్ష్య స్లైడ్ను నిర్మించటానికి అనుమతిస్తుంది. ZURB క్లియరింగ్ మాడ్యూల్ మీరు మీడియా చిత్రాలతో ప్రతిస్పందించే లైట్బాక్స్ని సృష్టించడానికి అనుమతిస్తుంది.
గమనిక: నేను ఇంకా చిన్న చిన్న గుణకాలు ఉపయోగించలేదు, అందుచే అవి ప్రమాదకరమైనవి. ఈ రచన ప్రకారం, ZURB క్లియరింగ్ అవసరం
మీడియా-2.x-dev, మీరు ప్రస్తుతం మీడియా 1.x ను ఉపయోగిస్తుంటే ప్రమాదకరమైన నవీకరణ కావచ్చు. మరియు మాడ్యూల్ యొక్క అభివృద్ధి సంస్కరణకు ఒక అవసరాన్ని ఎల్లప్పుడూ ఒక విరామం ఇవ్వాలి. ఇప్పటికీ, ఈ మరియు ఇతర ZURB గుణకాలు విలువైనవిగా ఉంటాయి.
ZURB ఫౌండేషన్ ఏ సంస్కరణను ఉపయోగించాలో ఎంచుకోండి
మీరు ZURB ఫౌండేషన్ థీమ్ను డౌన్లోడ్ చేసే ముందు, మీరు ఉపయోగించాల్సిన సంస్కరణను తనిఖీ చేయండి. ZURB ఫౌండేషన్ ఫ్రేమ్వర్క్ యొక్క వేర్వేరు ప్రధాన వెర్షన్లు ఉన్నాయి, అంతేకాకుండా ప్రధాన సంస్కరణ సంఖ్య ఇది పనిచేసే ముసాయిదాతో సరిపోతుంది. సో, ది
7.x-3.x ఫౌండేషన్ తో థీమ్ పని వెర్షన్లు 3, ది
7.x-4.x ఫౌండేషన్తో వెర్షన్లు పని చేస్తాయి 4, ఇంకా
7.x-5.x ఫౌండేషన్తో వెర్షన్లు పని చేస్తాయి 5.
ఈ రచన ప్రకారం, థీమ్ యొక్క తాజా స్థిరమైన వెర్షన్ 7.x-4.x, ఇది ఫౌండేషన్ 4 తో పని చేస్తుంది. 7.x-5.x వెర్షన్ ఇప్పటికీ అభివృద్ధిలో ఉంది. కాబట్టి, ఫౌండేషన్ ఫ్రేమ్వర్క్ వెబ్సైట్ మీరు ఫౌండేషన్ 5 ను ఉపయోగిస్తున్నట్లు భావించినప్పటికీ, ఇప్పుడు మీరు ఇప్పుడు ఫౌండేషన్ 4 తో కలపాలని కోరుకోవచ్చు.
కూడా ఫౌండేషన్ 5 ప్రత్యేక అవసరాలు, ముఖ్యంగా j క్వెరీ గమనించండి
1.10. ఫౌండేషన్ 4 మాత్రమే j క్వెరీ అవసరం
1.7+.
ఆన్లైన్ డాక్యుమెంటేషన్ చదివేటప్పుడు మీరు ఉపయోగించే ఫౌండేషన్ యొక్క ఏ వెర్షన్ గురించి తెలుసుకోండి. ఫ్రేమ్ యొక్క తాజా సంస్కరణను మీరు ఉపయోగించకుంటే ఇది చాలా నిజం. ఇది ఫౌండేషన్ 5 అని చెప్పటానికి డాక్స్ను చదివేటప్పుడు మందకొడిగా తేలికగా ఉంటుంది, అప్పుడు మీ ఫౌండేషన్ 4 సైట్లో క్రొత్త ఫీచర్ పని చేయకపోతే నిరుత్సాహపడండి.
ఉదాహరణకు, ఫౌండేషన్ 5 మొత్తం సెట్ను కలిగి ఉంటుంది
మీడియం మధ్య తరహా తెరలకు తరగతులు. ఫౌండేషన్ 4 లో, మీరు అదనపు చర్యలు తీసుకోకపోతే, ఇవి రహస్యంగా విఫలమవుతాయి.
సాస్, కంపాస్, మరియు "_variables.scss" ఉపయోగించండి!
మీరు అన్ని ఈ థీమ్ కోసం CSS సర్దుబాటు చేయబోతున్నామని ఉంటే, మీరు నిర్ధారించుకోండి:
- ZURB ఫౌండేషన్ థీమ్ను మీ స్వంత కస్టమ్ ఉప థీమ్ కోసం ఒక ప్రాథమిక థీమ్గా ఉపయోగించండి
- ఉపయోగించి ఈ ఉప థీమ్ సృష్టించండి
Drush థీమ్ అందించిన కమాండ్. ఇలా:
drush fst your_theme_name
- విలక్షణముగా అద్భుతమైన చూడు
_variables.scss ఫైలు
ది
_variables.scss ఫైల్ స్వయంచాలకంగా సృష్టించబడుతుంది
డ్రష్ fst. ఈ సింగిల్ ఫైల్ దాదాపుగా వేరియబుల్స్ని కలిగి ఉంది ఏదైనా మీరు మీ థీమ్ CSS లో సర్దుబాటు చేయవచ్చు. ఇది అద్భుతం! ఒకే స్థలంలో, మీరు డిఫాల్ట్ ఫాంట్ నుండి స్క్రీన్ వెడల్పు వరకు బ్రెడ్లో సరిహద్దు వరకు అంతా సెట్ చేయవచ్చు.
అయితే, మీరు ఎల్లప్పుడూ అదనపు ఫైల్లను కూడా అమర్చవచ్చు. కానీ
_variables.scss ప్రారంభించడానికి ఒక అద్భుతమైన ప్రదేశం.
ఫైల్ పొడిగింపును గమనించండి:
ఎస్సిఎస్ఎస్, కాదు
css. ఉపయోగించడానికి
_variables.scss, మీరు సాస్ (CSS ఎక్స్టెన్షన్ లాంగ్వేజ్) మరియు కంపాస్ (సాస్తో నిర్మించిన ఫ్రేమ్) ను సెటప్ చేయాలి. మీరు అమలు చేసినప్పుడు
దిక్సూచి కంపైల్, మీ
ఎస్సిఎస్ఎస్ ఫైళ్లు ప్రత్యేక ఫైళ్లు లో సుందరమైన CSS మారుతుందని. (నేను ఇష్టపడతాను
కంపాస్ వాచ్ - మీరు సర్దుబాటు వంటి ఈ నడుస్తున్న మరియు CSS నవీకరించుటకు ఉంచుతుంది
ఎస్సిఎస్ఎస్ ఫైళ్లు.)
మీరు నిజంగా, నిజంగా సాస్ తో ఇబ్బంది వద్దు, మీరు సాధారణ గా CSS ఫైళ్లు రాయడం మరియు మీ థీమ్ యొక్క వాటిని జాబితా చేయవచ్చు
.INFO దాఖలు. కానీ నన్ను నమ్మండి - సంకలనం చేయడానికి తగినంతగా తెలుసుకోవడానికి చిన్న సమయం పెట్టుబడి
_variables.scss దాదాపు వెనువెంటనే తిరిగి చెల్లించబడుతుంది.
మీరు ZURB ఫౌండేషన్ను ఉపయోగించే ముందు
ZURB ఫౌండేషన్ చాలా బాగుంది, కానీ ఇది Drupal తో కలపబడిన ఏకైక ఫ్రంట్ ఎండ్ ఫ్రేమ్ కాదు. బూట్స్ట్రాప్, మీరు కూడా ఒక Drupal థీమ్ కలిగి ఇదే ఫ్రేమ్ పరిగణలోకి అనుకోవచ్చు. ప్రస్తుతానికి, నేను ZURB ఫౌండేషన్ను ఉపయోగించుకుంటాను, అయితే నా పరిశోధన ఇది బూట్స్ట్రాప్ కంటే అనుకూలీకరించడానికి సులభంగా అని సూచించింది.
అంతేకాక, జాయ్రేడ్ భాగం అందంగా తీపి ఉంది.
మరియు మీరు ZURB ఫౌండేషన్, బూట్స్ట్రాప్, లేదా కొన్ని ఇతర ఫ్రేమ్వర్క్ను ఉపయోగిస్తున్నారా, ఈ చిట్కాలను పొందడం కోసం Drupal ని ఉపయోగించుకోండి.
