Anonim

முன்னணி சிஎம்எஸ் சமூகத்தால் கூறப்பட்டபடி, 25% இணையம் வேர்ட்பிரஸ் பயன்படுத்துகிறது. போக்குகளைப் பார்க்கும்போது, ​​அவற்றை நம்புவதைத் தவிர வேறு வழியில்லை, கிட்டத்தட்ட ஒவ்வொரு 2 வது வலைப்பதிவும் ஒவ்வொரு 4 வது தளமும் வெளிப்படையாக மிகவும் சக்திவாய்ந்த மற்றும் பயனர் நட்பு CMS ஐப் பயன்படுத்துவதாகத் தெரிகிறது. இதை எதிர்பார்த்து, மக்களும் டெவலப்பர்களும் தங்கள் தளங்களை வேர்ட்பிரஸ் இயங்குதளத்திற்கு மாற்றத் தொடங்கியுள்ளனர்.

உங்கள் இனிமையான மற்றும் எளிமையான வலைத்தளத்தை சிக்கலான, உயர் செயல்திறன் கொண்ட சிஎம்எஸ் தளமாக மாற்றுவதற்கான இந்த முயற்சியில், மக்கள் மிகவும் அடிப்படை படியில் சிக்கி, கேள்வியைக் கேட்கிறார்கள்: அன்பைப் பொறுத்தவரை, இந்த வெளிப்புற ஜாவாஸ்கிரிப்ட் (.js) கோப்பை நான் எவ்வாறு பெறுவது? இந்த வேர்ட்பிரஸ் தீம் வேலை? நீங்களும் இதே கேள்வியைக் கேட்கிறீர்களா? சரி அமிகோஸ், நீங்கள் இறுதியாக சரியான இடத்தில் இருக்கிறீர்கள்: இந்த பணியை அடைய முடிந்த எளிய வழி மூலம் படிப்படியாக உங்களுக்கு வழிகாட்ட நான் இங்கு இருக்கிறேன்!

இப்போது நீங்கள் வேர்ட்பிரஸ் அனைத்தையும் நிறுவியிருப்பதாகக் கருதி, வெளிப்புற JS உடன் தயாராக உள்ளது, கோப்பைச் சேர்க்கும் பணியில் இறங்குவோம்!

குறிப்பு: இந்த டுடோரியலுக்காக நான் பின்வரும் கோப்பை (testrun.js) பயன்படுத்துகிறேன், நான் பணிபுரியும் தீம் வேர்ட்பிரஸ் இன் இருபத்தி பதினாறு.

எச்சரிக்கை ( 'ஹலோ');

ஆரம்பித்துவிடுவோம்!

அனைத்து ஸ்கிரிப்டுகள் மற்றும் நடைதாள்கள் functions.php க்குள் இருந்து ஏற்றப்படுகின்றன. வேர்ட்பிரஸ் அல்லது உங்கள் செருகுநிரல்களால் ஏற்றப்படும் வேறு எந்த ஸ்கிரிப்டுகளுடனும் முரண்படுவதைத் தவிர்ப்பதற்காக, அவற்றை வேர்ட்பிரஸ் க்குள் ஏற்றுவதற்கான சரியான வழி இது. சேர்க்கப்பட்ட எல்லா கோப்புகளையும் நிர்வகிக்க வேர்ட்பிரஸ் அனுமதித்தால், இந்த கோப்பு கோப்பின் தலைப்பு (தொடக்க) அல்லது அடிக்குறிப்பு (இறுதி) பகுதியில் சேர்க்கப்பட வேண்டும் என்பதை நீங்கள் தெரிவிக்க வேண்டும். ஒவ்வொரு வார்ப்புரு / கருப்பொருளுக்கும் அதன் சொந்த செயல்பாடுகள் உள்ளன. எனவே அனைத்து கோப்புகளையும் உள்ளடக்கிய செயல்பாடுகளின் சரியான பெயர் பொதுமைப்படுத்துவது கடினம். நான் இருபத்தி பதினாறு கருப்பொருளாக எடுத்துக்கொள்வதால், எனது functions.php (கோப்புகளைச் சேர்க்கப் பயன்படுகிறது) எப்படி என்பதற்கான ஸ்னாப்ஷாட் கீழே உள்ளது. உங்களுடையது ஒரு அளவிற்கு இதை ஒத்திருக்க வேண்டும்:

Wp_enqueue_script செயல்பாடு ஸ்கிரிப்ட் சார்புகளை பொறுத்து சரியான நேரத்தில் உருவாக்கப்பட்ட பக்கத்துடன் ஒரு ஸ்கிரிப்ட் கோப்பை இணைக்கிறது, ஸ்கிரிப்ட் ஏற்கனவே சேர்க்கப்படவில்லை மற்றும் அனைத்து சார்புகளும் பதிவு செய்யப்பட்டிருந்தால். Wp_register_script () செயல்பாட்டைப் பயன்படுத்தி முன்னர் பதிவுசெய்யப்பட்ட கைப்பிடியுடன் ஸ்கிரிப்டை இணைக்கலாம் அல்லது ஸ்கிரிப்டை இணைக்க தேவையான அனைத்து அளவுருக்களுடன் இந்த செயல்பாட்டை வழங்கலாம்.

Wp_enqueue_script ($ கைப்பிடி, $ src, $ டெப்ஸ், $ ver, $ in_footer) பின்வரும் அளவுருக்களில் எடுக்கும்:

$ கைப்பிடி

(சரம்) (தேவை) ஸ்கிரிப்டின் பெயர்.

$ மூல

(சரம் | பூல்) (விரும்பினால்) வேர்ட்பிரஸ் இன் மூல கோப்பகத்திலிருந்து ஸ்கிரிப்டிற்கான பாதை. எடுத்துக்காட்டு: '/js/myscript.js'.

இயல்புநிலை மதிப்பு: தவறானது

$ deps

(வரிசை) (விரும்பினால்) பதிவுசெய்யப்பட்ட கையாளுதல்களின் வரிசை இந்த ஸ்கிரிப்டைப் பொறுத்தது.

இயல்புநிலை மதிப்பு: வரிசை ()

$ பதி

(சரம் | பூல்) (விரும்பினால்) ஸ்கிரிப்ட் பதிப்பு எண்ணைக் குறிக்கும் சரம். தற்காலிக சேமிப்பைப் பொருட்படுத்தாமல் சரியான பதிப்பு வாடிக்கையாளருக்கு அனுப்பப்படுவதை உறுதிசெய்ய இந்த அளவுரு பயன்படுத்தப்படுகிறது, மேலும் பதிப்பு எண் கிடைத்தால் மற்றும் ஸ்கிரிப்டுக்கு அர்த்தமுள்ளதாக இருந்தால் சேர்க்கப்பட வேண்டும்.

இயல்புநிலை மதிப்பு: தவறானது

$ in_footer

(bool) (விரும்பினால்) இதற்கு முன் ஸ்கிரிப்டை இணைக்க வேண்டுமா அல்லது முன் . இயல்புநிலை 'பொய்'. 'பொய்' அல்லது 'உண்மை' ஏற்றுக்கொள்கிறது.

இயல்புநிலை மதிப்பு: தவறானது

இந்த டுடோரியலுக்கான wp_register_script () செயல்பாட்டை நீங்கள் புறக்கணிக்கலாம். எங்கள் நோக்கம் வெளிப்புற JS ஐ மட்டும் சேர்க்க வேண்டும். அது இல்லாமல் நன்றாக வேலை செய்ய வேண்டும்!

ஆகையால், எனது ஸ்கிரிப்டை “சோதனை” என்று பெயரிட விரும்பினால், இந்த பரம் ($ கைப்பிடி) உண்மையான கோப்பின் பெயராக இருக்க வேண்டிய அவசியமில்லை என்பதை நினைவில் கொள்ளுங்கள், மேலும் எனது கோப்பு jQuery மீது வெளிப்புற சார்புநிலையைக் கொண்டுள்ளது மற்றும் பதிப்பு 1.0 மற்றும் பக்கம் ஏற்றப்படுவதற்கு முன்பு ஏற்றப்படும் என் செயல்பாடு இப்படி இருக்கும்:

wp_enqueue_script ('டுடோரியல்', get_template_directory_uri (). '/js/testrun.js', வரிசை ('jquery'), '1.0', பொய்);

நீங்கள் கவனித்தால், நான் get_template_directory_uri () ஐப் பயன்படுத்தினேன் , ஆகவே, செயல்பாட்டிற்குப் பிறகு ஒன்றிணைக்கப்பட்ட சரம், அதாவது “ /js/testrun.js ” என்பது உண்மையில் கோப்பின் பாதை வார்ப்புருவின் குறியீட்டு கோப்பைக் குறிக்கிறது.

எனவே உங்கள் js src பண்புக்கூறு, இது உங்கள் js கோப்பின் மூலமாகிறது : get_template_directory_uri (). 'Path_to_js_wrt_index_of_template'.

எனவே, இறுதி functions.php போல் தெரிகிறது:

அங்கேயே இருங்கள், நாங்கள் கிட்டத்தட்ட முடித்துவிட்டோம்! இதை இப்போது சேமித்து, உங்கள் இணையதளத்தில் புதுப்பிப்பைத் தட்டவும்… நீங்கள் JS வேலை செய்வதைப் பார்க்க வேண்டும்! இங்கே என்னுடையது:

நாங்கள் $ in_footer விருப்பத்தை பொய்யாக அமைத்துள்ளதால், பக்கம் ஏற்றப்படுவதற்கு முன்பு ஸ்கிரிப்ட் ஏற்றப்படும், ஆனால் JQuery ஏற்றப்பட்ட பிறகு அது ஒரு சார்புநிலையாக சேர்க்கப்பட்டது!

மற்றும் .. வோய்லா! இங்கே நீங்கள் செல்கிறீர்கள் .. உங்கள் WP கருப்பொருளில் வெளிப்புற தனிப்பயன் JS கோப்பை வெற்றிகரமாக சேர்த்துள்ளீர்கள்!

இனிய குறியீட்டு முறை !!

குறிப்பு: என்கியூ செயல்பாடு: வேர்ட்பிரஸ் கோடெக்ஸ்

தனிப்பயன் வெளிப்புற js ஐ வேர்ட்பிரஸ் இல் சேர்க்க சிறந்த வழி எது