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

• کاهش سرعت بارگذاری صفحه (Page Speed)
• ایجاد تداخل بین قالب و افزونه‌ها
• مشکلات امنیتی (مانند اجرای اسکریپت‌های ناخواسته)
• از کار افتادن بخش‌هایی از سایت پس از آپدیت وردپرس

1. روش استاندارد و توسعه‌ای (Enqueue)
2. روش سریع و مشروط با هوک‌ها
3. روش مبتدی با افزونه و بلوک HTML

افزودن JavaScript به وردپرس چیست؟

• خطاهای جاوااسکریپت در کنسول مرورگر
• بلوک شدن اجرای اسکریپت‌های دیگر
• افت سرعت سایت

چرا باید JS را اصولی به وردپرس اضافه کنیم؟

1- افزودن جاوا اسکریپت به وردپرس با روش استاندارد (Enqueue)

استفاده از روش Enqueue باعث می‌شود اسکریپت‌ها به‌صورت اصولی و بدون تداخل با سایر بخش‌های سایت بارگذاری شوند. این روش بهترین انتخاب برای حفظ سرعت، امنیت و سازگاری سایت با قالب و افزونه‌هاست. اگر پروژه شما حرفه‌ای است یا قصد دارید اسکریپت‌ها را مدیریت‌پذیر نگه دارید، Enqueue استانداردترین و مطمئن‌ترین راهکار است.

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

• توسعه‌دهندگان
• مدیران سایت با سطح فنی متوسط
• پروژه‌هایی که نیاز به سرعت بالای سایت دارند

چرا روش Enqueue بهترین است؟

• اسکریپت‌ها تکراری بارگذاری نشوند
• امکان درج در Head یا Footer وجود داشته باشد
• کنترل وابستگی‌ها ممکن باشد

🔸 مثال واقعی: افزودن JS فقط به چند برگه خاص 2025

چگونه اسکریپت را Enqueue کنیم؟

/public_html/wp-content/themes/your-theme/functions.php

/public_html/wp-content/themes/your-theme/functions.php

function wd_enqueue_custom_js() {
    wp_enqueue_script(
        'wd-custom-js',
        get_stylesheet_directory_uri() . '/js/custom.js',
        array('jquery'),
        '1.0.0',
        true
    );
}
add_action('wp_enqueue_scripts', 'wd_enqueue_custom_js');

function wd_enqueue_custom_js() {
    wp_enqueue_script(
        'wd-custom-js',
        get_stylesheet_directory_uri() . '/js/custom.js',
        array('jquery'),
        '1.0.0',
        true
    );
}
add_action('wp_enqueue_scripts', 'wd_enqueue_custom_js');

if (is_page(123)) {
    wp_enqueue_script(...);
}

if (is_page(123)) {
    wp_enqueue_script(...);
}

2- افزودن JS به برگه یا نوشته با هوک‌ها (روش سریع)

• نمی‌خواهید فایل JS جدا بسازید
• فقط برای یک برگه خاص می‌خواهید JS اضافه کنید

add_action('wp_footer', function(){
    if(is_single(45)){
        echo '<script>alert("Hello!")</script>';
    }
});

add_action('wp_footer', function(){
    if(is_single(45)){
        echo '<script>alert("Hello!")</script>';
    }
});

3- افزودن JS با افزونه‌ یا بلوک HTML (برای مبتدی‌ها)

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

• Code Snippets

• Insert Headers and Footers

• Simple Custom CSS & JS

افزودن با بلوک HTML

1. افزودن بلوک HTML
2. قرار دادن تگ <script>

جدول مقایسه روش‌های اضافه کردن کد جاوا به وردپرس

📌 خدمات وب‌داده

• ✅ سرور مجازی NVMe با سرعت بسیار بالا
• ✅ منابع کاملاً اختصاصی
• ✅ بدون اورسل

سرور مجازی ایران

بهترین VPS ایران با پنل مدیریت اختصاصی، هارد NVMe و پهنای باند بالا

برای مشاهده پلن‌های
سرور مجازی ایران وب‌داده
روی دکمه زیر کلیک کنید

خرید سرور مجازی ایران

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

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