¿Está buscando una manera de agregar un slug de página de WordPress en la clase de cuerpo de su tema?

Agregar un slug de página en su tema de WordPress le permite realizar todas las personalizaciones que desee sin complicaciones. Puede cambiar fácilmente los colores, las fuentes y otros elementos determinados en función de páginas específicas.

En este artículo, le mostraremos cómo agregar un slug de página en la clase de cuerpo de sus temas de WordPress.

¿Por qué agregar una página de caracol en Body Class en su tema?

Si está buscando personalizar páginas específicas en su sitio y desea identificar correctamente la página, agregar un slug de página en la clase de cuerpo de su tema es realmente útil.

De forma predeterminada, su sitio de WordPress solo mostrará clases de ID de publicación, lo que puede ser complicado cuando se trata de reconocer la página correcta. Un slug de página muestra la URL de la publicación de tu blog, lo que facilita la personalización de la página.

Además de eso, puede realizar varias personalizaciones de sus páginas utilizando una clase de slug de cuerpo de página. Por ejemplo, puede cambiar la fuente y los colores de una publicación en particular o resaltar un botón de llamada a la acción en una página de destino específica.

Dicho esto, echemos un vistazo a cómo puede agregar el slug de la página en la clase de cuerpo de su tema de WordPress.

Agregar un caracol de página en su tema de WordPress

Para ayudarlo a agregar la URL de su página a la clase de cuerpo de su tema de WordPress, puede insertar el siguiente código en el archivo functions.php de su tema.

//Page Slug Body Class
function add_slug_body_class( $classes ) {
global $post;
if ( isset( $post ) ) {
$classes[] = $post->post_type . '-' . $post->post_name;
}
return $classes;
}
add_filter( 'body_class', 'add_slug_body_class' );

Puede acceder al archivo functions.php de su tema yendo al editor de temas de WordPress (editor de código). Sin embargo, editar directamente los archivos del tema es muy arriesgado.

Esto se debe a que cualquier error al agregar el código puede romper su sitio y evitar que inicie sesión en su panel de control de WordPress.

Una forma mucho más fácil de agregar código a la clase de cuerpo de su tema es usar un complemento de WordPress como fragmentos de código.

Puede agregar fácilmente código a su sitio en minutos y sin errores usando el complemento. También garantiza que el código no se elimine si actualiza o cambia el tema en el futuro.

Primero, deberá instalar y activar el complemento Code Snippets en su sitio. Para obtener más detalles, puede consultar nuestra guía sobre cómo instalar un complemento de WordPress.

Después de eso, puede navegar a Fragmentos desde el panel de administración de WordPress. Después de eso, continúe y haga clic en el botón “Agregar nuevo”.

Ahora, asigne un título a su fragmento de código e ingrese el código en la sección “Código”.

Después de agregar el código, no olvide hacer clic en el botón “Activar”. Para obtener más detalles, puede consultar nuestra guía sobre cómo agregar código personalizado en WordPress.

Ahora comenzará a ver una nueva clase de cuerpo que se emite así: página- {slug}. Use esa clase para anular sus estilos predeterminados y personalizar elementos para páginas específicas.

Por ejemplo, supongamos que desea diseñar los widgets de la barra lateral, pero solo en una página que tiene el slug “declaración”. Si es así, podría agregar CSS así:

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

Para obtener más detalles, puede consultar nuestra guía sobre cómo agregar CSS personalizado a WordPress.

Esperamos que este artículo le haya ayudado a aprender cómo agregar un slug de página en la clase de cuerpo de su tema de WordPress. También puede consultar nuestra guía sobre la clase de cuerpo de WordPress y cómo elegir el mejor software de diseño.

Si te ha gustado este artículo, suscríbete al nuestro. canal de Youtube para tutoriales en vídeo de WordPress. También puedes encontrarnos en Gorjeo Y Facebook.