plugin_dir_url( string $file ): string

Get the URL directory path (with trailing slash) for the plugin __FILE__ passed in.

Contents

Parameters
Return
Source
Related
- Uses
Changelog
User Contributed Notes
- Feedback

Parameters

$file string Required: The filename of the plugin (__FILE__).

Return

string the URL path of the directory that contains the plugin.

Source

File: wp-includes/plugin.php. View all references

function plugin_dir_url( $file ) {
	return trailingslashit( plugins_url( '', $file ) );
}

View on Trac View on GitHub

Uses

Uses
Uses	Description
plugins_url() wp-includes/link-template.php	Retrieves a URL within the plugins or mu-plugins directory.
trailingslashit() wp-includes/formatting.php	Appends a trailing slash.

Changelog

Changelog
Version	Description
2.8.0	Introduced.

User Contributed Notes

Skip to note 1 content

You must log in to vote on the helpfulness of this noteVote results for this note: 18You must log in to vote on the helpfulness of this note

Contributed by 10Horizons Plugins — 3 years ago
Let’s say current URL is: http://example.com/wp-content/plugins/my-plugin/includes/
```
echo plugin_dir_url( __FILE__ ).'images/placeholder.png';
```
will output: http://example.com/wp-content/plugins/my-plugin/includes/images/placeholder.png
```
echo plugin_dir_url( __DIR__ ).'images/placeholder.png';
```
will output: http://example.com/wp-content/plugins/my-plugin/images/placeholder.png
Log in to add feedback

3

Contributed by Codex — 7 years ago

Basic Example

/**
 * Include CSS file for MyPlugin.
 */
function myplugin_scripts() {
    wp_register_style( 'foo-styles',  plugin_dir_url( __FILE__ ) . 'assets/foo-styles.css' );
    wp_enqueue_style( 'foo-styles' );
}
add_action( 'wp_enqueue_scripts', 'myplugin_scripts' );

Would echo:

http://example.com/wp-content/plugins/my-plugin/assets/foo-styles.css

2

Contributed by Trooinbound Pvt Ltd. — 3 years ago

plugin_dir_url( __FILE__ ) == http://your-url.com/wp-content/plugins/your-plugin/


function enqueue_scripts() {
	wp_enqueue_script( 'custom-js', plugin_dir_url( __FILE__ ) . 'js/custom.js', array( 'jquery' ), '', true );
	wp_enqueue_style( 'style-css', plugin_dir_url( __FILE__ ) . 'css/style.css' );
}
add_action( 'wp_enqueue_scripts', 'enqueue_scripts');

function admin_enqueue_scripts() {
	wp_enqueue_script( 'custom-js', plugin_dir_url( __FILE__ ) . 'js/custom.js', array( 'jquery' ), '', true );
	wp_enqueue_style( 'style-css', plugin_dir_url( __FILE__ ) . 'css/style.css' );
}
add_action( 'admin_enqueue_scripts', 'admin_enqueue_scripts');

Feedback

plugin_dir_url vs plugin_dir_path difference
```
plugin_dir_url( string $file )
```
Use it to include your assets (images, css, js etc).
```
plugin_dir_path( string $file )
```
Use it to include php files. — By Mehbub Rashid — 2 years ago

You must log in before being able to contribute a note or feedback.