WordPress జావాస్క్రిప్ట్‌ను ఎలా సరిగ్గా పరిచయం చేస్తుంది?JS మరియు CSS ఫైల్‌ల అనుకూల లోడ్

కోసంWordPress వెబ్‌సైట్ప్రోగ్రామర్లు, అభివృద్ధి చెందుతున్నారుWordPress ప్లగ్ఇన్లేదా WordPress థీమ్‌ను అనుకూలీకరించేటప్పుడు, కొన్ని జావాస్క్రిప్ట్ మరియు CSS స్క్రిప్టింగ్ వనరులు సూచించబడతాయి.

• సాధారణంగా, వ్యక్తులు లింక్, స్క్రిప్ట్ ట్యాగ్‌లను నేరుగా HTML కోసం ఉపయోగిస్తారు.
• వాస్తవానికి, WordPress అంతర్నిర్మిత అధునాతన విధులు మరియు స్క్రిప్ట్‌లను సూచించే పద్ధతులను కలిగి ఉంది.
• కాబట్టి, WordPress అంతర్నిర్మిత పద్ధతి సూచనలను ఉపయోగించడం మరింత ప్రొఫెషనల్ మరియు మరింత విస్తరించదగినది.

లోపభూయిష్ట అనులేఖన పద్ధతి

రెండు సాధారణ అనులేఖన పద్ధతులు ఉన్నాయి, ఇది బాగానే ఉంది, ఇది పరిపూర్ణమైనది లేదా సహేతుకమైనది కాదు.

రకం 1:లింక్ ట్యాగ్‌లు CSS ఫైల్‌లను సూచిస్తాయి

• స్క్రిప్ట్ ట్యాగ్‌లు JS ఫైల్‌లను వర్తింపజేస్తాయి.ఇక్కడ వివరించబడలేదు.

రకం 2:wp_head ఫంక్షన్‌ని ఉపయోగించండి

• wp_head ఫంక్షన్ కొంత అనుకూల లేదా సిస్టమ్-నిర్వచించిన కంటెంట్‌ను అవుట్‌పుట్ చేయడానికి ఉపయోగించబడుతుంది.
• ఈ ఫైల్‌ను సూచించడానికి మేము కొన్నిసార్లు క్రింది కోడ్‌ని ఉపయోగిస్తాము:

<?php
add_action('wp_head', 'wpcwl_normal_script');
function wpcwl_normal_script() {
echo '资源文件的链接';
}
?>

• సంబంధిత ఫైల్‌లను సూచించడానికి పైన పేర్కొన్న కోడ్‌ను functions.php ఫైల్‌లోకి కాపీ చేయండి.

WordPress ఎన్క్యూ స్క్రిప్ట్స్ రిసోర్స్ మెకానిజం

మనందరికీ తెలిసినట్లుగా, WordPressలో చాలా ప్లగిన్‌లు ఉన్నాయి:

• దాదాపు ప్రతి ప్లగ్ఇన్ కొన్ని వనరుల ఫైల్‌ను సూచిస్తుంది.
• అనివార్యంగా, రెండు ప్లగిన్‌ల ద్వారా సూచించబడిన వనరుల మధ్య వైరుధ్యాలు ఏర్పడతాయి, ఇది అస్థిరంగా మారుతుంది మరియు సామర్థ్యాన్ని ప్రభావితం చేస్తుంది.

wp_enqueue_script ఫంక్షన్‌ని ఉపయోగించండి

• WordPressలో వనరును సూచించడానికి మీరు ఉపయోగించాలిwp_enqueue_scriptఎన్క్యూడ్ లేదా క్రమబద్ధీకరించబడిన ఫంక్షన్ పేరులో ఎన్క్యూ అనే పదాన్ని కలిగి ఉన్న ఫంక్షన్.
• వనరులను ఎన్క్యూయింగ్ చేసే WordPress మార్గంతో (ఎన్‌క్యూ స్క్రిప్ట్‌లు), రిఫరెన్స్‌లు సంబంధిత ఫైల్‌లు మరియు కోర్ కోడ్ నుండి వేరు చేయబడతాయి.
• వినియోగదారు వనరును నిలిపివేయాలనుకుంటే, అతను దానిని కోర్ కోడ్ నుండి సవరించకుండా తొలగించవచ్చు, సవరించవచ్చు మరియు వ్యాఖ్యానించవచ్చు.

అలాగే, j క్వెరీ, j క్వెరీ UI మొదలైన కొన్ని సాధారణంగా ఉపయోగించే లైబ్రరీలు WordPressలో నిర్మించబడ్డాయి.

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

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

WordPressలో JS మరియు CSS ఫైల్‌లను సరిగ్గా దిగుమతి చేసుకోవడం ఎలా?

WordPress JS మరియు CSS పద్ధతుల కోసం సరైన దిగుమతి పద్ధతులను అందిస్తుంది.

ప్లగ్ఇన్ ▼లోకి plugin.css ఫైల్‌ను దిగుమతి చేయడానికి మీరు క్రింది కోడ్‌ని ఉపయోగించవచ్చు

<?php
function wpcwl_add_styles() {
wp_register_script('plugin_stylesheet', plugins_url('plugin.css', __FILE__));
wp_enqueue_script('plugin_stylesheet');
}

add_action( 'wp_enqueue_scripts', 'wpcwl_add_styles' ); 
?>

ఐడెంటిఫైయర్ ప్లగ్ఇన్_స్టైల్‌షీట్‌తో రిసోర్స్‌ను సృష్టించడానికి ఎగువన wp_register_script ఫంక్షన్‌ని ఉపయోగిస్తుంది.

తర్వాత, దాని క్యూలో ఉన్న అభ్యర్థనలను జోడించండిwp_enqueue_scriptsచర్యలు అమలులో ఉన్నాయి.

ఫంక్షన్ పేరు స్క్రిప్ట్ అయినప్పటికీ, దీనికి రిసోర్స్ ఫైల్ రకంతో సంబంధం లేదు మరియు CSS మరియు JS రెండింటికీ చెల్లుతుంది.

wp_register_script ఫంక్షన్ నిజంగా అంత సులభం కాదు, ఇది ఐదు పారామితులను కలిగి ఉంటుంది:

1) $హ్యాండిల్:రిసోర్స్ ఐడెంటిఫైయర్.

• 由wp_enqueue_scriptబదిలీ.

2) $src:వనరు యొక్క స్థానం.

• సంబంధిత లేదా సంపూర్ణ చిరునామాలు చిరునామాలు మొదలైన వాటిని పొందడానికి WordPress అంతర్నిర్మిత ఫంక్షన్‌లను ఉపయోగిస్తాయి.
• సాధారణంస్థానంఫంక్షన్ ఉందిplugins_url,get_template_directory_uri等.

3) $deps:ఆధారపడతారు.

• మీరు j క్వెరీ ప్లగ్ఇన్‌ని సూచిస్తుంటే మరియు నిర్మించడానికి j క్వెరీపై ఆధారపడవలసి వస్తే, మీరు j క్వెరీని పూరించాలి.
• ఇది శ్రేణిగా పాస్ చేయబడిందని గమనించండి.

4) $ver:రిసోర్స్ వెర్షన్, ఐచ్ఛికం.

5) $in_footer:మీరు దానిని దిగువన ఉంచారా?

• సాధారణంగా, JS ఫైల్‌లు పేజీ దిగువన ఉంచబడాలి, మీరు ఈ పరామితిని ఒప్పుకు సెట్ చేయవచ్చు, ఎగువకు అవుట్‌పుట్ చేయడానికి ఖాళీగా లేదా తప్పుగా ఉంచండి.

మరింత పూర్తి JavaScript ఫైల్ రిఫరెన్స్ ఉదాహరణ ▼ చూద్దాం

<?php
function wpcwl_add_scripts() {
wp_register_script('plugin_script', plugins_url('plugin_script.js', __FILE__), array('jquery'),'1.1', true);
wp_enqueue_script('plugin_script');
}

add_action( 'wp_enqueue_scripts', 'wpcwl_add_scripts' ); 
?>

WordPress థీమ్‌లు వనరులను దిగుమతి చేయడానికి wp_enqueue_scriptని ఉపయోగిస్తాయి

WordPress థీమ్ అభివృద్ధిలో ప్రోగ్రామర్లు, ఉపయోగంwp_enqueue_scriptవనరులను దిగుమతి చేయండి.

• పైన పేర్కొన్న ఉదాహరణలు WordPress ప్లగ్ఇన్ అభివృద్ధి కోసం సూచించబడిన వనరులకు ఉదాహరణలు.
• టాపిక్‌లో సూచించిన పద్ధతి కూడా ఇదే.

ప్రధాన వ్యత్యాసం ఏమిటంటే, థీమ్ కింద రిసోర్స్ ఫైల్ చిరునామాను పొందడానికి థీమ్ డైరెక్టరీని పొందడానికి సంబంధిత ఫంక్షన్‌ను ఉపయోగించడం.

మీరు ఉపయోగించవచ్చుget_template_directory_uriప్రస్తుత థీమ్ డైరెక్టరీని పొందడానికి ఫంక్షన్.

మీరు పిల్లల థీమ్‌ని ఉపయోగిస్తుంటే, మీరు ఉపయోగించాల్సి ఉంటుందిget_stylesheet_directory_uriసంబంధిత వనరులను పొందడానికి ఫంక్షన్ పేరెంట్ థీమ్ డైరెక్టరీని పొందుతుంది.