Con la aparición de la nueva versión de HTML, HTML5, se impone actualizar el código de muchas páginas o programar las nuevas teniendo en cuenta las nuevas etiquetas y atributos. En el caso de que estemos trabajando dentro del sistema WordPress además debemos integrar los comandos propios de este gestor de contenidos.
A continuación una cabecera mínima para WordPress que integra HTML5, comentada:
<!DOCTYPE html>
<?php // discriminamos según el navegador para hacer funcionar HTML5 en todos ?>
<!--[if IE 6]>
<html id="ie6" <?php language_attributes(); ?>>
<![endif]-->
<!--[if IE 7]>
<html id="ie7" <?php language_attributes(); ?>>
<![endif]-->
<!--[if IE 8]>
<html id="ie8" <?php language_attributes(); ?>>
<![endif]-->
<!--[if !(IE 6) | !(IE 7) | !(IE 8) ]><!-->
<html <?php language_attributes(); ?>>
<!--<![endif]-->
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>" />
<?php // almacenamos la información que vayamos a usar varias veces para no hacer varias consultas iguales a base de datos
$blogname = get_bloginfo('name');
$blogdesc = get_bloginfo('description');
$blogurl = get_bloginfo('url');
$blogtemplate = get_bloginfo('template_directory');
?>
<title>
<?php // el siguiente código devuelve el título de la página en función del contenido que se esté mostrando: home, archivos, single...
// hack del tema twentyeleven
global $page, $paged;
wp_title( '|', true, 'right' );
// Add the blog name.
bloginfo( 'name' );
// Add the blog description for the home/front page.
$site_description = get_bloginfo( 'description', 'display' );
if ( $site_description && ( is_home() || is_front_page() ) )
echo " | $site_description";
// Add a page number if necessary:
if ( $paged >= 2 || $page >= 2 )
echo ' | ' . sprintf( __( 'Page %s', 'twentyeleven' ), max( $paged, $page ) );
?>
</title>
<meta content="Nombre del autor" name="author" />
<meta content="<?php echo $blogdesc ?>" name="description" />
<meta content="etiqueta1, etiqueta2, etiqueta3" name="keywords" />
<?php // el relationships meta data profile antes se incluía con un atributo de la etiqueta head que con HTML5 ha desaparecido; ahora hay que incluirlo con una etiqueta link ?>
<link rel="profile" href="http://gmpg.org/xfn/11" />
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<link rel="stylesheet" href="<?php echo "$blogtemplate/style.php" ?>" type="text/css" media="screen" />
<link rel="stylesheet" href="<?php echo "$blogtemplate/style-print.css" ?>" type="text/css" media="print" />
<link rel="alternate" type="application/rss+xml" title="<?php echo $blogname; ?> RSS Feed suscription" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="alternate" type="application/atom+xml" title="<?php echo $blogname; ?> Atom Feed suscription" href="<?php bloginfo('atom_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<?php // este hook de WordPress es lo que devuelve las funciones complementarias necesarias para plugins y otros módulos, por ejemplo la hoja de estilos CSS de la barra que aparece cuando se ha iniciado sesión
wp_head(); ?>
</head>
1 comentario