Drupal కోసం ZURB ఫౌండేషన్ థీమ్ ఉపయోగించి

ఒక Drupal థీమ్ లో ZURB ఫౌండేషన్ ముసాయిదా పవర్ పొందండి

Twitter బూట్స్ట్రాప్ ఉంది ముందు, ZURB ఫౌండేషన్ ఉంది, మరియు మీరు కొన్ని మంచి స్థాన CSS తరగతులు తో అందంగా బటన్లు, బ్లాక్ గ్రిడ్ల, ప్రోగ్రెస్ బార్, ధర పట్టికలు మరియు మరింత జోడించడానికి అనుమతిస్తుంది ఒక ఫ్రేమ్, ఉంది. Drupal కోసం ZURB ఫౌండేషన్ థీమ్ తో, మీరు ప్రమాదకరమైన సులభంగా మీ Drupal సైట్ అన్ని ఈ బ్లింగ్ పోనిమ్ము చేయవచ్చు.

ZURB ఫౌండేషన్ ముసాయిదా అంటే ఏమిటి?

ZURB ఫౌండేషన్ ఫ్రేమ్వర్క్ CSS మరియు జావాస్క్రిప్ట్ కోడ్ యొక్క సేకరణ. బహుశా మీరు మీ వెబ్ సైట్ లో కావాల్సిన అంశాల సమూహం కోసం. ఈ పైన పేర్కొన్న బటన్లు కానీ కొన్ని నిజంగా అద్భుతమైన బాధ్యతాయుతంగా శక్తి వంటి మాత్రమే క్లిక్ చేయగల కన్ను మిఠాయి కలిగి.

మీరు ప్రత్యేక CSS తరగతులను జోడించడం ద్వారా ఈ ఫీచర్ లను ఎక్కువగా ఉపయోగిస్తారు. ఉదాహరణకి:

ఇక్కడ బటన్ .

ఇక్కడ చిన్న బటన్ .

ZURB ఫౌండేషన్ ఫ్రేమ్వర్క్ పూర్తిగా Drupal నుండి వేరుగా ఉంటుంది. ప్రజలు WordPress, జూమ్ల, మరియు కూడా స్టాటిక్ HTML సైట్లు దానిని ఉపయోగించండి.

ZURB ఫౌండేషన్ Drupal థీమ్ అంటే ఏమిటి?

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 ఫౌండేషన్ ఫ్రేమ్వర్క్ యొక్క వేర్వేరు ప్రధాన వెర్షన్లు ఉన్నాయి, అంతేకాకుండా ప్రధాన సంస్కరణ సంఖ్య ఇది పనిచేసే ముసాయిదాతో సరిపోతుంది. కాబట్టి, ఫౌండేషన్ 3 , 7.x- 4 .x సంస్కరణలు ఫౌండేషన్ 4 మరియు 7.x- 5 తో పని చేస్తాయి 7.x- 3 .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 లో, మీరు అదనపు చర్యలు తీసుకోకపోతే, ఇవి రహస్యంగా విఫలమవుతాయి.

సాస్, కంపాస్, మరియు & # 34; _variables.scss & # 34;

మీరు అన్ని ఈ థీమ్ కోసం CSS సర్దుబాటు చేయబోతున్నామని ఉంటే, మీరు నిర్ధారించుకోండి:

• ZURB ఫౌండేషన్ థీమ్ను మీ స్వంత కస్టమ్ ఉప థీమ్ కోసం ఒక ప్రాథమిక థీమ్గా ఉపయోగించండి
• థీమ్ అందించిన డ్రష్ కమాండ్ ఉపయోగించి ఈ ఉప థీమ్ సృష్టించండి. ఇలాంటిది: drush fst your_theme_name
• విరామంగా అద్భుతమైన _variables.scss ఫైల్ను పరిశీలించండి

_variables.scss ఫైలు స్వయంచాలకంగా డ్రాష్ fst ద్వారా సృష్టించబడుతుంది. ఈ సింగిల్ ఫైల్ మీరు మీ థీమ్ CSS లో సర్దుబాటు అనుకుంటున్నారా ఉండవచ్చు ఏదైనా కోసం వేరియబుల్స్ కలిగి. ఇది అద్భుతం! ఒకే స్థలంలో, మీరు డిఫాల్ట్ ఫాంట్ నుండి స్క్రీన్ వెడల్పు వరకు బ్రెడ్లో సరిహద్దు వరకు అంతా సెట్ చేయవచ్చు.

అయితే, మీరు ఎల్లప్పుడూ అదనపు ఫైల్లను కూడా అమర్చవచ్చు. కానీ _variables.scss ప్రారంభించడానికి ఒక అద్భుతమైన ప్రదేశం.

ఫైలు పొడిగింపు గమనించండి: scss, CSS కాదు. _variables.scss ను ఉపయోగించటానికి, మీరు సాస్ (CSS ఎక్స్టెన్షన్ లాంగ్వేజ్) మరియు కంపాస్ (సాస్తో నిర్మించిన ఫ్రేమ్) ను సెటప్ చేయాలి. మీరు కంపాస్ కంపైల్ చేస్తున్నప్పుడు, మీ SCSS ఫైల్లు ప్రత్యేకమైన ఫైళ్ళలో సుందరమైన CSS గా మారిపోతాయి. (నేను కంపాస్ వాచ్ ఇష్టపడతారు - ఈ మీరు scss ఫైల్స్ సర్దుబాటు వంటి CSS నడుస్తున్న మరియు నవీకరించుటకు ఉంచుతుంది.)

మీరు నిజంగా ఉంటే, నిజంగా సాస్ ఇబ్బంది వద్దు, మీరు సాధారణ గా CSS ఫైళ్లు రాయడం మరియు మీ థీమ్ యొక్క .info ఫైలు వాటిని జాబితా చేయవచ్చు. కానీ నన్ను నమ్మండి - _variables.scss ను సంకలనం చేయుటకు చిన్న సమయం పెట్టుబడి దాదాపు వెనువెంటనే చెల్లించబడుతుంది.

మీరు ZURB ఫౌండేషన్ను ఉపయోగించే ముందు

ZURB ఫౌండేషన్ చాలా బాగుంది, కానీ ఇది Drupal తో కలపబడిన ఏకైక ఫ్రంట్ ఎండ్ ఫ్రేమ్ కాదు. బూట్స్ట్రాప్ , మీరు కూడా ఒక Drupal థీమ్ కలిగి ఇదే ఫ్రేమ్ పరిగణలోకి అనుకోవచ్చు. ప్రస్తుతానికి, నేను ZURB ఫౌండేషన్ను ఉపయోగించుకుంటాను, అయితే నా పరిశోధన ఇది బూట్స్ట్రాప్ కంటే అనుకూలీకరించడానికి సులభంగా అని సూచించింది.

అంతేకాక, జాయ్రేడ్ భాగం అందంగా తీపి ఉంది.

మరియు మీరు ZURB ఫౌండేషన్, బూట్స్ట్రాప్, లేదా కొన్ని ఇతర ఫ్రేమ్వర్క్ను ఉపయోగిస్తున్నారా, ఈ చిట్కాలను పొందడం కోసం Drupal ని ఉపయోగించుకోండి .