• Saltar a la navegación principal
  • Saltar al contenido principal
Código Genesis

Código Genesis

Tutoriales de WordPress y Genesis Framework

  • Empieza aquí
  • Cuenta
    • Suscripción
    • Perfil
    • Actualizar tarjeta
    • Favoritos
    • Salir
  • Suscribirse
  • Acceder

Añadir una clase CSS a una página determinada en WordPress

Aprende con este tutorial a introducir una clase CSS personalizada a una página concreta en cualquier child theme de Genesis Framework mediante código.

WordPress ofrece varias clases CSS para ayudar a maquetar algunas páginas, por ejemplo:

  • .archive
  • .single
  • .single-portfolio
  • .post-type-archive-portfolio

Pero, ¿y si estas clases predefinidas no son suficientes y necesitas algo más específico?

En este caso, la mejor solución es crear una clase CSS propia para aplicar estilos determinados solo a una página.

¿Te interesa? Entonces, usa el siguiente código.

Snippet para insertar una clase CSS personalizada en una página de Genesis

Añade la siguiente línea en functions.php:

Para ver este código y los otros 1801 snippets de esta web,
identifícate o suscríbete aquí.

Este fragmento te permite usar el selector CSS «.contacto» para aplicar estilos específicos a la sección de contacto. Por supuesto, puedes conseguir el mismo efecto en cualquier otra.

Es más, también tienes la posibilidad de utilizar la ID en vez del nombre para asegurarte de que no se ve afectada si cambias el título.

Para ver este código y los otros 1801 snippets de esta web,
identifícate o suscríbete aquí.

¿No sabes cuál es? Descubre aquí cómo localizar la ID de tus páginas.

Conclusiones

Introducir una clase CSS personalizada en una página concreta puede resultar muy útil para maquetarla tal y como deseas.

Y ahora ya sabes cómo hacerlo con un simple snippet de código. 😉

¿Tienes alguna pregunta o quieres darme una sugerencia para próximos tutoriales de Genesis Framework? Cuéntamela en los comentarios (opción exclusiva para suscriptores).

CSS Página PHP WordPress

Nahuai Badiola

Desarrollador web especializado en WordPress y Genesis Framework. CEO de Código Genesis y cofundador de OsomPress (temas y plugins para WordPress).

Para dejar dudas o preguntas sobre este código, puedes login o suscribirte.

  • Empieza aquí
  • Sobre Código Genesis
  • Preguntas frecuentes
  • Contacto

Aviso legal · Política de privacidad · Política de cookies · Condiciones de contratación
Copyright © 2023 · Código Genesis

¿Has olvidado tu contraseña?