Como crear cabeceras personalizadas

Esta es otra de las peticiones estrella en el foro, y ciertamente al final resulta que es bastante sencillo conseguirlo, similar a otros métodos de crear contenidos personalizados, como ya vimos con las barras laterales.

Lo primero que hay que hacer es crear los ficheros de cabecera. Crea tantas cabeceras como quieras. En este ejemplo hay 3 cabeceras personalizadas, tomadas del theme por defecto de WordPress, a las que se ha llamado headercontacto.php, headergaleria.php y headerbase.php, donde esta última sería la cabecera por defecto.

Utilizando la función include() y tags condicionales puedes definir fácilmente las cabeceras personalizadas. Solo tienes que remplazar el fichero header.php por el siguiente código:

<!--?php &lt;br ?--> if (is_page('contact')){
<!--?php include(TEMPLATEPATH.'/headercontact.php'); ?-->
}
elseif (is_page('gallery')){
<!--?php include(TEMPLATEPATH.'/headergallery.php'); ?-->
}
else {
<!--?php include(TEMPLATEPATH.'/headerdefault.php'); ?-->
}
?&gt;

Lo que hace el ejemplo es «mirar» si la página que estás visualizando y si, por ejemplo, es la página de contactos ‘contacto‘ carga una cabecera (headercontacto.php), si es de la galería ‘galeria‘ mostrará headergaleria.php, en caso contrario, si no es ninguna de estas cargará la cabecera por defecto.

Por supuesto, partiendo del fichero header.php por defecto de tu plantilla debes crear las cabeceras personalizadas, cada una con su imagen o contenidos exclusivos.

(7 votos, promedio: 3.9) Valora este artículo para ayudar a mejorar la calidad del blog

¿Te gustó este artículo? ¡Ni te imaginas lo que te estás perdiendo en YouTube!

AVISO: Esta publicación es de hace 3 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. ¡Ah! ¿te funciona? pues entonces no he dicho nada :)

Sobre el autor

16 comentarios en “Como crear cabeceras personalizadas”

  1. A mi me gustaría saber como hacer que la imagen de cabecera fuera "rotando", es decir, que cambiara cada cierto tiempo (sin que tengan que actualizar el blog), no sé si me explico, que cada x minutos o x segundos cambie la imagen a otra 😉

  2. Hola. He probado el código, pero me da error en la linea 3 del header.php:

    "unexpected <"

    lo he copiado igual al que tu pones, cambiando solo el nombre de los ficheros. ¿Que puede ser?

    Gracias, un saludo y Feliz año!

  3. Hola Fernando, 

    Soy nueva en esto de WordPress, apenas estoy creando mi sitio y me ha encantado lo que llevo!! Tengo una duda, hay algún plugin que pueda mostrar la cabecera cada cierto tiempo, por ejemplo; día y noche?  =) 

    Saludos!

  4. Hola que tal, al igual que Aang estoy comenzando con WordPress y me gustaría una ayudita sobre como colocar los enlaces en la cabecera a mi Twitter , Facebook u otras redes sociales, parecido a como lo tienes aquí arriba. 

    Muchas gracias de antemano

  5. Rafael Flores Martin

    saludos de ante mano Fernando, pero no entiendo como debo hacerlo, podrias por favor detallar un poco más ya que me gustaria aprender a poner cabeceras personalizadas en distintas pagina de mi blog, es fundamental para mi.

    gracias perdón por la molestia.

  6. Fernando, y como puedo poner un slider de soliloquy en la cabezera del tema de :
    Twenty Fourteen: Cabecera (header.php

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Información base sobre privacidad:
  • Responsable: Fernando Tellado ([email protected])
  • Fin del tratamiento: Moderación de comentarios para evitar spam
  • Legitimación: Tu consentimiento
  • Comunicación de los datos: No se comunicarán los datos a terceros salvo por obligación legal
  • Derechos: Acceso, rectificación, portabilidad, olvido

 

Ir arriba Ir al contenido