Autonomía digital y tecnológica

Código e ideas para una internet distribuida

Cabecera mínima en HTML5 para WordPress

Imago voragine.net

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>

No hay comentarios

Dejar un comentario

*
*

 

Un trackback