Cómo registrar hojas de estilo condicionales en WordPress

¿Está buscando una forma de registrar hojas de estilo condicionales? Si bien es probable que haya un plugin para esto, hemos creado un fragmento de código rápido que puede utilizar para registrar hojas de estilo condicionales en WordPress.

El primer parámetro debe ser la condición, siendo el resto idénticos a los utilizados en wp_register_style.

Ejemplo:

        register_style_conditional( 'lt IE 9', 'ubuntu-regular', 'http://fonts.googleapis.com/css?family=Ubuntu:400' );
        wp_enqueue_style( 'ubuntu-regular' );

Instrucciones:

Todo lo que tienes que hacer es añadir este código al archivo functions.php de tu tema o en un plugin específico del sitio:

/**
 * Registers a style, as with wp_register_style, between a condition (e.g. 'lt IE 9')
 * @param  string $condition Condition under which to load the style
 * @param  string $handle Name of the stylesheet
 * @param  string|bool $src Path to the stylesheet root
 * @param  array $deps Array of handles of stylesheets that this one depends upon
 * @param  boolean $ver Stylesheet version number
 * @param  string $media Media for which this stylesheet has been defined
 */
function register_style_conditional( $condition, $handle, $src, $deps = array(), $ver = false, $media = 'all' ) {
    wp_register_style( $handle, $src, $deps, $ver, $media );

    global $wp_styles;
    $wp_styles->add_data( $handle, 'conditional', $condition );
}

Nota: Si es la primera vez que añades fragmentos de código en WordPress, consulta nuestra guía sobre cómo añadir correctamente fragmentos de código en WordPress, para no romper accidentalmente tu sitio.

Si te ha gustado este fragmento de código, por favor, considere la posibilidad de comprobar hacia fuera nuestros otros artículos en el sitio como: 50+ mejores temas de WooCommerce para tu tienda online y cómo crear un formulario de donación en WordPress.