چرا استایل شما در موبایل خراب می‌شود؟ راهنمای wp_enqueue_style

چرا بارگذاری ساده CSS کافی نیست؟

تابع wp_enqueue_style چیست؟

امضای تابع و پارامترها

function wp_enqueue_style( $handle, $src = '', $deps = array(), $ver = false, $media = 'all' ) {
    // ...
}

هوک صحیح فراخوانی

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

    wp_enqueue_style(
        'mytheme-main',
        get_stylesheet_uri(),
        array(),
        $version,
        'all'
    );
}

مدیریت وابستگی با deps

wp_enqueue_style(
    'mytheme-components',
    get_template_directory_uri() . '/assets/css/components.css',
    array( 'mytheme-main', 'mytheme-variables' ),
    $version
);

نقش media در ریسپانسیو

wp_enqueue_style(
    'mytheme-print',
    get_template_directory_uri() . '/assets/css/print.css',
    array(),
    $version,
    'print'
);

wp_enqueue_style(
    'mytheme-desktop',
    get_template_directory_uri() . '/assets/css/desktop.css',
    array(),
    $version,
    '(min-width: 1024px)'
);

نسخه‌بندی و Cache Busting

/assets/css/main.css?ver=1.0.0

$file_path = get_template_directory() . '/assets/css/main.css';
$version = file_exists( $file_path ) ? filemtime( $file_path ) : '1.0.0';

wp_enqueue_style(
    'mytheme-main',
    get_template_directory_uri() . '/assets/css/main.css',
    array(),
    $version
);

کاربردهای عملی در قالب و افزونه

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

    wp_enqueue_style(
        'mytheme-style',
        get_stylesheet_uri(),
        array(),
        $version
    );

    wp_enqueue_style(
        'mytheme-rtl',
        get_template_directory_uri() . '/assets/css/rtl.css',
        array( 'mytheme-style' ),
        $version
    );
}

add_action( 'wp_enqueue_scripts', 'mytheme_conditional_styles' );
function mytheme_conditional_styles() {
    if ( is_front_page() ) {
        wp_enqueue_style(
            'mytheme-home',
            get_template_directory_uri() . '/assets/css/home.css',
            array(),
            wp_get_theme()->get( 'Version' )
        );
    }

    if ( is_page_template( 'templates/contact.php' ) ) {
        wp_enqueue_style(
            'mytheme-contact',
            get_template_directory_uri() . '/assets/css/contact.css',
            array(),
            wp_get_theme()->get( 'Version' )
        );
    }
}

add_action( 'wp_enqueue_scripts', 'mytheme_dequeue_styles', 100 );
function mytheme_dequeue_styles() {
    if ( ! is_page_template( 'templates/landing.php' ) ) {
        wp_dequeue_style( 'mytheme-hero');
        wp_deregister_style( 'mytheme-hero' );
    }
}

نقش در Child Theme

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

add_action( 'wp_enqueue_scripts', 'mychild_replace_styles', 20 );
function mychild_replace_styles() {
    wp_dequeue_style( 'mytheme-style' );
    wp_deregister_style( 'mytheme-style' );

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

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

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

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

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