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:
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.
¿Vulnera este post tus derechos? Pincha aquí.
Creado:
