'Put some CSS style on single template page - Plugin WordPress

I'm developing my first WordPress plugin for an internship.

I know how to put style on the admin pages by wp_enqueue_style() and admin_enqueue_scripts. I also know wp_enqueue_scripts.

I created a custom post type to store businesses and a single template page in "templates" folder, called "single-myCPT.php".

The problem is: I don't understand how to call a css file for this single page.

The URL is like : mywebsite/myCPT/company

When I use the inspector and I go on "Network", there is no css file detected.

Sorry for my English, I'm a French guy who wants to improve that language :).

csswordpresscustom-wordpress-pages


Solution 1:[1]

You can use wp_enqueue_style() and wp_enqueue_script() on front-end (non-admin) pages as well as admin pages.

Use the wp_enqueue_scripts action for the purpose.

function plugin_name_enqueue_frontend_style() {
    wp_enqueue_style( 
            'plugin_name_frontend', 
            plugin_dir_url( __FILE__ ) . 'css/frontend.css');
}

add_action( 'wp_enqueue_scripts', 'plugin_name_enqueue_frontend_style' );

But, you should probably also include your frontend css on your admin page; you may need it.

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1

Related Questions