Jueves 23 de Febrero, 2012
Dinvaders: Alimentando con código a nuestros hambrientos visitantes desde el año 2010.

Como crear diferentes templates para el header en WordPress

Anteriormente estuvimos viendo como se hacian diferentes templates para cada categoría, en esta ocasión veremos como realizar diferentes estilos de header para una misma página de WordPress.

Organizando nuestros archivos

Lo primero que debemos hacer es crear un archivo php con nuestro editor html (Dreamweaver, Textmate, Coda, etc) y lo llamaremos header-single.php.

Siempre debemos respetar en el nombre del archivo su formato “header-[nombre].php“  (donde dice [nombre] lo reemplazaremos por el nombre que queramos.

Creando una estructura de ejemplo del archivo

Este paso es opcional, es más que nada para aquellos que recién esten comenzando con la creación de templates.

<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>" />
<title><?php wp_title('&laquo;', true, 'right'); ?> <?php bloginfo('name'); ?></title>

<link rel="profile" href="http://gmpg.org/xfn/11" />
<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo('stylesheet_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />

<!--[if lt IE 9]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
<![endif]-->

<?php wp_head();?>
</head>

<body>
<div id="header-single">
        <a href="<?php bloginfo('url');?>"><img src="<?php bloginfo('template_url');?>/images/logo.png" alt="Dinvaders.com"/>
</div>

Llamando al header

En nuestro caso queremos mostrar un header especifico en el single, para eso llamaremos al archivo que recién creamos de la siguiente manera en  single.php.

<?php get_header('single');?>

Porque dentro de get_header() escribimos single?

Para llamar a nuestro header especifico deberemos respetar esta forma de escritura, teniendo en cuenta que dependiendo como se llame nuestro header, es lo que escribiremos dentro de get_header().

Ejemplos:

Nombre archivo

header-musica.php

¿Como llamamos al header?

<?php get_header('musica');?>

Artículos relacionados

Este artículo no tiene comentarios

¡Se el primero en comentar!

Deja un comentario