Anonim

ప్రముఖ CMS సంఘం పేర్కొన్నట్లుగా, 25% ఇంటర్నెట్ WordPress ను ఉపయోగిస్తోంది. పోకడలను చూసినప్పుడు, వాటిని నమ్మడం తప్ప మాకు వేరే మార్గం లేదు, దాదాపు ప్రతి 2 బ్లాగ్ మరియు ప్రతి 4 సైట్ స్పష్టంగా అత్యంత శక్తివంతమైన మరియు యూజర్ ఫ్రెండ్లీ CMS ను ఉపయోగిస్తున్నట్లు అనిపిస్తుంది. దీని కోసం ఎదురుచూస్తూ, వ్యక్తులు మరియు డెవలపర్లు తమ సైట్‌లను WordPress ప్లాట్‌ఫారమ్‌కు మార్చడం ప్రారంభించారు.

మీ తీపి మరియు సరళమైన వెబ్‌సైట్‌ను సంక్లిష్టమైన, అధిక-పనితీరు గల CMS సైట్‌గా మార్చడానికి ఈ ప్రయత్నంలో, ప్రజలు చాలా ప్రాథమిక దశలో చిక్కుకొని ప్రశ్నను అడుగుతున్నారు: ప్రేమ కోసం, నేను ఈ బాహ్య జావాస్క్రిప్ట్ (.js) ఫైల్‌ను ఎలా పొందగలను ఈ బ్లాగు థీమ్‌లో పని చేస్తున్నారా? మీరు కూడా ఇదే ప్రశ్న అడుగుతున్నారా? బాగా అమిగోస్, మీరు చివరకు సరైన స్థలంలో ఉన్నారు: ఈ పనిని సాధించడానికి సాధ్యమైనంత సరళమైన మార్గం ద్వారా దశలవారీగా మీకు మార్గనిర్దేశం చేయడానికి నేను ఇక్కడ ఉన్నాను!

ఇప్పుడు మీరు WordPress అన్నీ ఇన్‌స్టాల్ చేసి, బాహ్య JS తో సిద్ధంగా ఉన్నారని uming హిస్తే, ఫైల్‌ను చేర్చే పనిలోకి వద్దాం!

గమనిక: నేను ఈ ట్యుటోరియల్ కోసం ఈ క్రింది ఫైల్‌ను (testrun.js) ఉపయోగిస్తున్నాను మరియు నేను పనిచేస్తున్న థీమ్ WordPress యొక్క ఇరవై పదహారు.

హెచ్చరిక ( 'హలో');

ప్రారంభిద్దాం!

అన్ని స్క్రిప్ట్‌లు మరియు స్టైల్‌షీట్‌లు functions.php నుండి లోడ్ చేయబడతాయి. WordPress ద్వారా లేదా మీ ప్లగిన్‌లు ఉపయోగించబడుతున్న ఇతర స్క్రిప్ట్‌లతో విభేదించకుండా ఉండటానికి వాటిని WordPress లో లోడ్ చేయడానికి ఇది సరైన మార్గం. మీరు చేర్చిన అన్ని ఫైళ్ళను నిర్వహించడానికి WordPress ను అనుమతించినట్లయితే, మీరు ఈ ఫైల్ను ఫైల్ యొక్క శీర్షిక (ప్రారంభం) లేదా ఫుటరు (ముగింపు) భాగంలో చేర్చాలనుకుంటున్నారని మీకు తెలియజేయాలి. ప్రతి టెంప్లేట్ / థీమ్ దాని స్వంత ఫంక్షన్లను కలిగి ఉంటుంది. అందువల్ల చేర్చవలసిన అన్ని ఫైళ్ళను కలిగి ఉన్న ఫంక్షన్ల యొక్క ఖచ్చితమైన పేరు సాధారణీకరించడం కష్టం. నేను ఇరవై పదహారుని థీమ్‌గా తీసుకుంటున్నాను కాబట్టి, నా functions.php (ఫైల్‌లను చేర్చడానికి ఉపయోగిస్తారు) యొక్క స్నాప్‌షాట్ క్రింద ఉంది. మీది కొంతవరకు దీన్ని పోలి ఉండాలి:

స్క్రిప్ట్ ఇప్పటికే చేర్చబడకపోతే మరియు అన్ని డిపెండెన్సీలు నమోదు చేయబడి ఉంటే, wp_enqueue_script ఫంక్షన్ స్క్రిప్ట్ డిపెండెన్సీల ప్రకారం సరైన సమయంలో ఉత్పత్తి చేయబడిన పేజీకి లింక్ చేస్తుంది. మీరు wp_register_script () ఫంక్షన్‌ను ఉపయోగించి గతంలో నమోదు చేసిన హ్యాండిల్‌తో స్క్రిప్ట్‌ను లింక్ చేయవచ్చు లేదా స్క్రిప్ట్‌ను లింక్ చేయడానికి అవసరమైన అన్ని పారామితులతో ఈ ఫంక్షన్‌ను అందించవచ్చు.

Wp_enqueue_script ($ హ్యాండిల్, $ src, $ deps, $ ver, $ in_footer) కింది పారామ్‌లలో పడుతుంది:

$ హ్యాండిల్

(స్ట్రింగ్) (అవసరం) స్క్రిప్ట్ పేరు.

$ src

(స్ట్రింగ్ | బూల్) (ఐచ్ఛికం) WordPress యొక్క రూట్ డైరెక్టరీ నుండి స్క్రిప్ట్‌కు మార్గం. ఉదాహరణ: '/js/myscript.js'.

డిఫాల్ట్ విలువ: తప్పుడు

$ deps

(శ్రేణి) (ఐచ్ఛికం) రిజిస్టర్డ్ హ్యాండిల్స్ యొక్క శ్రేణి ఈ స్క్రిప్ట్‌పై ఆధారపడి ఉంటుంది.

డిఫాల్ట్ విలువ: శ్రేణి ()

$ ver

(స్ట్రింగ్ | బూల్) (ఐచ్ఛికం) స్క్రిప్ట్ సంస్కరణ సంఖ్యను కలిగి ఉంటే అది పేర్కొనే స్ట్రింగ్. కాషింగ్తో సంబంధం లేకుండా సరైన సంస్కరణ క్లయింట్‌కు పంపబడిందని నిర్ధారించడానికి ఈ పరామితి ఉపయోగించబడుతుంది మరియు సంస్కరణ సంఖ్య అందుబాటులో ఉంటే మరియు స్క్రిప్ట్‌కు అర్ధమే ఉంటే చేర్చాలి.

డిఫాల్ట్ విలువ: తప్పుడు

$ in_footer

(bool) (ఐచ్ఛికం) ముందు స్క్రిప్ట్‌ను ఎన్క్యూ చేయాలా వద్దా లేదా ముందు . డిఫాల్ట్ 'తప్పుడు'. 'తప్పుడు' లేదా 'నిజం' అంగీకరిస్తుంది.

డిఫాల్ట్ విలువ: తప్పుడు

ఈ ట్యుటోరియల్ కోసం మీరు wp_register_script () ఫంక్షన్‌ను విస్మరించవచ్చు. మా ఉద్దేశ్యం బాహ్య JS ను మాత్రమే చేర్చడం. ఇది లేకుండా బాగా పని చేయాలి!

అందువల్ల, నేను నా స్క్రిప్ట్‌కు “టెస్ట్” అని పేరు పెట్టాలనుకుంటే, ఈ పారామ్ ($ హ్యాండిల్) అసలు ఫైల్ పేరు కానవసరం లేదని గుర్తుంచుకోండి, మరియు నా ఫైల్‌కు j క్వెరీపై బాహ్య డిపెండెన్సీ ఉంటుంది మరియు వెర్షన్ 1.0 మరియు పేజీ లోడ్ అయ్యే ముందు లోడ్ అవుతుంది అప్పుడు నా ఫంక్షన్ ఇలా ఉంటుంది:

wp_enqueue_script ('ట్యుటోరియల్', get_template_directory_uri (). '/js/testrun.js', శ్రేణి ('j క్వెరీ'), '1.0', తప్పుడు);

మీరు గమనించినట్లయితే, నేను get_template_directory_uri () ను ఉపయోగించాను , కాబట్టి, ఫంక్షన్ తర్వాత సంగ్రహించిన స్ట్రింగ్, అంటే “ /js/testrun.js ” వాస్తవానికి ఫైల్ యొక్క మార్గం టెంప్లేట్ యొక్క ఇండెక్స్ ఫైల్.

కాబట్టి మీ js ఫైల్ యొక్క మూలం అయిన మీ $ src గుణం అవుతుంది: get_template_directory_uri (). 'Path_to_js_wrt_index_of_template'.

కాబట్టి, తుది functions.php ఇలా కనిపిస్తుంది:

అక్కడే ఉండి, మేము దాదాపు పూర్తి చేసాము! ఇప్పుడే దీన్ని సేవ్ చేసి, మీ వెబ్‌సైట్‌లో రిఫ్రెష్ నొక్కండి… మీరు JS పని చేయడాన్ని చూడాలి! ఇక్కడ నాది:

మేము $ in_footer ఎంపికను తప్పుకు సెట్ చేసినందున, పేజీ లోడ్ కాకముందే స్క్రిప్ట్ లోడ్ అవుతుంది, కాని J క్వెరీ లోడ్ అయిన తరువాత అది డిపెండెన్సీగా జోడించబడింది!

మరియు .. వోయిలా! ఇక్కడ మీరు వెళ్ళండి .. మీరు మీ WP థీమ్‌లో బాహ్య కస్టమ్ JS ఫైల్‌ను విజయవంతంగా చేర్చారు!

హ్యాపీ కోడింగ్ !!

రిఫరెన్స్: ఎన్క్యూ ఫంక్షన్: WordPress కోడెక్స్

కస్టమ్ బాహ్య js ని WordPress లోకి చేర్చడానికి ఉత్తమ మార్గం ఏమిటి