Urielmania

“El Mundo de Uriel… Pero la voz de todos”

Cómo podemos cargar estilos propios en el diseño de nuestros temas o plantillas de wordpress

Cuando estas realizando o modificando temas de wordpress, una de las cosas que necesitas regularmente es agregar una hoja de estilo ya sea tuya o de un servicio de terceros como google fonts o fontawesome. 

si bien estos estilos se pueden cargar directamente desde el header de la plantilla tal cual como lo hacemos en una pagina cualquiera:

<link rel="stylesheet" type="text/css" href="/css/estilos.css" media="screen" />

lo cierto es que esto es una mala practica y la forma correcta de hacerlo en wordpress es agregarlo desde el archivo functions.php del theme 

Las funciones principales para añadir CSS al sistema de dependencias de WordPress son wp_register_style() y wp_enqueue_style(). La primera registra el archivo de la hoja de estilos, la segunda lo pone en cola para ser añadido.



// Carga de hojas de estilo
function theme_styles() {
// Registro estilo con el nombre “mi-estilo”
// get_template_directory_uri() devuelve el directorio del tema utilizado actualemente
wp_register_style( 'mi-estilo', get_template_directory_uri() . '/css/mi_estilo.css' );
// invoco al estilo para su uso
wp_enqueue_style( 'mi-estilo' );
}

add_action('wp_enqueue_scripts', 'theme_styles');

lo vi en http://www.webferrol.com/

Acerca del Autor