WordPress እንዴት ጃቫስክሪፕትን በትክክል ያስተዋውቃል?የJS እና CSS ፋይሎች ብጁ መጫን

ለየዎርድፕረስ ድር ጣቢያፕሮግራመሮች, በማደግ ላይየዎርድፕረስ ፕለጊን።ወይም የዎርድፕረስ ገጽታን ሲያበጁ፣ አንዳንድ ጃቫ ስክሪፕት እና ሲኤስኤስ የስክሪፕት መርጃዎች ይጠቀሳሉ።

• ብዙውን ጊዜ ሰዎች ለኤችቲኤምኤል በቀጥታ አገናኝ ፣ ስክሪፕት መለያዎችን ይጠቀማሉ።
• በእውነቱ፣ WordPress ስክሪፕቶችን ለማጣቀስ አብሮ የተሰሩ የተራቀቁ ተግባራት እና ዘዴዎች አሉት።
• ስለዚህ፣ የዎርድፕረስ አብሮገነብ ዘዴ ማጣቀሻዎችን መጠቀም የበለጠ ሙያዊ እና የበለጠ ሊሰፋ የሚችል ነው።

የተሳሳተ የመጥቀሻ ዘዴ

ሁለት የተለመዱ የመጥቀሻ ዘዴዎች አሉ, ጥሩ ነው, ልክ ፍጹም ወይም ምክንያታዊ አይደለም.

ዓይነት 1፡የአገናኝ መለያዎች የሲኤስኤስ ፋይሎችን ያመለክታሉ

• የስክሪፕት መለያዎች JS ፋይሎችን ይተገበራሉ።እዚህ በዝርዝር አልተገለጸም።

ዓይነት 2፡የwp_head ተግባርን ተጠቀም

• የwp_head ተግባር አንዳንድ ብጁ ወይም በሥርዓት የተገለጸ ይዘት ለማውጣት ይጠቅማል።
• ይህንን ፋይል ለማጣቀስ አንዳንድ ጊዜ የሚከተለውን ኮድ እንጠቀማለን፡-

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

• ተጓዳኝ ፋይሎችን ለማጣቀስ ከላይ ያለውን ኮድ ወደ function.php ፋይል ይቅዱ።

የዎርድፕረስ Enqueue ስክሪፕቶች መገልገያ ዘዴ

ሁላችንም እንደምናውቀው WordPress ብዙ ተሰኪዎች አሉት፡-

• ሁሉም ፕለጊን ማለት ይቻላል አንዳንድ የንብረት ፋይልን ይጠቅሳል።
• በሁለት ፕለጊኖች በተጠቀሱት ግብዓቶች መካከል ግጭቶች መኖራቸው የማይቀር ነው፣ ይህም ያልተረጋጋ እና ውጤታማነቱን ሊጎዳ ይችላል።

የwp_enqueue_script ተግባርን ተጠቀም

• በዎርድፕረስ ውስጥ ያለውን ሃብት ለማጣቀስ መጠቀም አለቦትwp_enqueue_scriptበተሰቀለው ወይም በተደረደረ ተግባር ስም ኢንኩዌ የሚለው ቃል ያለው ተግባር።
• በዚህ የዎርድፕረስ መንገድ መርጃዎችን (Enqueue Scripts) በመጠቀም ማጣቀሻዎቹ ከተዛማጅ ፋይሎች እና ዋና ኮድ ተለያይተዋል።
• ተጠቃሚው ሀብቱን ማሰናከል ከፈለገ ከዋናው ኮድ ላይ ሳያስተካክለው መሰረዝ, ማሻሻል እና አስተያየት መስጠት ይችላል.

እንዲሁም፣ እንደ jQuery፣ jQuery UI፣ ወዘተ ያሉ አንዳንድ በብዛት ጥቅም ላይ የዋሉ ቤተ-መጻሕፍት በዎርድፕረስ ውስጥ ተገንብተዋል።

አብሮ የተሰራውን ቤተ-መጽሐፍት በቀጥታ ለመጥራት የwp_enqueue_script ተግባርን ልንጠቀም እንችላለን፣ ይህም ኮድ እና የጸዳ ዝርዝር መግለጫን ይቆጥባል።

የእራስዎን JS እና CSS ፋይሎችን ለመጥቀስ ይህንን ተግባር ከተጠቀሙ, መጠቀም አለብዎትwp_register_scriptተግባሩ መለያ (እጀታ) ይመዘግባል እና ከዚያም ይጠቀማልwp_enqueue_scriptተግባሩ ከዚህ ባንዲራ ጋር የሚዛመደውን ሀብት ይጠራል።

JS እና CSS ፋይሎችን በ WordPress ውስጥ እንዴት በትክክል ማስመጣት ይቻላል?

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 ተግባርን ከመለያ ፕለጊን_stylesheet ጋር ምንጭ ለመፍጠር ይጠቀማል።

ከዚያ የወረፋ ጥያቄዎቹን ያክሉwp_enqueue_scriptsድርጊቶች በሥራ ላይ ናቸው።

የተግባር ስሙ ስክሪፕት ቢሆንም ከንብረት ፋይል አይነት ጋር ምንም ግንኙነት የለውም እና ለCSS እና JS ለሁለቱም የሚሰራ ነው።

የwp_register_script ተግባር በእውነቱ ያን ያህል ቀላል አይደለም፣ አምስት መለኪያዎች ሊኖሩት ይችላል፡-

1) $ እጀታ:የንብረት መለያ።

• 由wp_enqueue_scriptማስተላለፍ.

2) $srcየመርጃው ቦታ.

• አንጻራዊ ወይም ፍፁም አድራሻዎች አድራሻዎችን ለማግኘት ወዘተ የዎርድፕረስ አብሮ የተሰሩ ተግባራትን ይጠቀማሉ።
• የተለመደአቀማመጥተግባር አለው።plugins_url:get_template_directory_uriጠብቅ.

3) $deps:መታመን።

• የ jQuery ፕለጊን የሚያመለክቱ ከሆነ እና በ jQuery ግንባታ ላይ መተማመን ካለብዎት jQueryን መሙላት ያስፈልግዎታል።
• እንደ ድርድር መተላለፉን ልብ ይበሉ።

4) $ቨር፡የመርጃ ሥሪት፣ አማራጭ።

5) $in_footer፡ከታች አስቀምጠውታል?

• በመደበኛነት የጄኤስ ፋይሎች ከገጹ ግርጌ ላይ መቀመጥ አለባቸው, ይህንን ግቤት ወደ እውነት ማዋቀር ይችላሉ, ባዶውን ይተውት ወይም ውሸትን ወደ ላይ ይወጣል.

የበለጠ የተሟላ የጃቫስክሪፕት ፋይል ማመሳከሪያ ምሳሌን እንይ ▼

<?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' ); 
?>

የዎርድፕረስ ገጽታዎች መርጃዎችን ለማስመጣት wp_enqueue_scriptን ይጠቀማሉ

ፕሮግራመሮች በዎርድፕረስ ጭብጥ ልማት ፣ ይጠቀሙwp_enqueue_scriptግብዓቶችን አስመጣ።

• ከላይ ያሉት ምሳሌዎች ለ ዎርድፕረስ ፕለጊን ልማት የተጠቀሱ ምንጮች ምሳሌዎች ናቸው።
• በርዕሱ ውስጥ የተጠቀሰው ዘዴ ተመሳሳይ ነው.

ዋናው ልዩነት በጭብጡ ስር ያለውን የንብረት ፋይል አድራሻ ለማግኘት የገጽታ ማውጫውን ለማግኘት ተጓዳኝ ተግባሩን መጠቀም ነው።

መጠቀም ትችላለህget_template_directory_uriየአሁኑን ጭብጥ ማውጫ ለማግኘት ተግባር።

የሕፃን ጭብጥ እየተጠቀሙ ከሆነ, መጠቀም ያስፈልግዎታልget_stylesheet_directory_uriተጓዳኙን መርጃዎች ለማግኘት ተግባሩ የወላጅ ጭብጥ ማውጫን ያገኛል።