get_stylesheet_directory_uri(): string

Retrieves stylesheet directory URI for the active theme.

Return

More Information

• The returned URI does not contain a trailing slash.
• This function returns a properly-formed URI; in other words, it will be a web-address (starting with http:// or https:// for SSL). As such, it is most appropriately used for links, referencing additional stylesheets, or probably most commonly, images.
• In the event a child theme is being used, this function will return the child’s theme directory URI. Use get_template_directory_uri() to avoid being overridden by a child theme.
• If you want to include a local file in PHP, use get_stylesheet_directory() instead.

Source

function get_stylesheet_directory_uri() {
	$stylesheet = str_replace( '%2F', '/', rawurlencode( get_stylesheet() ) );
	$theme_root_uri = get_theme_root_uri( $stylesheet );
	$stylesheet_dir_uri = "$theme_root_uri/$stylesheet";
	/**
	 * Filters the stylesheet directory URI.
	 *
	 * @since 1.5.0
	 *
	 * @param string $stylesheet_dir_uri Stylesheet directory URI.
	 * @param string $stylesheet Name of the activated theme's directory.
	 * @param string $theme_root_uri Themes root URI.
	 */
	return apply_filters( 'stylesheet_directory_uri', $stylesheet_dir_uri, $stylesheet, $theme_root_uri );
}

View all references View on Trac View on GitHub

Hooks

apply_filters( ‘stylesheet_directory_uri’, string $stylesheet_dir_uri, string $stylesheet, string $theme_root_uri )

Filters the stylesheet directory URI.

Related

Changelog

User Contributed Notes

1. Skip to note 5 content

   Florian Simeth 9 years ago

   You must log in to vote on the helpfulness of this note Vote results for this note: 16You must log in to vote on the helpfulness of this note

   This function returns the URL to the current child theme if a child theme is used. If you want to return the URL to the root/mother theme, use get_template_directory_uri() instead.
2. Skip to note 6 content

   Codex 10 years ago

   You must log in to vote on the helpfulness of this note Vote results for this note: 5You must log in to vote on the helpfulness of this note

   Image (HTML)

   <img src="<?php echo get_stylesheet_directory_uri(); ?>/images/aternus.png" alt="" width="" height="" />
3. Skip to note 7 content

   surwan 5 years ago

   You must log in to vote on the helpfulness of this note Vote results for this note: 2You must log in to vote on the helpfulness of this note

   Given –
   Website URL: https://example.com/
   Active theme folder: mytheme

   This function returns the following string:

   https://example.com/wp-content/themes/mytheme

   NOTE: without trailing slash (/)
4. Skip to note 8 content

   Rami Yushuvaev 5 years ago

   You must log in to vote on the helpfulness of this note Vote results for this note: 0You must log in to vote on the helpfulness of this note

   When using inside HTML `src` attribute, you should escape the returned URL when you add some files after the function:

   <script async
    type="text/javascript"
    src="<?php echo esc_url( get_stylesheet_directory_uri() . '/dist/main.js' ); ?>">
   </script>