Si trabaja con temas de WordPress con regularidad, probablemente sea mejor familiarizarse con estas hojas de trucos CSS generadas por WordPress predeterminadas. Recientemente, mientras trabajábamos en un proyecto de tema personalizado, vimos la necesidad de personalizar algunos elementos para adaptarlos a diferentes páginas. WordPress tiene estas cosas llamadas clases de cuerpo que generan la página de clase, la plantilla de página- {nombre de archivo} y la identificación de página- {número}. No pudimos usar page-id- {number} porque los ID de página cambian de un desarrollo a otro. Tampoco queríamos crear una plantilla de página personalizada con código repetido. Sabíamos que podíamos mantener una cosa igual en todas esas páginas que eran páginas slugs, por lo que decidimos agregar páginas slugs en la clase de cuerpo, lo que nos permitió hacer cualquier personalización que quisiéramos sin ninguna complicación. En este artículo, le mostraremos cómo agregar un slug de página en la clase del cuerpo de sus temas de WordPress. Como se trata de un código específico del tema, le recomendamos que lo coloque en el archivo functions.php de su tema. // Función de clase de cuerpo de slug de página add_slug_body_class ($ classes) {global $ post; if (isset ($ post)) {$ clases[] = $ publicación-> post_type. ‘-‘. $ post-> post_name; } devuelve $ clases; } add_filter (‘body_class’, ‘add_slug_body_class’); Ahora comenzará a ver una nueva clase de cuerpo que se muestra así: página- {slug}. Utilice esta clase para anular sus estilos predeterminados y personalizar elementos para páginas específicas. Por ejemplo, si está intentando modificar una clase div con widgets. Puede tener su CSS así: #sidebar .widgets {background: #fff; color: # 000;} .page-education #sidebar .widgets {background: # 000; color: #fff;} Espero que este tutorial le resulte útil.
Originally posted 2021-02-25 08:00:10.
