چرا استایل‌های وردپرس شما دیرتر از محتوا می‌آیند؟ راز هوک wp_enqueue_scripts

چرا بارگذاری مستقیم فایل‌ها اشتباه است؟

هوک wp_enqueue_scripts چیست؟

ساختار و پارامترها

add_action( 'wp_enqueue_scripts', 'mytheme_enqueue_assets' );
function mytheme_enqueue_assets() {
    // صف‌بندی استایل‌ها و اسکریپت‌ها
}

نقش location و priority

add_action( 'wp_enqueue_scripts', 'mychild_enqueue_assets', 20 );

ترتیب اجرا و وابستگی‌ها

wp_enqueue_script( 'mytheme-vendor', get_template_directory_uri() . '/assets/js/vendor.js', array( 'jquery' ), '1.0.0', true );
wp_enqueue_script( 'mytheme-app', get_template_directory_uri() . '/assets/js/app.js', array( 'mytheme-vendor' ), '1.0.0', true );

کاربردهای عملی در قالب

add_action( 'wp_enqueue_scripts', 'mytheme_enqueue_assets' );
function mytheme_enqueue_assets() {
    $theme_version = wp_get_theme()->get( 'Version' );

    // استایل اصلی
    wp_enqueue_style(
        'mytheme-main',
        get_stylesheet_uri(),
        array(),
        $theme_version
    );

    // استایل اضافی
    wp_enqueue_style(
        'mytheme-components',
        get_template_directory_uri() . '/assets/css/components.css',
        array( 'mytheme-main' ),
        $theme_version
    );

    // اسکریپت اصلی
    wp_enqueue_script(
        'mytheme-main',
        get_template_directory_uri() . '/assets/js/main.js',
        array( 'jquery' ),
        $theme_version,
        true
    );
}

بارگذاری شرطی و بهینه‌سازی

add_action( 'wp_enqueue_scripts', 'mytheme_conditional_assets' );
function mytheme_conditional_assets() {
    if ( is_singular() && comments_open() && get_option( 'thread_comments' ) ) {
        wp_enqueue_script( 'comment-reply' );
    }

    if ( is_page_template( 'templates/contact.php' ) ) {
        wp_enqueue_script( 'mytheme-form' );
        wp_enqueue_style( 'mytheme-form' );
    }

    if ( function_exists( 'is_woocommerce' ) && ( is_woocommerce() || is_cart() || is_checkout() ) ) {
        wp_enqueue_script( 'mytheme-woo' );
    }
}

نقش در Child Theme

add_action( 'wp_enqueue_scripts', 'mychild_enqueue_assets', 20 );
function mychild_enqueue_assets() {
    wp_enqueue_style(
        'mychild-style',
        get_stylesheet_directory_uri() . '/style.css',
        array( 'mytheme-main' ),
        wp_get_theme()->get( 'Version' )
    );
}

add_action( 'wp_enqueue_scripts', 'mychild_replace_assets', 20 );
function mychild_replace_assets() {
    wp_dequeue_style( 'mytheme-main' );
    wp_deregister_style( 'mytheme-main' );

    wp_enqueue_style(
        'mychild-main',
        get_stylesheet_directory_uri() . '/assets/css/main.css',
        array(),
        filemtime( get_stylesheet_directory() . '/assets/css/main.css' )
    );
}

نکات امنیتی و اشتباهات رایج

تحلیل فنی پیشرفته

پرسش‌های پرتکرار

نتیجه و مسیر ادامه