Descubre en este tutorial cómo cargar de forma condicional una hoja de estilos solo cuando se cargue un determinado bloque en el frontend.
Instrucciones para cargar una hoja de estilo de forma condicional, asociada a la carga de un bloque
Añade el siguiente snippet al fichero functions.php:
Para ver este código y los otros 2055 snippets de esta web,
identifícate o suscríbete aquí.
En la primera parte del código registras la hoja de estilos o el script usando la función wp_register_style.
En la segunda, utilizas el filtro render_block en conjunción con la función enqueue_block_style para indicar que cuando haya un bloque determinado se cargue la hoja de estilos.
En este caso, la hoja de estilos solo se carga cuando el bloque core/loginout está presente, pero la idea es que lo cambies por el bloque que te interese.
También podrías usar el filtro render_block_{$this->name}, en este caso sería render_block_core/loginout.
Conclusiones
Una buena práctica que todo desarrollador debería aplicar es usar la carga condicional, siempre que sea posible. En este tutorial has aprendido a cómo cargar una hoja de estilos solo si un bloque está presente en el frontend.
Si tienes alguna duda sobre este tutorial, déjala en los comentarios.
¿Sugerencias para próximos snippets? Envíamelas con el formulario de contacto.
Todo ventajas de ser suscriptor.
