wordpress template url code example

Example 1: wordpress get template url

// Get template directory example:
<img src="<?php echo get_template_directory_uri(); ?>/images/logo.png" />

// If you use child theme you will have to use another function:
<img src="<?php echo get_stylesheet_directory_uri(); ?>/images/logo.png" />

Example 2: get theme folder path in wordpress

echo get_stylesheet_directory_uri();

Example 3: how to get template path in wordpress

/**
 * Enqueue scripts and styles.
 */
function wpdocs_theme_slug_scripts() {
    // Custom scripts require a unique slug (Theme Name).
    wp_enqueue_script( 'theme-slug-custom-script', get_template_directory_uri() . '/js/custom-script.js', array(), '1.0.0', true );
 
    /*
     * To avoid double loading Genericons will not need a slug. Same applies
     * to all other non-custom styles or scripts.
     */
    wp_enqueue_style( 'genericons', get_template_directory_uri() . '/genericons/genericons.css', array(), '1.0.0' );
}
add_action( 'wp_enqueue_scripts', 'wpdocs_theme_slug_scripts' );

Example 4: how to get template path in wordpress

function get_template_directory_uri() {
    $template         = str_replace( '%2F', '/', rawurlencode( get_template() ) );
    $theme_root_uri   = get_theme_root_uri( $template );
    $template_dir_uri = "$theme_root_uri/$template";
 
    /**
     * Filters the current theme directory URI.
     *
     * @since 1.5.0
     *
     * @param string $template_dir_uri The URI of the current theme directory.
     * @param string $template         Directory name of the current theme.
     * @param string $theme_root_uri   The themes root URI.
     */
    return apply_filters( 'template_directory_uri', $template_dir_uri, $template, $theme_root_uri );
}