template url wordpress 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: 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' );