Convertir una imagen de fondo en un enlace

A pesar de las barras de navegación de los blogs, desde las que acceder tanto a las páginas estáticas como a la portada del mismo, sería un error disponer de una cabecera gráfica y que no tuviera un enlace activo al índice de nuestro sitio. Será cultura, será costumbre pero es casi automático que el visitante intente hacer clic en la cabecera que nos identifica.

Pero no todas las plantillas WordPress disponen de la imagen con enlace así que vamos a ver como conseguir que la imagen de fondo sea también un enlace a la portada de nuestro blog. Para ello hay que modificar dos archivos: la hoja de estilos (style.css) y la cabecea (header.php), pero es muy sencillo.

La mayoría de los themes disponen de funciones que muestran el  título y descripción del blog pero si tenemos nuestra propia imagen personalizada, que ya tenga el nombre del blog, nos sobra. Lo malo es que si quitamos esa función entonces nuestra imagen queda sin enlace.

Para ello vamos a fijarnos en el theme por defecto de WordPress; Kubrick, donde nos encontramos en header.php lo siguiente:

Si te fijas hay una llamada a la clase header (div id=header), que si nos fijamos en la hoja de estilos veremos que es la que muestra la imágen de fondo, y sobre ella luego el fichero de la cabecera (header.php) añade el título (bloginfo('name')) y descripción (php bloginfo('description')), ambos enlazados a la portada (get_option('home')). La clase header del theme Kubrick, disponible en la hoja de estilos, es esta:

Lo que vamos a hacer, en primer lugar, es sustituir la ruta de la imagen por defecto a la de nuestra cabecera personalizada. Para ello cambiaremos la clase en style.css:

A continuación “comentamos” la función original en header.php para que no aparezca el título y descripción, lo que ya tenemos con nuestra imagen personalizada. Lo hacemos así:

Y para terminar modificamos ligeramente el fichero header.php para que la clase header enlace a la portada de nuestro blog:

Ya lo tienes, ahora tu blog mostrará tu imagen personalizada y haciendo clic en cualquier parte de la misma se accede a la portada.

AVISO: esta publicación es de hace dos años o más. Si es un código o un plugin podría no funcionar en las últimas versiones de WordPress, y si es una noticia podría estar ya obsoleta. Luego no digas que no te hemos avisado.

Valora este artículo para mejorar la calidad del blog ...

FlojitoNo está malEstá bienMe ha servidoFantástico (4 votos, promedio: 4,00 de 5)
Cargando…

Autor: Fernando

Fernando Tellado, apasionado de WordPress, profesor, consultor y ponente. Maquero cansino, padre de tres hijos y de una perrita Beagle, Bilbaíno de nacimiento, Español de corazón y ciudadano de donde me quieran.

Autor del libro WordPress – La tela de la araña. Mi blog personal es Navegando con red, donde he crecido como escritor en la red y ofrezco mis visiones acerca de la Web 2.0 y la blogosfera.

Comparte esta entrada en
468 ad

LOS BURÓCRATAS DE LA UE ME EXIGEN QUE TE DIGA QUE SI VISITAS AYUDA WORDPRESS PUEDES RECIBIR ALGUNA COOKIE. AQUÍ NO HAY COOKIES DE PUBLICIDAD, COMO LAS QUE SI TE DEJAN GOOGLE, AMAZÓN Y MONTÓN DE SITIOS, SIN AVISAR, PERO EL QUE TE TENGO QUE AVISAR SOY YO. LAS COOKIES QUE TE DEJA AYUDA WORDPRESS SON PARA FACILITARTE LA NAVEGACIÓN, COMPARTIR Y COMENTAR. SI NO QUIERES RECIBIR COOKIES PUEDES NAVEGAR EN MODO PRIVADO, ABANDONAR ESTE SITIO Y PERDERTE EL CONTENIDO GRATIS QUE COMPARTO CADA DÍA SOBRE WORDPRESS O IRTE A UNA ISLA DESIERTA PARA VIVIR AISLADO DEL MUNDO, ESO SÍ, SIN COOKIES. O SINO, SIMPLEMENTE CIERRA ESTA VENTANA COÑAZO Y SIGUE DISFRUTANDO DEL BLOG. SI TIENES CURIOSIDAD SOBRE ESTO DE LAS COOKIES TE DEJO UN ENLACE >> MÁS INFORMACIÓN

Los ajustes de cookies de esta web están configurados para "permitir cookies" y así ofrecerte la mejor experiencia de navegación posible. Si sigues utilizando esta web sin cambiar tus ajustes de cookies o haces clic en "Aceptar" estarás dando tu consentimiento a esto.

Cerrar