La plantilla header.mtml
Esta es la plantilla header.mtml.
Para mantener un aspecto homogéneo y profesional, todas las páginas usan esta plantilla. Las características particulares de cada tipo de plantilla, se resuelven mediante la compilación condicional y al establecer variables en cada plantilla.
1:<mt:setvarblock name="html_head" prepend="1">
2: <mt:If name="main_template">
3: <link rel="alternate" type="application/atom+xml" title="Atom" href="<mt:Link template="atom" />" />
4: <link rel="alternate" type="application/rss+xml" title="RSS" href="<mt:Link template="rss" />" />
5: <mt:Unless name="main_index">
6: <link rel="start" href="<mt:BlogURL />" title="Home" />
7: </mt:Unless>
8: <mt:CCLicenseRDF />
9: </mt:If>
10:</mt:setvarblock>
11:
12:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
13: "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
14:
15:<html xmlns="http://www.w3.org/1999/xhtml" id="sixapart-standard">
16: <head profile="http://gmpg.org/xfn/11">
17: <meta http-equiv="Content-Type" content="text/html; charset=<mt:publishCharset>" />
18: <title><mt:var name="title" /> </title>
19: <meta name="generator" content="<mt:productName version="1" />" />
20: <link rel="stylesheet" href="<mt:link template="styles" />" type="text/css" media="screen" />
21: <mt:var name="html_head" />
22: <script type="text/javascript">
23: var adminurl = '<mt:CGIPath />' + '<mt:AdminScript />';
24: var page_id = '<mt:IfArchiveType archive_type="Page"><mt:PageID /><mt:Else><mt:Pages tag="@home"><mt:PageID /></mt:Pages></mt:IfArchiveType>';
25: var blog_id = '<mt:BlogID />';
26: </script>
27: <link href="<mt:blogurl />prettify.css" type="text/css" rel="stylesheet" />
28: <script type="text/javascript" src="<mt:blogurl />prettify.js"></script>
29: </head>
30:
31: <body onload="individualArchivesOnLoad(commenter_name); prettyPrint()">
32:
33: <div id="wrapper">
34: <div id="header">
35:
36: <div id="header_l">
37: <h1><a href="<mt:blogURL />"><mt:blogName /></a></h1>
38: </div>
39:
40: <div id="header_r">
41: <ul id="top_i">
42: <li><span class="rss3"><a title="Suscríbete al Feed RSS" href="<mt:link template="rss" />">Suscríbete al feed RSS </a> </span></li>
43: <li><span class="email">Suscríbete vía email</span></li>
44: </ul>
45: </div>
46:
47: <div class="clear"></div>
48: </div><!--- end of #header -->
49:
50: <div id="navigation">
51: <ul>
52: <li class="current_page_item"><a href="<mt:blogURL />">Inicio</a></li>
53: <li class=""><a href="<mt:blogURL />series/plantillas.html">Plantillas</a></li>
54: </ul>
55:
56: <div class="clear"></div>
57: </div>
58:
59: <div id="content-container">
60: <div class="content">
La primeras 10 líneas establece un bloque variable llamado html_head que dependiendo del tipo de plantilla que esté compilando agregará unas u otras líneas.
La línea dos verifica si está construyendo una plantilla principal y si es así agrega los enlaces a las fuentes de sindicación de noticias. La línea 5 dice que a menos que sea la página índice inscribir una etiqueta meta que apunte hacia el inicio.
Por ejemplo, si la plantilla es el índice, se mostrará la licencia Creative Commons (si está establecida) <mt:CCLicenseRDF />.
Las líneas 12 y 13 establecen el tipo de documento, no pertenecen precisamente a Movable Type, pero son una buena práctica incluirla. En este caso, el documento se define como “XHTML 1.0 Transitional”
Debido a que la codificación de caracteres del blog se establece en la configuración, podemos usarla para la generación de nuestro documento, como se ve la línea 17.
En la línea 18 vemos que el título se genera usando la variable <mt:var name="title" />, que tenemos que establecer en la plantilla respectiva.
La línea 19 es una línea de meta-información sobre el sistema usado para generar la página. En este caso, usamos una etiqueta que toma el nombre del sistema: <mt:productName version="1" >.
La línea 20 crea un enlace a la plantilla usando la etiqueta mt:link.
La línea 21 incluye el bloque de variable html_head, si existe en la plantilla.
De la línea 22 ala 26, vemos que se establecen las variables para un guión que se usa en el conjunto de plantillas Universal. Aqui se dejan, porque aprovechamos algunas de sus ventajas, que más adelante comentaremos.
En la línea 27 vemos una etiqueta que usaremos frecuentemente: <mt:blogurl /> que nos devuelve la URL del blog. Si queremos agregar usar un archivo es importante saber que no necesita la diagonal, es decir, para apuntar al índice haríamos esto: <mt:blogurl />index.html.
En la línea 31 inicia la sección body. También pasamos un argumento al guión javascript que afecta al formulario de comentarios.
En las líneas siguientes, hasta el final de este módulo, vemos las etiquetas DIV que forman el tema: Se abren aqui, y se cierran el módulo footer.mtml, con lo que aseguramos que la plantilla es válida para el tipo: XHTML 1.0 Transational.
Ya que estás aquí, tal vez quieras suscribirte a la fuente de noticias RSS. ¡Gracias por visitarme!
