ਵਰਡਪਰੈਸ ਜਾਵਾ ਸਕ੍ਰਿਪਟ ਨੂੰ ਸਹੀ ਢੰਗ ਨਾਲ ਕਿਵੇਂ ਪੇਸ਼ ਕਰਦਾ ਹੈ?ਕਸਟਮ ਲੋਡਿੰਗ JS ਅਤੇ CSS ਫਾਈਲਾਂ

ਵਰਤਣਵਰਡਪਰੈਸ ਵੈਬਸਾਈਟਪ੍ਰੋਗਰਾਮਰ, ਵਿਕਾਸਸ਼ੀਲਵਰਡਪਰੈਸ ਪਲੱਗਇਨਜਾਂ ਜਦੋਂ ਇੱਕ ਵਰਡਪਰੈਸ ਥੀਮ ਨੂੰ ਅਨੁਕੂਲਿਤ ਕਰਦੇ ਹੋ, ਤਾਂ ਕੁਝ JavaScript ਅਤੇ CSS ਸਕ੍ਰਿਪਟਿੰਗ ਸਰੋਤਾਂ ਦਾ ਹਵਾਲਾ ਦਿੱਤਾ ਜਾਂਦਾ ਹੈ.

• ਆਮ ਤੌਰ 'ਤੇ, ਲੋਕ ਸਿੱਧੇ HTML ਲਈ ਲਿੰਕ, ਸਕ੍ਰਿਪਟ ਟੈਗਸ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹਨ।
• ਵਾਸਤਵ ਵਿੱਚ, ਵਰਡਪਰੈਸ ਕੋਲ ਸਕ੍ਰਿਪਟਾਂ ਦਾ ਹਵਾਲਾ ਦੇਣ ਲਈ ਬਿਲਟ-ਇਨ ਵਧੀਆ ਫੰਕਸ਼ਨ ਅਤੇ ਵਿਧੀਆਂ ਹਨ.
• ਇਸ ਲਈ, ਵਰਡਪਰੈਸ 'ਬਿਲਟ-ਇਨ ਵਿਧੀ ਸੰਦਰਭਾਂ ਦੀ ਵਰਤੋਂ ਕਰਨਾ ਵਧੇਰੇ ਪੇਸ਼ੇਵਰ ਅਤੇ ਵਧੇਰੇ ਵਿਸਤ੍ਰਿਤ ਹੈ.

ਨੁਕਸਦਾਰ ਹਵਾਲਾ ਵਿਧੀ

ਹਵਾਲੇ ਦੇਣ ਦੇ ਦੋ ਆਮ ਤਰੀਕੇ ਹਨ, ਇਹ ਠੀਕ ਹੈ, ਇਹ ਬਿਲਕੁਲ ਸਹੀ ਜਾਂ ਵਾਜਬ ਨਹੀਂ ਹੈ।

ਕਿਸਮ 1:ਲਿੰਕ ਟੈਗ CSS ਫਾਈਲਾਂ ਦਾ ਹਵਾਲਾ ਦਿੰਦੇ ਹਨ

• ਸਕ੍ਰਿਪਟ ਟੈਗ JS ਫਾਈਲਾਂ ਨੂੰ ਲਾਗੂ ਕਰਦੇ ਹਨ।ਇੱਥੇ ਵੇਰਵਾ ਨਹੀਂ ਹੈ।

ਕਿਸਮ 2:wp_head ਫੰਕਸ਼ਨ ਦੀ ਵਰਤੋਂ ਕਰੋ

• wp_head ਫੰਕਸ਼ਨ ਦੀ ਵਰਤੋਂ ਕੁਝ ਕਸਟਮ ਜਾਂ ਸਿਸਟਮ-ਪ੍ਰਭਾਸ਼ਿਤ ਸਮੱਗਰੀ ਨੂੰ ਆਉਟਪੁੱਟ ਕਰਨ ਲਈ ਕੀਤੀ ਜਾਂਦੀ ਹੈ।
• ਅਸੀਂ ਕਈ ਵਾਰ ਇਸ ਫਾਈਲ ਦਾ ਹਵਾਲਾ ਦੇਣ ਲਈ ਹੇਠਾਂ ਦਿੱਤੇ ਕੋਡ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹਾਂ:

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

• ਸੰਬੰਧਿਤ ਫਾਈਲਾਂ ਦਾ ਹਵਾਲਾ ਦੇਣ ਲਈ ਉਪਰੋਕਤ ਕੋਡ ਨੂੰ functions.php ਫਾਈਲ ਵਿੱਚ ਕਾਪੀ ਕਰੋ।

ਵਰਡਪਰੈਸ ਐਨਕਿਊ ਸਕ੍ਰਿਪਟਸ ਸਰੋਤ ਵਿਧੀ

ਜਿਵੇਂ ਕਿ ਅਸੀਂ ਸਾਰੇ ਜਾਣਦੇ ਹਾਂ, ਵਰਡਪਰੈਸ ਕੋਲ ਬਹੁਤ ਸਾਰੇ ਪਲੱਗਇਨ ਹਨ:

• ਲਗਭਗ ਹਰ ਪਲੱਗਇਨ ਕੁਝ ਸਰੋਤ ਫਾਈਲ ਦਾ ਹਵਾਲਾ ਦਿੰਦੀ ਹੈ।
• ਲਾਜ਼ਮੀ ਤੌਰ 'ਤੇ, ਦੋ ਪਲੱਗਇਨਾਂ ਦੁਆਰਾ ਸੰਦਰਭਿਤ ਸਰੋਤਾਂ ਵਿਚਕਾਰ ਟਕਰਾਅ ਹੋਵੇਗਾ, ਜੋ ਅਸਥਿਰ ਹੋ ਜਾਵੇਗਾ ਅਤੇ ਕੁਸ਼ਲਤਾ ਨੂੰ ਪ੍ਰਭਾਵਿਤ ਕਰ ਸਕਦਾ ਹੈ।

wp_enqueue_script ਫੰਕਸ਼ਨ ਦੀ ਵਰਤੋਂ ਕਰੋ

• ਵਰਡਪਰੈਸ ਵਿੱਚ ਇੱਕ ਸਰੋਤ ਦਾ ਹਵਾਲਾ ਦੇਣ ਲਈ ਤੁਹਾਨੂੰ ਵਰਤਣਾ ਚਾਹੀਦਾ ਹੈwp_enqueue_scriptਇੱਕ ਫੰਕਸ਼ਨ ਜਿਸ ਵਿੱਚ ਐਨਕਿਊਡ ਜਾਂ ਕ੍ਰਮਬੱਧ ਫੰਕਸ਼ਨ ਦੇ ਨਾਮ ਵਿੱਚ enqueue ਸ਼ਬਦ ਹੁੰਦਾ ਹੈ।
• ਸਰੋਤਾਂ (ਐਨਕਿਊ ਸਕ੍ਰਿਪਟਾਂ) ਨੂੰ ਜੋੜਨ ਦੇ ਇਸ ਵਰਡਪਰੈਸ ਤਰੀਕੇ ਨਾਲ, ਸੰਦਰਭਾਂ ਨੂੰ ਸੰਬੰਧਿਤ ਫਾਈਲਾਂ ਅਤੇ ਕੋਰ ਕੋਡ ਤੋਂ ਵੱਖ ਕੀਤਾ ਜਾਂਦਾ ਹੈ।
• ਜੇਕਰ ਉਪਭੋਗਤਾ ਸਰੋਤ ਨੂੰ ਅਯੋਗ ਕਰਨਾ ਚਾਹੁੰਦਾ ਹੈ, ਤਾਂ ਉਹ ਕੋਰ ਕੋਡ ਤੋਂ ਇਸ ਨੂੰ ਸੋਧੇ ਬਿਨਾਂ ਇਸਨੂੰ ਮਿਟਾ ਸਕਦਾ ਹੈ, ਸੋਧ ਸਕਦਾ ਹੈ ਅਤੇ ਟਿੱਪਣੀ ਕਰ ਸਕਦਾ ਹੈ।

ਨਾਲ ਹੀ, ਕੁਝ ਆਮ ਤੌਰ 'ਤੇ ਵਰਤੀਆਂ ਜਾਂਦੀਆਂ ਲਾਇਬ੍ਰੇਰੀਆਂ ਜਿਵੇਂ ਕਿ jQuery, jQuery UI, ਆਦਿ ਵਰਡਪਰੈਸ ਵਿੱਚ ਬਣੀਆਂ ਹਨ।

ਅਸੀਂ ਬਿਲਟ-ਇਨ ਲਾਇਬ੍ਰੇਰੀ ਨੂੰ ਸਿੱਧਾ ਕਾਲ ਕਰਨ ਲਈ wp_enqueue_script ਫੰਕਸ਼ਨ ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਦੇ ਹਾਂ, ਜੋ ਕੋਡ ਅਤੇ ਕਲੀਨਰ ਸਪੈਸੀਫਿਕੇਸ਼ਨ ਨੂੰ ਸੁਰੱਖਿਅਤ ਕਰਦਾ ਹੈ।

ਜੇ ਤੁਸੀਂ ਇਸ ਫੰਕਸ਼ਨ ਨੂੰ ਆਪਣੀਆਂ ਖੁਦ ਦੀਆਂ JS ਅਤੇ CSS ਫਾਈਲਾਂ ਦਾ ਹਵਾਲਾ ਦੇਣ ਲਈ ਵਰਤਦੇ ਹੋ, ਤਾਂ ਤੁਹਾਨੂੰ ਵਰਤਣ ਦੀ ਲੋੜ ਹੈwp_register_scriptਫੰਕਸ਼ਨ ਇੱਕ ਪਛਾਣਕਰਤਾ (ਹੈਂਡਲ) ਨੂੰ ਰਜਿਸਟਰ ਕਰਦਾ ਹੈ ਅਤੇ ਫਿਰ ਵਰਤਦਾ ਹੈwp_enqueue_scriptਫੰਕਸ਼ਨ ਇਸ ਫਲੈਗ ਨਾਲ ਸੰਬੰਧਿਤ ਸਰੋਤ ਨੂੰ ਕਾਲ ਕਰਦਾ ਹੈ।

ਵਰਡਪਰੈਸ ਵਿੱਚ ਜੇਐਸ ਅਤੇ ਸੀਐਸਐਸ ਫਾਈਲਾਂ ਨੂੰ ਸਹੀ ਤਰ੍ਹਾਂ ਕਿਵੇਂ ਆਯਾਤ ਕਰਨਾ ਹੈ?

ਵਰਡਪਰੈਸ 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:ਸਰੋਤ ਦੀ ਸਥਿਤੀ।

• ਰਿਸ਼ਤੇਦਾਰ ਜਾਂ ਸੰਪੂਰਨ ਪਤੇ ਪਤੇ ਆਦਿ ਪ੍ਰਾਪਤ ਕਰਨ ਲਈ ਵਰਡਪਰੈਸ ਬਿਲਟ-ਇਨ ਫੰਕਸ਼ਨਾਂ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹਨ।
• ਆਮਸਥਿਤੀਫੰਕਸ਼ਨ ਹੈplugins_url.get_template_directory_uriਉਡੀਕ ਕਰੋ.

3) $deps:ਭਰੋਸਾ ਕਰੋ

• ਜੇ ਤੁਸੀਂ jQuery ਪਲੱਗਇਨ ਦਾ ਹਵਾਲਾ ਦੇ ਰਹੇ ਹੋ ਅਤੇ jQuery ਬਿਲਡ 'ਤੇ ਭਰੋਸਾ ਕਰਨ ਦੀ ਲੋੜ ਹੈ, ਤਾਂ ਤੁਹਾਨੂੰ jQuery ਨੂੰ ਭਰਨ ਦੀ ਲੋੜ ਹੈ।
• ਨੋਟ ਕਰੋ ਕਿ ਇਹ ਇੱਕ ਐਰੇ ਵਜੋਂ ਪਾਸ ਕੀਤਾ ਗਿਆ ਹੈ।

4) $ver:ਸਰੋਤ ਸੰਸਕਰਣ, ਵਿਕਲਪਿਕ।

5) $in_footer:ਕੀ ਤੁਸੀਂ ਇਸਨੂੰ ਤਲ 'ਤੇ ਪਾਉਂਦੇ ਹੋ?

• ਆਮ ਤੌਰ 'ਤੇ, JS ਫਾਈਲਾਂ ਨੂੰ ਪੰਨੇ ਦੇ ਹੇਠਾਂ ਰੱਖਿਆ ਜਾਣਾ ਚਾਹੀਦਾ ਹੈ, ਤੁਸੀਂ ਇਸ ਪੈਰਾਮੀਟਰ ਨੂੰ True 'ਤੇ ਸੈੱਟ ਕਰ ਸਕਦੇ ਹੋ, ਇਸ ਨੂੰ ਖਾਲੀ ਜਾਂ ਗਲਤ ਛੱਡ ਸਕਦੇ ਹੋ ਤਾਂ ਜੋ ਸਿਖਰ 'ਤੇ ਆਉਟਪੁੱਟ ਹੋਵੇ।

ਆਉ ਇੱਕ ਹੋਰ ਸੰਪੂਰਨ 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' ); 
?>

ਵਰਡਪਰੈਸ ਥੀਮ ਸਰੋਤਾਂ ਨੂੰ ਆਯਾਤ ਕਰਨ ਲਈ wp_enqueue_script ਵਰਤਦੇ ਹਨ

ਵਰਡਪਰੈਸ ਥੀਮ ਵਿਕਾਸ ਵਿੱਚ ਪ੍ਰੋਗਰਾਮਰ, ਵਰਤੋਂwp_enqueue_scriptਸਰੋਤ ਆਯਾਤ ਕਰੋ।

• ਉਪਰੋਕਤ ਉਦਾਹਰਨਾਂ ਵਰਡਪਰੈਸ ਪਲੱਗਇਨ ਵਿਕਾਸ ਲਈ ਹਵਾਲਾ ਸਰੋਤਾਂ ਦੀਆਂ ਉਦਾਹਰਣਾਂ ਹਨ।
• ਵਿਸ਼ੇ ਵਿੱਚ ਹਵਾਲਾ ਦਿੱਤਾ ਤਰੀਕਾ ਸਮਾਨ ਹੈ।

ਮੁੱਖ ਅੰਤਰ ਥੀਮ ਦੇ ਅਧੀਨ ਸਰੋਤ ਫਾਈਲ ਐਡਰੈੱਸ ਪ੍ਰਾਪਤ ਕਰਨ ਲਈ ਥੀਮ ਡਾਇਰੈਕਟਰੀ ਪ੍ਰਾਪਤ ਕਰਨ ਲਈ ਅਨੁਸਾਰੀ ਫੰਕਸ਼ਨ ਦੀ ਵਰਤੋਂ ਕਰਨਾ ਹੈ.

ਤੁਸੀਂ ਵਰਤ ਸਕਦੇ ਹੋget_template_directory_uriਮੌਜੂਦਾ ਥੀਮ ਡਾਇਰੈਕਟਰੀ ਪ੍ਰਾਪਤ ਕਰਨ ਲਈ ਫੰਕਸ਼ਨ.

ਜੇਕਰ ਤੁਸੀਂ ਚਾਈਲਡ ਥੀਮ ਦੀ ਵਰਤੋਂ ਕਰ ਰਹੇ ਹੋ, ਤਾਂ ਤੁਹਾਨੂੰ ਵਰਤਣ ਦੀ ਲੋੜ ਹੋਵੇਗੀget_stylesheet_directory_uriਫੰਕਸ਼ਨ ਅਨੁਸਾਰੀ ਸਰੋਤ ਪ੍ਰਾਪਤ ਕਰਨ ਲਈ ਮੂਲ ਥੀਮ ਦੀ ਡਾਇਰੈਕਟਰੀ ਪ੍ਰਾਪਤ ਕਰਦਾ ਹੈ।