¿Cómo se carga style.css en un tema de WordPress?

Question

¿Cómo se carga style.css en un tema de WordPress?

25 may 2015, 04:37:15

Vistas: 16K

Votos: 8

He revisado el codex, algunos tutoriales y hablan sobre cómo agregar CSS personalizado, pero no pude encontrar dónde agregar el style.css.

Hice esto, y aún no tiene ningún efecto.

/**
 * Forma correcta de encolar scripts y estilos
 */
function theme_name_scripts() {
    wp_enqueue_style( 'style-name', get_stylesheet_uri() );
}

add_action( 'wp_enqueue_scripts', 'theme_name_scripts' );

Por supuesto que funciona si hago esto:

<link rel="stylesheet" href="<?php echo get_stylesheet_uri(); ?>">

Pero por supuesto no es la forma correcta de hacerlo.

Vegan Sv

247

wp enqueue style

Comentarios

Hice 'wp_enqueue_scripts' en functions.php

Vegan Sv

25 may 2015 04:38:04

¿tu tema tiene la función wp_head()?

Milo

25 may 2015 06:39:43

No, no la tiene porque es un tema que solo se supone que debe tener index.php sin header y footer, y pensé que agregabas wp_head solo si querías usar un header.php. Voy a intentar agregarlo.

Vegan Sv

25 may 2015 18:13:48

@Milo y Candid, ¡gracias chicos! Era wp_head. Debí haber leído las notas, pero de todos modos no son tan claras.

Vegan Sv

25 may 2015 18:33:23

Todas las respuestas a la pregunta

Bryan Willis 4.48K · Accepted Answer · 2015-05-25T06:48:06Z

Asegúrate de tener los archivos nombrados y etiquetados correctamente y en el lugar correcto.

functions.php ubicado en mytheme/functions.php

<?php
/**
 * Funciones del Tema
 */
function theme_name_scripts() {
    wp_enqueue_style( 'style-name', get_stylesheet_uri() );
    wp_enqueue_style( 'style-name', get_stylesheet_uri() );

}
add_action( 'wp_enqueue_scripts', 'theme_name_scripts' );

style.css ubicado en mytheme/style.css

/*
Theme Name: Twenty Thirteen
Theme URI: http://wordpress.org/themes/twentythirteen
Author: el equipo de WordPress
Author URI: http://wordpress.org/
Description: El tema de WordPress para 2013 nos lleva de vuelta al blog, con una gama completa de formatos de entrada, cada uno mostrado de manera hermosa y única. Los detalles de diseño abundan, comenzando con un esquema de colores vibrante e imágenes de encabezado que combinan, una tipografía hermosa e iconos, y un diseño flexible que se ve genial en cualquier dispositivo, grande o pequeño.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: negro, marrón, naranja, beige, blanco, amarillo, claro, una columna, dos columnas, barra lateral derecha, ancho flexible, encabezado personalizado, menú personalizado, estilo del editor, imágenes destacadas, microformatos, formatos de entrada, soporte para idiomas RTL, entrada fija, listo para traducción
Text Domain: twentythirteen

Este tema, como WordPress, está licenciado bajo la GPL.
Úsalo para crear algo genial, diviértete y comparte lo que has aprendido con otros.
*/

Si estás creando este tema tú mismo, es muy probable que hayas escrito algo mal o que hayas olvidado algo.

Asegúrate de que tu plantilla esté obteniendo el encabezado si estás usando un header.php:

<?php get_header(); ?>

En tu encabezado o en la plantilla necesitas tener:

<?php wp_head(); ?>

Supongo que es uno de los casos anteriores ya que mencionaste que funciona cuando añades la etiqueta. Si no es así, intenta cambiar el nombre del archivo CSS y/o añadir una prioridad más alta. Si tienes plugins instalados, uno de ellos podría estar usando el mismo "handle" para su hoja de estilos.

Así que en lugar de:

    wp_enqueue_style( 'style-name', get_stylesheet_uri() );

Prueba con algo aleatorio como:

    wp_enqueue_style( 'style189304', get_stylesheet_uri() );