Personaliza el Estilo CSS de Páginas Específicas en WordPress

Si tienes un sitio en WordPress y deseas que ciertas páginas o publicaciones tengan un estilo diferente al resto de tu web, puedes hacerlo fácilmente mediante CSS. En este artículo, te explicamos cómo identificar el ID de una página o post y aplicar estilos personalizados de manera sencilla.

1. Encuentra el ID de la Página o Publicación Cada página o entrada en WordPress tiene un identificador único (ID), y necesitas conocerlo para aplicar estilos específicos. Hay dos formas de obtenerlo:

Desde el editor de WordPress: Inicia sesión, edita la página o post, y haz clic en "Vista previa". En la URL del navegador, verás un número después de "post=" o "page=", ese es el ID.
Desde el código fuente: Ve a la página, haz clic derecho y selecciona "Ver código fuente". Luego, presiona Ctrl + F (o Cmd + F en Mac) y busca "page-id" o "post-id" para encontrar el número correspondiente.

2. Agrega Estilos CSS Personalizados Una vez que tienes el ID, puedes aplicar estilos específicos desde el Editor de Apariencia en WordPress (Apariencia > Editor de temas) o mediante un plugin de CSS personalizado.

Por ejemplo, si quieres cambiar el fondo de una página con ID 1234, usa este código:
 

.page-id-1234 {
    background-color: blue;
}
  Si se trata de una publicación con ID 173, el código sería:

.post-173 {
    background-color: lightblue;
}

3. ¿Qué Más Puedes Personalizar? Además del fondo, puedes modificar otros elementos como títulos, párrafos e imágenes. Aquí tienes algunos ejemplos:

.page-id-1234 h1 {
    color: red;
    font-size: 30px;
}

.post-173 p {
    font-style: italic;
} Con esta técnica, puedes mejorar la apariencia de tu web sin afectar el resto de las páginas. Para más detalles, visita YourWPWeb.