enqueue css file on specific page

Jacob

I want to load a particular stylesheet file on the specific page i.e. profile. I don't want to load unnecessary CSS which is only required for a specific page. Right now, the CSS file is showing on every page. I want to hide this file on every page except the profile page.

This is what I am using.

function wp7344_enqueues() {
    wp_enqueue_style( 'theme-profile-page', get_theme_file_uri( '/assets/css/profile.css' ) );
}
add_action( 'wp_enqueue_scripts', 'wp7344_enqueues' );

morgan

you have to use the is_page() function in wp7344_enqueues(). The is_page() function will help you to identify the specific page by using the page id, title or slug.

Assuming that you have the profile slug for the Profile page. Then apply the codes like:

function wp7344_enqueues() {
    if( is_page('profile') ):
        wp_enqueue_style( 'theme-profile-page', get_theme_file_uri( '/assets/css/profile.css' ) );
    endif;
}

You could use the profile page Title or ID from the same way to check the specific page.