Agregar clases de rol al body en WordPress - PHP

Cuando trabajamos en la personalización de temas en WordPress, es común que necesitemos agregar clases de rol al body para poder aplicar estilos específicos a ciertas páginas o secciones.

En este artículo, vamos a ver cómo podemos lograrlo utilizando PHP y WordPress.

Primer paso: Abrir el archivo functions.php

Lo primero que debemos hacer es abrir el archivo functions.php de nuestro tema de WordPress. Este archivo se encuentra en la carpeta de nuestro tema, en la ruta wp-content/themes/nombre-de-mi-tema/functions.php .

Segundo paso: Agregar el siguiente código

Dentro del archivo functions.php, debemos agregar el siguiente código:

function add_class_to_body($classes) {
    // Agregamos la clase "mi-clase" al body
    $classes[] = 'mi-clase';
    return $classes;
}
add_filter('body_class', 'add_class_to_body');

Este código utiliza la función add_filter() de WordPress para agregar la función add_class_to_body() como filtro de la clase body.

La función add_class_to_body() recibe como argumento el array de clases de rol que se aplicarán al body. En este caso, simplemente agregamos la clase "mi-clase" al array y lo devolvemos.

Tercer paso: Personalizar la clase de rol

Ahora que hemos agregado la clase de rol a nuestro body, podemos personalizarla a nuestro gusto.

Por ejemplo, podemos agregar estilos CSS específicos para la clase "mi-clase" en el archivo style.css de nuestro tema:

.mi-clase {
    background-color: #f2f2f2;
    color: #333;
    font-size: 16px;
    padding: 10px;
}

Conclusión

Agregar clases de rol al body en WordPress es una tarea sencilla y útil para personalizar nuestro tema. Podemos utilizar esta técnica para aplicar estilos específicos a ciertas páginas, secciones o incluso para identificar el tipo de post que se está mostrando.

Recuerda siempre hacer una copia del archivo functions.php antes de hacer cualquier modificación y verificar que todo funciona correctamente después de cada cambio.