Owicron Foro

Autor Tema: COMO INCLUIR CSS Y JAVASCRIPT EN WORDPRESS DE MANERA CORRECTA  (Leído 11 veces)

Desconectado codesblue

  • Francisco Banegas|Codesblue.info
  • Administrator
  • Newbie
  • *****
  • Mensajes: 22
  • Karma: +10000/-0
    • Ver Perfil
    • Codesblue
COMO INCLUIR CSS Y JAVASCRIPT EN WORDPRESS DE MANERA CORRECTA
« en: Noviembre 06, 2017, 09:55:51 pm »


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.






  • 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