وب سایت 30، مرجع آموزش دیجیتال مارکتینگ مرجع آموزش دیجیتال مارکتینگ،سئو وب سایت،طراحی وب سایت، گرافیک، برنامه نویسی و نرم افزار
گاهی‌اوقات ممکن است بخواهیدکه کدهای جاوااسکریپت رابه کل وب سایت یاصفحات خاصی ازآن اضافه کنید.بطورپیش‌فرض وردپرس این اجازه رابه شمانمیدهد تا براحتی این کدها رابه پستهای خوداضافه کنید.دراین مقاله به شمانشان خواهیم دادکه چگونه میتوانید“افزودن جاوااسکریپت به یک وب سایت وردپرسی”را براحتی انجام دهید.
اضافه کردن جاوااسکریپت به وردپرس
جاوااسکریپت یک زبان برنامه‌نویسیست که درمرورگرکاربراجرا میشود.این زبان سمت کاربربه توسعه‌دهندگان امکان میدهدکارهای بسیارجالبی راانجام دهند،بدون اینکه ازسرعت وب سایت شان کاسته شود.
هنگامیکه شماتصمیم داریدیک قطعه کدجاوااسکریپت به وب سایت وردپرسی خوداضافه کنید،وردپرس بلافاصله پس ازذخیره کردن صفحه یامطلب،آن کدراحذف میکند.درادامه چندروش را معرفی خواهیم کردکه بدون دردسرمیتوانیدخیلی راحت کدهای جاوااسکریپت خود را در وب سایت وردپرسی قراردهید.
روش اول: استفاده ازافزونه Insert Headers and Footers
یکی ازبهترین افزونه‌ها برای اینکار“Insert Headers and Footers”نام دارد.این افزونه به شمااجازه میدهدتاهرکدمخصوصا جاوااسکریپت رادرتگهای<head>و<footer>قراردهید.
پس ازاینکه افزونه را نصب وفعال کردید،میتوانید به بخش تنظیمات آن درمنوی وردپرس بروید.پس ازآنکه واردبخش تنظیمات افزونه شدید.باتصویرزیر رو‌به‌رو خواهیدشد:
دوکادر برای واردکردن کدوجود دارد.درکادراول،کدهای هدر وب سایت قرارمیگیرد.وکادردوم محل قراردادن کدهای فوتراست.حال میتوانیدکدهای موردنظرخود را درآن‌ها قراردهید.سپس تنظیمات راذخیره کنید.
روش دوم:افزودن جاوااسکریپت به وردپرس(صورت دستی)
دراین روش،بصورت دستی کدهای جاوااسکریپت خودرادرفایلهای وب سایت قرارمیدهید.هرکاربری میتواندبا استفاده ازاین روش،کدهای موردنظرخود رابرای یک صفحه یامحتواخاصی قرار دهد که آن کدتنهابرای آن صفحه اجراشود.
برای شروع کار،شمابایدفایل قالب وب سایت وردپرس خودرا به نام“functions.php”ویرایش کنید.هنگامیکه این فایل راویرایش کردید،کدزیر را درآن فایل قراردهید:
<?
<script>
<strong>// your javscript code goes</strong>
<script/>
php?>
{
;add_action(‘wp_head’, ‘wpb_hook_javascript’)
حال اگر میخواهیداین کد رابرای یک محتوا یاصفحات خاصی قراردهید،بایدکد زیر راقرار دهید:
} if (is_PAGE (’20’))
<?
<“script type=”text/javascript>
<strong> // your javscript code goes here</strong>
<script/>
<?php
{
{
;add_action(‘wp_head’, ‘wpb_hook_javascript’)
همانطورکه مشاهده میکنید،بایدکدجاوا اسکریپت مورد نظرخود رادربخش “// your javscript code goes”قراردهید.همچنین بخش جدیدی به کداضافه شده است که عدد“20”را نشان میدهد.
این عدد،آیدی پیش فرض یک مطلب دروردپرس میباشد.برای اینکه بتوانیداین کدجاوا رابرای یک مطلبی که موردنظرتان است قراردهید،نیازداریدکه آیدی آن مطلب راکپی کرده وبجای عدد ۲۰قرار دهید.
