درخواست پیش فاکتور

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

  • ۲۸ مهر ۱۳۹۷
  • 49 نفر
  • بدون دیدگاه
  • مجید عابد
 
1 Star2 Stars3 Stars4 Stars5 Stars

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

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

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

اگر بخواهیم به  صورت کلی ساختار اضافه کردن کد جاوا اسکریپت را به شما توضیح دهیم باید نگاهی به کد زیر بیندازیم :

فایل جاوا اسکریپت با فرمت js شناخته میشود و ما آن را با استفاده از این کد و یا به صورت معمولی بین تگ Script فراخوانی میکنیم . فراخوانی جاوا اسکریپت معمولا بین تگ head و یا در پایین سایت قبل از </body> میباشد . حال میرویم سراغ روش های فراخوانی جاوا اسکریپت در سایت :

 

روش اول : افزودن جاوا اسکریپت به سایت از طریقه افزونه هدر و فوتر

 

برای اینکار باید ابتدا افزونه Insert Headers and Footers را نصب و فعال کنید . پس از فعال سازی گزینه ای به همین نام درون منو تنظیمات مدیریت وردپرس شما نمایان خواهد شد . پس از کلیک بر روی آن گزینه شما با دو باکس متنی مواجه خواهید شد . اولین باکس مربوط به قرار دادن کد جاوا اسکریپت در هدر و دیگر مربوط به فوتر میباشد که میتوانید علاوه بر جاوا اسکریپت کدهای css را نیز فراخوانی کنید .

 

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

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

 

توجه کنید که پس از پایان کار حتما بر روی دکمه save کلیک کنید تا تغییرات ذخیره شوند .

 

روش  دوم : افزودن کد به صورت دستی

فایل functions.php قالب شما آماده قرار دادن هر کدی درون آن است . یکی از منعطف ترین فایل ها که امکان زیادی به شما در زمینه زیبا تر کردن سایتتان خواهد داد . نمونه کدی که میتوانید با استفاده از آن کدهای جاوا اسکریپت را در سایت خود اجرا کنید به صورت زیر میباشد :

 

البته در صورتی که بخواهید این کد در صفحه نوشته خاصی اجرا شود میتوانید از کد زیر استفاده کنید :

 

در این کد ما گفته ایم که نوشته ما با شناسه ۱۶ تنها دارای این کد جاوا اسکریپت باشد . افزونه هایی وجود دارد که شناسه نوشته و برگه ها را به شما نمایش خواهد داد . در صورتی که بخواهید کد جاوا اسکریپت در برگه نمایش داده شود میتوانید از طریق کد زیر اقدام به انجام این کار نمایید :

 

 

کدهای بالا جهت اضافه کردن کد به هدر بود . اما در صورتی که بخواهید کدها در فوتر قرار بگیرد باید به جای wp_head از wp_footer استفاده کنید . نمونه آن در زیر آورده شده است :

 

در کدهای فوتر نیز میتوان مانند هدر برای نمایش در صفحه و یا برگه خاص شرط قرار داد .

 

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

خب میرسیم به روش آخر . در این روش شما با استفاده از افزونه Code Embed میتوانید این کار را انجام دهید . پس از فعال کردن افزونه به ویرایش نوشته یا برگه خود بروید . پس از آن در بالای صفحه بر روی گزینه تنظیمات صفحه کلیک کنید و علامت گزینه Custom Fields را فعال کنید .

 

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

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

 

حال اگر صفحه را کمی به پایین بکشید میبینیدکه در قسمت زمینه های دلخواه گزینه ای اضافه شده است . بر روی گزینه Enter New کلیک کنید .

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

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

 

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

 

 

توجه کنید که حتما بر روی دکمه Add Custom Field برای ذخیره زمینه دلخواه خود کلیک کنید . پس از آن در هر جایی از محتوای نوشته خود میتوانید کد

{{CODEmyjscode}} را قرار دهید تا جاوا اسکریپت شما فراخوانی شود .

 

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

 

امیدوارم که از آموزش افزودن راحت جاوا اسکریپت به سایت استفاده کافی برده باشید . خوشحال میشویم که نظر خود را با ما مطرح کنید .

 

دکتر رنک لول رنگ - پالت رنگ های مورد تایید آی وحید درگاه پرداخت واسط jibme