Enqueuing styles and scripts in Wordpress - Cheat Sheet & Quick Revision

Recall & Review

beginner

What is the purpose of enqueuing styles and scripts in WordPress?

Enqueuing styles and scripts ensures that CSS and JavaScript files are loaded properly and only once. It helps avoid conflicts and improves site performance by managing dependencies and load order.

beginner

Which WordPress function is used to add a CSS file to your theme or plugin?

The function wp_enqueue_style() is used to add CSS files safely to your WordPress theme or plugin.

beginner

How do you properly add a JavaScript file in WordPress?

Use the wp_enqueue_script() function inside a hook like wp_enqueue_scripts to add JavaScript files safely and manage dependencies.

intermediate

Why should you use hooks like wp_enqueue_scripts when enqueuing files?

Hooks like wp_enqueue_scripts ensure your styles and scripts load at the right time during page rendering, preventing errors and conflicts.

intermediate

What parameters does wp_enqueue_style() accept?

It accepts: a handle (unique name), the URL of the CSS file, an array of dependencies, a version number, and the media type (like 'all' or 'screen').

Which hook is commonly used to enqueue styles and scripts in WordPress?

A wp_enqueue_scripts

B init

C admin_menu

D wp_head

The wp_enqueue_scripts hook is the standard hook to enqueue styles and scripts for the front end.

What function do you use to add a JavaScript file in WordPress?

A wp_enqueue_script()

B wp_add_script()

C wp_enqueue_style()

D add_script()

Use wp_enqueue_script() to add JavaScript files properly.

Why should you avoid hardcoding <script> or <link> tags directly in theme files?

A It disables caching

B It makes the site load faster

C It is required by WordPress

D It can cause conflicts and duplicate loading

Hardcoding can cause conflicts and duplicate loading; enqueuing manages these issues.

Which parameter in wp_enqueue_style() defines the CSS file dependencies?

A handle

B src

C deps

D ver

The deps parameter is an array listing other styles that must load first.

What does the 'version' parameter in wp_enqueue_script() help with?

A Setting script priority

B Cache busting by changing the URL

C Defining script dependencies

D Specifying script location

The version helps browsers know when to reload the script instead of using a cached copy.

Explain how to properly enqueue a CSS file in a WordPress theme.

Think about the function and the hook used.

Why is it important to use WordPress functions to enqueue scripts instead of adding them directly in header or footer?

Consider what problems direct inclusion might cause.