WordPress Register / Enqueue Styles (CSS)

Use this tool to register and enqueue custom styles on your WordPress site with wp_enqueue_script() function.

• Fill in the form on the left.
• Copy the generated code to the clipboard.
• Paste it into your project (functions.php or something that is enqueued there).

Hint: Don’t forget to save the snippet to reuse it later.

Basic settings for your hook

Firstly you want to select a name for the snippet, to find it in Hasty for later use.

After you finished that, name your function. Please make sure, that the function name is unique, to prevent errors within your project. Also select where to hook the custom styles.

Define styles to add them to your hook

Now it’s time to select your custom styles. Select a unique name for your style, and define the path. It’s recommended to select a URL path relative to your theme. This can safe you tons of time if your theme path has to be changed later on. Make sure to write down the dependency, if there are any other styles that need to be loaded to make your custom styles work. A style version can be defined optionally. This is recommended to be flexible when cache busting is necessary. If the version isn’t defined, the currently installed WordPress version number will be applied. Last but not least select when to load the styles. Some styles need to be loaded last to make sure that all necessary DOM elements are available and other DOM elements wont be blocked by your running styles.

Feel free to add more styles to your queue by hitting the plus sign. Don’t forget to save your snippet (PRO only), so you can revise it and add more styles later on.