Your enqueued css should work for all page template if there is no condition applied. could you please share it how you enqueued? Another thing you can check. In header.php, can you please check that wp_head(); function has been called properly in the page template’s head tag. if not exists in the header.php between the … Read more
You can simply make your plugin css dependent upon the theme css and the child theme css dependent upon the plugin css. function wpdocs_custom_scripts() { // example theme style wp_enqueue_style( ‘theme-style’, ‘#’ ); // Plugin css wp_enqueue_style( ‘plugin-style’, ‘#’, array( ‘theme-style’ ) ); // see “theme-style” passed in $deps param, // Child theme css wp_enqueue_style( … Read more
It looks like your condition check is correct. As per the comments to the question, don’t forget to add it as a callback to the wp_enqueue_scripts action hook. function enqueue_styles_and_scripts() { if ( is_page_template(‘htmlcode.php’) ) { wp_enqueue_style( ‘code-mirror-css’, get_template_directory_uri() . ‘/code-mirror/plugin/codemirror/lib/codemirror.css’, array(), ‘all’); wp_enqueue_style( ‘code-mirror-monokai’, get_template_directory_uri() . ‘/code-mirror/plugin/codemirror/theme/monokai.css’, array(), ‘all’); wp_enqueue_script( ‘code-mirror-js’, get_template_directory_uri() . ‘/code-mirror/plugin/codemirror/lib/codemirror.js’, … Read more
Set the priority argument on add_action(), the 3rd argument, to something high: add_action(‘wp_enqueue_scripts’, ‘add_custom_css’, 20 ); The default is 10, so most styles will be loaded at that priority in the order that the plugins are loaded, so 20 will be after most of them. Increase or decrease that number as required.
In Gutenberg and plugins for Gutenberg are all styles involved via wp_enqueue_style. I would to see all developers use wp_register_style before, makes easier to deregister. However you should un-enqueue the style via the core function wp_dequeue_style. So this should work, in dependency of the hook and handle of the style and his handle, here for … Read more
I also get this script tag shown in my shortcode output alongside my html that shortcode returns. How can I not have this script tag shown in my shortcode output. Never use echo statement in a shortcode. A shortcode should only return something to display on front-end. As per WordPress Codex : Note that the … Read more
If your bootstrap or other enqueued scripts have a dependency or name conflict, this could enqueue all these scripts. There are a large number of common scripts in WordPress core that are enqueued under common names. I always recommend prefixing your script names with something specific. wp_enqueue_script( ‘theme-bootstrap’, ‘https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js’, array( ‘jquery’ ), ‘4.3.1’, true );
The reason to use wp_enqueue_style is to allow WordPress to manage dependencies between stylesheets. Since you’re only outputting a barebones page here, there really is no point to use it. That said, if you look at the hook order, you see that template_redirect is actually called quite late in the process, just before the scripts … Read more
You need to add your css to wp_head. In order to do so, you need to get your dynamic CSS first, load in into a variable and then add that variable to the head output. Just like so: (This code can go into your functions.php, plugin file or somewhere else in your theme, make sure … Read more
Your theme requires style.css to be present in the theme’s root directory, with a comment header at the top containing information about he theme, like this: /* Theme Name: Twenty Nineteen Theme URI: https://wordpress.org/themes/twentynineteen/ Author: the WordPress team Author URI: https://wordpress.org/ Description: Our 2019 default theme is designed to show off the power of the … Read more