آیا می خواهید نحوه افزودن کد jQuery در وردپرس را فرا بگیرید؟ بنابراین برای یادگیری بیشتر به مطالعه ادامه دهید.

علیرغم اینکه WordPress مدتی در دسترس بوده است و افزودن اسکریپت ها و افزونه های تم نیز مدتی است که وجود دارد ، هنوز هم سردرگمی وجود دارد که از کدام روش استفاده کنید. برای اضافه کردن اسکریپت ها در وردپرس استفاده کنید.

بنابراین ما سعی خواهیم کرد مسائل را روشن کنیم.

از آنجایی که جی کوئری پرکاربردترین فریم ورک جاوا اسکریپت است، به شما نشان خواهیم داد که چگونه آن را به یک موضوع یا یک تم اضافه کنید. پلاگین وردپرس.

اما قبل از آن ، اگر هرگز WordPress را نصب نکرده اید کشف کنید نحوه نصب a وبلاگ وردپرس در 7 مرحله et چگونه برای پیدا کردن، نصب و فعال یک تم وردپرس در وبلاگ خود 

سپس به این دلیل که چرا ما اینجا هستیم

حالت سازگاری JQuery

قبل از شروع اضافه کردن اسکریپت ها در وردپرس ، بیایید نحوه سازگاری jQuery را بررسی کنیم. وردپرس با یک کپی از jQuery همراه است که می توانید با استفاده از کد خود از آن استفاده کنید. هنگامی که وردپرس jQuery بارگیری می شود ، از حالت سازگاری استفاده می کند ، مکانیسمی برای جلوگیری از درگیری با سایر کتابخانه ها. نحوه اضافه کردن کد jQuery در وردپرس

پیدا کنید اگر او باید jQuery را از تم ها و افزونه های خود حذف کنید وردپرس ?

این بدان معنی است که شما نمی توانید به طور مستقیم مانند سایر پروژه ها از علامت دلار استفاده کنید. هنگام نوشتن jQuery در وردپرس ، باید به جای آن از jQuery استفاده کنید.

به کد زیر نگاهی بیندازید تا منظور من را ببینید:

/ * حالت عادی * / $ ("مخفی شدنی") روشن ("کلیک کنید" ، تابع () {jQuery (این) .hide ()؛})

آنچه باید بدانید این است که با چند تغییر ، می توانید دوباره از علامت دلار استفاده کنید. استفاده از هر بار "jQuery" روی همه کد های شما ، نوشتن را پیچیده تر می کند.

بررسی کنید 10 سردبیران کد برای توسعه دهندگان وردپرس

صرفاً برای یادآوری ، اگر jQuery را بدانید ، علامت $ فقط یک نام مستعار برای jQuery () است ، سپس یک نام مستعار برای یک عملکرد است. نحو اصلی این است: $ (انتخاب) .action () :

  • یک علامت دلار برای تعریف jQuery
  • (انتخاب) برای "یافتن" عناصر HTML
  • عملی () برای اجرای این عناصر jQuery ()

اگر اسکریپت خود را در پاورقی بارگیری کنید ، می توانید کد خود را در یک عملکرد ناشناس قرار دهید. در اینجا نحوه انجام آن آورده شده است:

(تابع ($) {$ ('. قابل پنهان شدن'). روشن ('کلیک' ، تابع () {$ (این). مخفی ()؛})}) (jQuery)؛

اگر می خواهید اسکریپت خود را در هدر اضافه کنید (در صورت امکان از آنچه باید جلوگیری کنیدمی توانید آن را در یک عملکرد که در صورت آماده بودن سند اجرا می شود ، بپیچید.

راه را نیز کشف کنید چگونه برای اضافه کردن به راحتی کد را در وردپرس بدون شکستن وب سایت خود وارد کنید

jQuery (سند). آماده (تابع ($) {$ ('. مخفی'). روشن ('کلیک کنید' ، تابع () {$ (این). پنهان ()؛})})؛

چگونه اسکریپت های خود را به jQuery پیوند دهید

اکنون که می توانید کد معتبر jQuery را در وردپرس بنویسید ، ما کار خود را به وب سایت ما پیوند خواهیم داد. در وردپرس این فرآیند "" نامیده می شود enqueueing (سیستم دم) برای یک وب سایت معمولی HTML ، باید از برچسب استفاده کنیمخط> برای افزودن اسکریپت ها.

وردپرس می تواند همین کار را انجام دهد ، اما ما برای رسیدن به این هدف از ویژگی های ویژه WordPress استفاده خواهیم کرد. در این روش وردپرس تمام وابستگی های ما را برای ما مدیریت می کند.

اگر در حال کار روی یک موضوع هستید ، می توانید از این تابع استفاده کنید wp_enqueue_script () در پرونده خود functions.php فایل. در اینجا نحوه انجام این کار آمده است:

تابع my_theme_script () {wp_enqueue_script ('my-great-script'، get_template_directory_uri (). '/js/my-great-script.js'، array ('jquery')، '1.0.0'، true)؛ } add_action ('wp_enqueue_scriptts'، 'my_theme_scriptts')؛

تابع پنج آرگومان می گیرد. اولی که می توانید برای مراجعه به اسکریپت استفاده کنید، دومی محل فایل اسکریپت است، پارامتر سوم آرایه ای از وابستگی ها است.

من jQuery را به عنوان یک وابستگی اضافه کردم زیرا اسکریپت از آن استفاده می کند. اگر اسکریپتی ایجاد کنید که به "من-بزرگ-اسکریپت باید آن را به لیست وابستگی اضافه کنید تا وردپرس بداند ابتدا کدام پرونده ها را بارگیری می کند.

کشف کنید چگونه برای بارگذاری جاوا اسکریپت در وردپرس

پارامتر چهارم یک شماره نسخه است و پنجم به وردپرس اجازه می دهد تا بداند اسکریپت را کجا قرار می دهد. به طور پیش فرض ، اسکریپت ها در هدر بارگیری می شوند ، که این عملکرد بدی است ، زیرا سرعت بارگیری صفحه وب سایت شما را کاهش می دهد (مرورگرها تمام بارگذاری صفحه را متوقف می کنند ، هر زمان که مسدود شود est rencontré). در صورت امکان با ساخت پارامتر پنجم ، باید تمام اسکریپت های خود را در صفحه قرار دهید " درست '.

چگونگی اضافه کردن یک اسکریپت در داشبورد

به درستی کد jQuery را در وردپرس اضافه کنیدهمچنین می توانید اسکریپت ها را روی آن اضافه کنید داشبورد. توابع استفاده شده دقیقاً یکسان هستند ، شما فقط باید از "" استفاده کنید قلاب " ناهمسان. نگاهی به مثال زیر بیندازید:

function my_admin_scriptts () {wp_enqueue_script ('my-great-script'، plugin_dir_url (__FILE__). '/js/my-great-script.js'، array ('jquery')، '1.0.0'، true)؛ } add_action ('admin_enqueue_scriptts'، 'my_admin_scriptts')؛

به جای استفاده wp_enqueue_scripts ما باید استفاده کنیم admin_enqueue_scripts، و این همه!

استفاده از برچسب های مشروط

از برچسب های شرطی استفاده کنید تا فقط در صورت نیاز اسکریپت های خود را بارگیری کنید. این اغلب در داشبورد استفاده می شود ، جایی که شما می خواهید از اسکریپت فقط در یک صفحه خاص استفاده کنید. این باعث کاهش پهنای باند و زمان پردازش می شود که به معنی زمان بارگیری سریعتر برای وب سایت شما است.

ما را نیز کشف کنید افزونه های 10 WordPress برای بهبود سرعت بارگذاری وبلاگ شما

نگاهی بیندازید اسناد admin_enqueue_scripts برای اطلاعات بیشتر در وردپرس Codex.

همچنین برخی از افزونه های برتر WordPress را کشف کنید  

می توانید از موارد دیگر استفاده کنید افزونه های وردپرس برای دادن ظاهری مدرن و بهینه سازی مدیریت وبلاگ یا وب سایت شما.

ما در اینجا برخی از افزونه های برتر وردپرس را به شما پیشنهاد می دهیم که در انجام این کار به شما کمک می کنند.

1. نقشه جهانی تعاملی

نقشه های تعاملی جهان یک است پلاگین وردپرس که به شما کمک می کند تا هر تعداد که می خواهید، با نشانگرها، قاره ها، کشورها یا مناطق تعاملی و رنگی ایجاد کنید.

نقشه های جهانی تعاملی

کاملاً با نسخه جدید سازگار است وردپرس و ویژوال آهنگساز. با تشکر از این افزونه ، شما می توانید چندین منطقه مختلف از جمله: یک نقشه از کل جهان ، یک قاره یا یک شبه قاره (آفریقا ، اروپا ، آمریکا ، آسیا ، اقیانوسیه و تمام قاره های فرعی آنها) را به نمایش بگذارید ، یک کشور ، یک کشور تقسیم بر مناطق خود ، ایالت ایالات متحده ، ایالات متحده تقسیم شده توسط کلان شهرها ، ایالت ایالات متحده است که توسط کلان شهرها تقسیم شده است.

دانلود | نسخه ی نمایشی | میزبانی وب

2. فرم تماس با AJAX با پیگیری

Ce پلاگین وردپرس به شما اجازه می دهد تا به راحتی فرم های تماس یا نظر را به خود اضافه کنید وبلاگ وردپرس. این دارای یک مدیر تنظیمات است که می توان مستقیماً از طریق داشبورد وردپرس به آن دسترسی داشت.فایل wp-آژاکس-تماس با شکل ردیابی پلاگین وردپرس، به ایمنی

ویژگی های اصلی آن از جمله سایر موارد است: a fبرای ایمیل، پشتیبانی از ریاضیات CAPTCHA در فرم ها ، سفارشی سازی و پیکربندی از طریق داشبورد وردپرس ، امکان dتعریف خودکار پاسخ ، پشتیبانی از CSS سفارشی و موارد دیگر را تعریف کنید

دانلودنسخه ی نمایشیمیزبانی وب 

3. دروازه پرداخت استاندارد PayPal برای فرم های نینجا

دروازه استاندارد PayPal برای فرم های نینجا به شما امکان می دهد فرم هایی ایجاد کنید که به صورت یکپارچه با درگاه پرداخت PayPal ادغام شوند. 

درگاه پرداخت استاندارد Paypal برای فرم های نینجا

شما می توانید فرم های سفارش شخصی سازی شده و پرداخت ها را با استفاده از حساب های استاندارد Paypal دریافت کنید. ویژگی های اصلی آن عبارتند از: ادغام آسان و سریع ، یکپارچه سازی IPN ، امکان فعال سازی / غیرفعال کردن درگاه PayPal در فرم های مختلف ، پشتیبانی از پرداخت های منظم و غیره

دانلود | نسخه ی نمایشی |  میزبانی وب

سایر منابع پیشنهادی

ما همچنین از شما دعوت می کنیم تا با منابع زیر مشورت کنید تا بیشتر در کنترل و کنترل وب سایت و وبلاگ خود باشید.

نتیجه

اینجا ! این برای این آموزش است. امیدوارم اکنون شما می دانید که چگونه اسکریپت را به وردپرس اضافه کنید. در صورت تمایل به این نکته را با دوستان خود در شبکه های اجتماعی خود به اشتراک بگذارید.

با این حال، شما همچنین می توانید با ما مشورت کنید ressourcesاگر برای اجرای پروژه های ایجاد سایت های اینترنتی به عناصر بیشتری احتیاج دارید ، با مشورت راهنمای ما در مورد ایجاد وبلاگ وردپرس.

در ضمن ، در مورد خودتان به ما بگویید نظر و پیشنهادات در بخش اختصاصی

...