Como incluir Css y Javascript en wordpress de manera correcta

Seguro que mas de una vez lo hemos preguntado como podemos hacer que wordpress cargue una hoja css y js en nuestro documento de forma correcta.Pues ya no busque mas por que hoy vamos a ver como lograrlo haciendo uso del archivo function.php que se encuentra dentro de nuestro tema.

Para poder comenzar deberemos saber que hacen los siguiente hook 

• wp_enqueue_scripts es el encargado de ejecutar la función que crearemos para conecte nuestra hoja javascript en nuestro theme.

• wp_print_styles es el encargado de ejecutar la función que crearemos para conecte nuestra hoja css en nuestro theme.

• wp_register_script sirve para registrar el script.

• wp_register_style sirve para registrar la hoja css.

• get_template_directory_uri() Hace referencia a la ruta de donde se encuentra nuestro archivo.

• add_action es el encargado de ejecutar las funciones del core de Wordpress.

Javascript

add_action('wp_enqueue_scripts','carga_js_codesblue');
function carga_js_codesblue(){
          wp_register_script(
            'libreria' , get_template_directory_uri() . '/js/libreria.js',array('jquery'),'1.2',true);
          wp_enqueue_script('libreria');
}

Css

add_action('wp_print_styles','carga_css_codesblue');
function carga_css_codesblue(){
  wp_register_style('libreria',get_template_directory_uri() . '/css/libreria.css',array(),'1.0','all' );
  wp_enqueue_style('libreria');
}

Vídeo tutorial