Páginas con imágen destacada en la cabecera en Monochrome Pro

En este artículo vamos a ver como crear páginas con imagen destacada en la cabecera de Monochrome Pro. Lograremos un efecto idéntico al de los artículos.

Ya hablábamos ayer de Monochrome Pro y de como conseguir una cabecera transparente, tan solo con un poco de código CSS. Escribiendo ese mismo artículo se me ocurrió pensar «¿Que tan difícil sería añadir soporte para conseguir las imágenes destacadas en las páginas?».

Pues bien, aquí va un tutorial y la manera de hacerlo fácilmente. Os dejo una captura de la clásica página de contacto con su imagen destacada bien visible.

Páginas con imágen destacada en la cabecera en Monochrome Pro
Páginas con imágen destacada en la cabecera en Monochrome Pro

Creamos el template

Para estar seguros de que todas las páginas tiene el mismo soporte, crearemos un template llamado page.php que alojaremos en el directorio raíz de Monochrome Pro. En él introduciremos este código.

Este contenido está sólo disponible para los suscriptores.

Puedes identificarte aquí o bien registrate en este enlace.

Con eso ya hemos logrado tener el mismo soporte de imágenes destacadas de los artículos en las páginas.

Necesita eso sí, de una pequeña porción de CSS para ajustar los márgenes del contenido. Pero no es casi nada y fácil de implementar. De todas formas te lo dejo a continuación, para así dejar un tutorial bien completo.

Bastará con que lo pegues al final del archivo styles.css de Monochrome Pro.

Este contenido está sólo disponible para los suscriptores.

Puedes identificarte aquí o bien registrate en este enlace.

Queda, por supuesto que hagas alguna prueba.

Si quieres puedo hacer un tutorial para agregar este mismo soporte a las páginas de archivo y blog. No creo que fuese complicado.

Para cualquier duda o pregunta puedes dejar un comentario abajo. Feliz día! 🙂

El soporte en comentarios está sólo disponible para los suscriptores.

Puedes identificarte aquí o bien registrate en este enlace.

¿Olvidaste tu contraseña?