¿Qué tan importante es poner en cola la hoja de estilos de un tema?

18

He rastreado la red en busca de una respuesta a esto, pero por alguna razón, todo lo que puedo encontrar son ejemplos reales, pero sin esa explicación particular, que es clara en el caso de los scripts. Alguien me puede explicar por qué es importante / ventajoso poner en cola los estilos al desarrollar un tema, en lugar de simplemente usar <link rel=stylesheet> en header.php.

Además, ¿qué pasa con la hoja de estilo predeterminada del tema, también debería estar en cola?

    
pregunta byronyasgur 07.03.2012 - 22:47

3 respuestas

17

Es importante poner en cola la hoja de estilo porque permitirá que los temas secundarios tengan la flexibilidad de dejar en cola y permitir que se incluyan en la lista de dependencias y una multitud de otras cosas. En general, solo permite una mayor flexibilidad, tanto para usted como para cualquier otro desarrollador que interactúe con su código.

También es importante tener en cuenta que el uso de la hoja de estilo predeterminada en su tema no es un requisito. La hoja de estilo debe estar PRESENTE, pero si solo la usa para nombrar su tema, configurar la versión, etc., wordpress está COMPLETAMENTE bien con eso, al igual que las personas que aprueban los temas para el repositorio principal.

    
respondido por el mor7ifer 07.03.2012 - 23:12
16

Como una adición a la otra respuesta por @ m0r7if3r:

Puedes usar current_theme_supports() para cargar solo la hoja de estilo de los temas principales si hay soporte para el tema.

function add_supported_stylesheets()
{
    if ( current_theme_supports( 'parent-stylesheet' ) )
        wp_enqueue_style( 'main', get_stylesheet_directory_uri().'/style.css', array(), filemtime( get_stylesheet_directory().'/style.css' );
}

// In your parent themes bootstrap in the functions.php file
// Add the theme support:
add_theme_support( 'parent-stylesheet' );
// Then add the stylesheet:
add_action( 'after_setup_theme', 'add_supported_stylesheets', 20 );

Tenga en cuenta que esta función agrega filemtime en la versión-nr. para evitar el almacenamiento en caché del navegador si se cambiaran los contenidos de los archivos.

Esto permitirá a los usuarios deshabilitar la hoja de estilo en el bootstrap de temas secundarios con una simple llamada fn:

remove_theme_support( 'parent-stylesheet' );
// ...or...
add_theme_support( 'parent-stylesheet' );
    
respondido por el kaiser 08.03.2012 - 01:14
3

Otra razón para poner en cola es que permite que los complementos hagan cosas con los estilos. Por ejemplo, Better WordPress Minify automáticamente y concatenará archivos CSS, y WP-LESS compilará sus archivos MENOS y los almacenará en la memoria caché sobre la marcha. Ambos hacen esto al engancharse en la cola de estilos y procesar los archivos alineados allí.

Puede haber razones específicas por las que necesita que se excluyan ciertos estilos de cosas como esta, pero en general es bueno que sus estilos estén disponibles para una funcionalidad tan útil.

    
respondido por el Steve Taylor 21.07.2012 - 15:57

Lea otras preguntas en las etiquetas