Cómo agregar una barra de página en la clase de cuerpo de tus temas de WordPress

Si trabajas en temas de WordPress de forma regular, entonces es mejor que te familiarices con esta hoja de trucos CSS generada por WordPress. Recientemente, mientras trabajábamos en un proyecto de tema personalizado, encontramos la necesidad de personalizar ciertos elementos en función de diferentes páginas. WordPress tiene estas cosas llamadas clases de cuerpo que generan la página de clase, page-template- filename y page-id- number. No pudimos usar page-id- number porque los ID de página cambian de desarrollo a implementación. Tampoco queríamos crear una plantilla de página personalizada con código repetitivo. Sabíamos que podemos mantener una cosa igual en todas estas páginas que eran slugs de página, por lo que decidimos agregar slugs de página en clase de cuerpo que nos permitieron realizar todas las personalizaciones que queríamos sin ninguna complicación. En este artículo, le mostraremos cómo agregar una barra de página en la clase de cuerpo de sus temas de WordPress.

Debido a que este es un código específico del tema, le recomendamos que lo ponga en el tema de su tema. funciones.php expediente.

 // Función Slug Body Class add_slug_body_class ($ classes) global $ post; if (isset ($ post)) $ classes [] = $ post-> post_type. '-'. $ post-> post_name;  devolver $ clases;  add_filter ('body_class', 'add_slug_body_class'); 

Ahora comenzarás a ver una nueva clase de cuerpo que se muestra como esta: page- slug. Use esa clase para anular sus estilos predeterminados y personalizar elementos para páginas específicas.

Por ejemplo, si intentas modificar un div con la clase de widgets. Puedes tener tu css así:

 #sidebar .widgets background: #fff; color: # 000; .page-education #sidebar .widgets background: # 000; color: #fff; 

Espero que encuentres este tutorial útil.