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="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ónwp_head(); ?></head> |
1 comentario