Примерно вот так (поместить в файл functions.php):
function wpdocs_theme_name_scripts() {
wp_enqueue_style( 'style-name', get_stylesheet_uri() );
wp_enqueue_script( 'script-name', get_template_directory_uri() . '/js/example.js', array(), '1.0.0', true );
}
add_action( 'wp_enqueue_scripts', 'wpdocs_theme_name_scripts' );
Подробнее можно почитать в
документации.
Если подключается в дочерней теме, то вместо функции
get_template_directory_uri() нужно использовать
get_stylesheet_directory_uri().
Уточнение ответа по поводу использования этих функций в js.
Вариант 1.
Добавить переменную для javascript с помощью хука
wp_headfunction my_js_variables() { ?>
<script type="text/javascript">
var templateUrl = '<?php get_template_directory_uri(); ?>';
</script><?php
}
add_action ( 'wp_head', 'my_js_variables' );
Ну и затем пользоваться ей как обычной js-переменной.
Вариант 2.
Воспользоваться функцией
wp_localize_scriptwp_enqueue_script( 'my-script', get_template_directory_uri() . '/js/example.js' );
$translation_array = array( 'templateUrl' => get_template_directory_uri() );
wp_localize_script( 'my-script', 'themename', $translation_array );
Затем в нужном месте получить значение
var templateUrl = themename.templateUrl;