Título de las páginas con imágen destacada de fondo bajo el menú en Digital Pro Theme

Los títulos de las páginas pueden ser un elemento más a la hora de añadir imagen corporativa o de crear un diseño creativo. Veamos como situar el título de las páginas con foto destacada de fondo bajo el menú en Digital Pro Theme con una imagen de fondo, mediante código.

En las webs corporativas la imagen es una parte muy importante del diseño. En otros muchos tipos de web también, claro está. 

Hay infinidad de elementos comunes en una web con los que podemos jugar para desarrollar esa imagen. Podemos dar así más visibilidad o crear una imagen de marca, como necesitan muchos ecommerce.

En este caso, vamos a ver como añadir una imagen de fondo a los títulos de las páginas en Digital Pro. Además vamos a posicionar esos títulos bajo la cabecera del theme, de manera que queden como un bloque junto a esta.

Pasaremos de esto:

Título de página original en Digital Pro
Título de página original en Digital Pro

A esto otro:

Título de página con imágen destacada de fondo en Digital Pro
Título de página con imágen destacada de fondo en Digital Pro

Lo haremos con tres funciones relacionadas entre sí, que emplazaremos en el archivo functions.php de Digital Pro.

Y digo tres funciones, porque dos de ellas serán llamadas desde la principal, para así conseguir el encapsulado de la imagen destacada. Veamos como queda el snippet.

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

Puedes identificarte aquí o bien registrate en este enlace.

Por supuesto, se tiene que haber configurado la imagen destacada en la página para que aparezca como fondo del título. 

En mi opinión Digital Pro gana muchísimo con esta modificación, ya que cada página puede tener su propia imagen, distinta cada una. Además, para un cliente sería muy sencillo configurar esas imágenes.

Ya sabéis, para cualquier duda con el código, dejadme un comentario abajo. Seguimos! 😉

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

Puedes identificarte aquí o bien registrate en este enlace.

¿Olvidaste tu contraseña?