get_theme_file_uri() – Function | Developer.WordPress.org

Retrieves the URL of a file in the theme.

Description

Searches in the stylesheet directory before the template directory so themes which inherit from a parent theme can just override one file.

Parameters

$filestringoptional: File to search for in the stylesheet directory.
Default:''

Return

string The URL of the file.

Source

function get_theme_file_uri( $file = '' ) {
	$file = ltrim( $file, '/' );

	$stylesheet_directory = get_stylesheet_directory();

	if ( empty( $file ) ) {
		$url = get_stylesheet_directory_uri();
	} elseif ( get_template_directory() !== $stylesheet_directory && file_exists( $stylesheet_directory . '/' . $file ) ) {
		$url = get_stylesheet_directory_uri() . '/' . $file;
	} else {
		$url = get_template_directory_uri() . '/' . $file;
	}

	/**
	 * Filters the URL to a file in the theme.
	 *
	 * @since 4.7.0
	 *
	 * @param string $url  The file URL.
	 * @param string $file The requested file to search for.
	 */
	return apply_filters( 'theme_file_uri', $url, $file );
}

View all references View on Trac View on GitHub

Hooks

apply_filters( ‘theme_file_uri’, string $url, string $file ): Filters the URL to a file in the theme.

Uses	Description
get_stylesheet_directory()`wp-includes/theme.php`	Retrieves stylesheet directory path for the active theme.
get_stylesheet_directory_uri()`wp-includes/theme.php`	Retrieves stylesheet directory URI for the active theme.
get_template_directory()`wp-includes/theme.php`	Retrieves template directory path for the active theme.
get_template_directory_uri()`wp-includes/theme.php`	Retrieves template directory URI for the active theme.
apply_filters()`wp-includes/plugin.php`	Calls the callback functions that have been added to a filter hook.

Show 1 more Show less

Used by	Description
WP_Font_Face_Resolver::to_theme_file_uri()`wp-includes/fonts/class-wp-font-face-resolver.php`	Converts each ‘file:./’ placeholder into a URI to the font file in the theme.

Changelog

Version	Description
4.7.0	Introduced.

User Contributed Notes

Marcio Duarte 3 years ago

You can use this function to include local theme assets (like images) in your block patterns:

<!-- wp:image {"id":12,"width":640,"height":400,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="<?php
echo esc_url( get_theme_file_uri( 'assets/img/my-asset.png' ) ); ?>" alt="<?php _e( 'Asset description' ) ?>" width="640" height="400"/></figure>
<!-- /wp:image -->

Skip to note 4 content

Marcio Zebedeu 5 years ago

You must log in to vote on the helpfulness of this noteVote results for this note: 0You must log in to vote on the helpfulness of this note
a simple example
```
wp_enqueue_style ( 'custom-font-awesome', get_theme_file_uri('/css/all.min.css'), array () );
```
Log in to add feedback

get_theme_file_uri( string $file = '' ): string

In this article