We all know that when we're add a script or style to WordPress, we should use wp_enqueue_script( $handle, $src, $deps, $ver, $in_footer ) and wp_enqueue_style( $handle, $src, $deps, $ver, $media ) as in:
function themeslug_enqueue_style() {
wp_enqueue_style( 'core', 'style.css', array('twentytwelve-style') );
}
function themeslug_enqueue_script() {
wp_enqueue_script( 'my-js', 'filename.js', array('jquery') );
}
add_action( 'wp_enqueue_scripts', 'themeslug_enqueue_style' );
add_action( 'wp_enqueue_scripts', 'themeslug_enqueue_script' )
$deps (dependencies), the handle name and an optional parameter, lets you control when/where your script or style should be added. If $deps is array('jquery'), your script will be loaded after jquery is loaded.
The problem is, which one exists and in which order are they loaded ?
Debug Bar List Script & Style Dependencies, an add-on to Debug Bar, will list the dependencies.
WP HeadJS
This plugin uses the wp_print_scripts action hook, as opposed to output buffering and regex used by alternative implementations.
The downside of this method is that only scripts loaded via wp_enqueue_script will be affected by the plugin, the upside is better
performance by avoiding output bufferin.........
Query debug info
Adds information about the query to the front end, including page type, post count, query vars, the query string and the
wordpress sites constants
You can track up to 3 queries with this plugin, usefull to debug custom loops....
Disable Styles & Scripts
Disable selected plugin (and/or theme) styles and scripts. Set conditions which will be evaluated....
CSS AutoLoader
This Plugin allows you to load additional CSS files without the need to change the theme
See also Plugin Homepage
To load additional stylesheets just put them into a directory named cssautoload (case-sensitive!). This directory can be placed in three different locations that are loaded in the .........
Scripts and Styles
Inject JavaScript and CSS files into your website without having to know the details of the underlying HTML. Paste the
URLs to external files into the WordPress Admin Settings, and Scripts and Styles will create and insert <script>
and <link> tags for you.
Banner image by JD Hancock (ht.........
Enhanced Header / Footer Injections
Enhanced Header / Footer Injections allows you to insert HTML code into the header and footer sections of your templates on a page per page basis. This also works with custom post types, archive pages, the 404 page, the main blog page and the front page (if used). The plugin is designed to help sp.........
eTemplates
eTemplates simplifies the creation and delivery of dynamic emails. The plugin is best used in conjunction with custom coded application style websites that send out emails populated with dynamic data to users at specific points in the application logic.
Some examples of usage could be:
Shopping .........
WP Scripts & Styles Optimizer
Optimization of included JavaScript- and CSS-files is a very important thing.
Many WordPress plugins comes with multiple third-party and/or own JavaScript-files that are then often included on every page of your site. In worst cases you have more than one of the same file included on your site. Tha.........
WelcomeUser!
WelcomeUser! make it possible to add customizable welcome messages to you users based on their user roles. Inspired by sites such as eBay and Amazon, use this handy plugin for things such as:
Providing a set of quick links for your users
Displaying a friendly welcome message
Creating a call-to-ac.........
BugFu Console Debugger
BugFu lets you log from PHP directly to your Browser JavaScript Console
- Meant as an aid to those practicing the ancient art of debugging -
HOW TO CHECK IF BUGFU IS WORKING
Open your browser console, if you see this header, BugFu is working properly
################################
#### BugFu Co.........
