wp-enqueue-style - Read For Learn

Identifying the priority of style.css so I can make a small CSS file load last

When you properly enqueue a file, an instance of the wp_styles (more on this) class is created. The priority of actions is ignored. So it doesn’t matter if you write anything like add_action (‘wp_enqueue_scripts’,’function_adding_main_style’,10); add_action (‘wp_enqueue_scripts’,’function_adding_small_style’,11); The reason is exactly the existence of the dependency system. WP first collects all enqueued style files and then … Read more

What determines the order of enqueued styles?

In the codex for wp_enqueue_style, there is an argument for dependencies. So if I enqueue style A with deps B and C, A will be loaded after B and C. 🙂

How to add the main style.css to my index.php?

Found: As stated here: https://codex.wordpress.org/Function_Reference/wp_head. Put this template tag immediately before tag in a theme template (ex. header.php, index.php). So I added <?php wp_head() ?> just before </HEAD and now it works.

Trying to load different syles for 404.php page

You have 2 options here. Use Built-in Classes As you already mentioned, WordPress automatically adds classes to body, based on the current page. You can use it to style your elements differently, or even use your own different classes in your 404.php: .error404 p { // Some different classes here } Enqueue Your Styles Only … Read more

Why shouldn’t @import be used to import a parent theme into a child theme?

@import is a convenient CSS shortcut for loading a particular stylesheet (often parent themes or other dependencies), but part of the reason why it’s generally discouraged is due to – as you had mentioned – a small performance hit (stylesheets loaded with @import are not loaded in parallel). Another reason is that by loading stylesheets … Read more

How to load different css file for different pages

You can achieve this using conditionals inside the function enqueuing your styles. function wpdocs_theme_name_scripts() { wp_enqueue_style( ‘global’, get_stylesheet_uri() ); if ( is_page(5) ) { wp_enqueue_style( ‘page-five’, get_stylesheet_uri() . ‘/page-five-styles.css’ ); } } add_action( ‘wp_enqueue_scripts’, ‘wpdocs_theme_name_scripts’ ); If you wanted more control over both the markup of your page and the CSS files you load, you … Read more

Stylesheet from wp_enqueue_style is overwritten by plugin

Just use wp_register_style() and wp_enqueue_style() correctly. Register your stylesheet on wp_loaded, enqueue it on wp_enqueue_scripts. add_action( ‘wp_loaded’, function() { wp_register_style( ‘fontawesome’, ‘//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css’ ); }); add_action( ‘wp_enqueue_scripts’, function() { wp_enqueue_style( ‘fontawesome’ ); }); When someone tries to call wp_enqueue_style() with an URL, WordPress will try to register it automatically, doing the work of wp_register_style() behind the … Read more

Enqueue styles through the wp_enqueue_style function vs link tag inside header.php

Three good reasons to use the enqueue functions over hard coding are to eliminate duplication, avoiding library conflicts, and handling dependencies: Duplication: If, for example, you hard code a link to jQuery, and then install a plugin which also enqueues the jQuery library, you’re site will be loading the same library twice, which will affect … Read more

How to add a style to taxonomy edit page

You can do it like this: add_action (‘admin_enqueue_scripts’, ‘wpse_style_tax’) ; function wpse_style_tax () { // these 3 globals are set during execution of {edit-tags,term}.php global $pagenow, $typenow, $taxnow ; if (!in_array ($pagenow, array (‘edit-tags.php’, ‘term.php’)) { return ; } if (‘news’ != $typenow) { return ; } if (‘news-category’ != $taxnow) { return ; } … Read more

What can I hook into after_setup_theme?

Think of WordPress execution as a series of rungs on a ladder: WordPress climbs one rung, then the next, then the next, and so on. Think of action hooks as the rungs themselves. Here is a (slightly abbreviated, I think) list of those actions, or “rungs” executed during a typical WordPress request. Thus, an add_action() … Read more

+ More