Cólocar inline code en el head de WordPress

Sí queremos colocar una hoja de estilo en la cabecera usamos las funciones wp_enqueue_style(), pero si lo que queremos es no hacer referencia a la hoja de estilo o al script si no el código CSS directamente, entonces ya es otra cosa.

En un principio creí que para esto se utilizaría la función wp_add_inline_style(), pero no es así, esa función lo puede hacer pero si y solo si está asociada a una hoja de estilo que está en enqueue. Todavía no le veo el sentido a eso, si ya la hoja está en enqueue para que querré colocar inline CSS. Pero leyendo sobre ella parece que hay algunas razones que no van a mi caso.

La manera correcta es crear una función que ejecute un echo, esa función irá insertada en el gancho wp_head.

add_action('wp_head', 'my_custom_styles', 100);

function my_custom_styles()
{
 echo "<style>*{color: red}</style>";
}

Hay que estar pendiente con las comillas dobles y simples. Si dentro va a haber algo de comillas dobles entonces mejor insertar el echo en comillas simples.

Leave a comment

Your email address will not be published. Required fields are marked *