css

Could the WP script/style loader be used to concatenate and gzip scripts and styles in the front-end?

late answer From a brief look: You’d have to use include( admin_url().’load-scripts.php’ ); and include( admin_url().’script-loader.php’ ); Then jump into $GLOBALS[‘wp_scripts’]: Use… $wp_scripts->default_dirs( array_merge( $wp_scripts->default_dirs ,array( ‘/themes/your_theme/js/’ ) ); …to extend it. And then use $wp_scripts->add( $handle, $path_from_content_dir, false/array( $deps ), $ver ) to add a script. Notes: Uncompressed scripts get searched by .dev.js (when … Read more

Where are Additional CSS files stored

It’s stored in the database, within the wp_posts table, under the custom_css post type, where the post name is the theme slug. There you also have the related customize_changeset and revision post types. The custom css post ID is also stored in the wp_options table under each theme mods, e.g. theme_mods_twentysixteen for Twenty Sixteen. It’s … Read more

Versioning @import of parent theme’s style.css

You don’t have to use @import. It’s best not to, actually. Using an enqueued approach is probably better all around. Here’s the relevant part of twentythirteen’s code: function twentythirteen_scripts_styles() { … // Loads our main stylesheet. wp_enqueue_style( ‘twentythirteen-style’, get_stylesheet_uri(), array(), ‘2013-07-18’ ); … } add_action( ‘wp_enqueue_scripts’, ‘twentythirteen_scripts_styles’ ); Here’s what you do in your code: … Read more

How do you avoid caching during development?

Add the filemtime() of your stylesheet as version parameter. Lets say, your default stylesheet is in css/default.css and css/default.min.css (not style.css). When we register a stylesheet on wp_loaded (not init), we can pass a version as fourth parameter. That will be the last modified time and therefore change every time we change the file. $min … Read more

adding custom stylesheet to wp-admin

According to WordPress Codex (here): admin_enqueue_scripts is the first action hooked into the admin scripts actions. Example Loading a CSS or JS files for all admin area: //from functions.php //First solution : one file //If you’re using a child theme you could use: // get_stylesheet_directory_uri() instead of get_template_directory_uri() add_action( ‘admin_enqueue_scripts’, ‘load_admin_style’ ); function load_admin_style() { … Read more

Best way to overide plugin CSS?

As you suggest, the most elegant approach is when your CSS overrides are loaded after the CSS injected by the plugins. This is quite easy to achieve – you just need to make sure that your header.php calls wp_head() before it references your style sheet: <head> <!– all the usual preamble stuff goes here –> … Read more

What are the standard admin CSS id/class tags?

We’re working on updating http://dotorgstyleguide.wordpress.com/ to have more of this information and reflect the style updates from 3.2. Other than that, I’ve seen a plugin (that I currently cannot locate) that shows a demo page of sorts that displays the various CSS selectors and what they look like, but I believe it was outdated. Other … Read more

How to define and link full path to css located at a random folder on header.php

You should look into wp_enqueue_script() and wp_enque_style(), they’ll handle the assembly and placement of the script/style tag, and the dependancy order – inside of your header (via wp_head()) or footer if you like to load your assets at the bottom of your page. So, for your example, something like add_action( “wp_enqueue_scripts”, function(){ wp_enqueue_style( ‘mythemelightbox’, get_template_directory_uri().’/lightbox2-master/lightbox2-master/src/css/lightbox.css’, … Read more

+ More