Preguntas y respuestas sobre las páginas estáticas

Desde que anunciaron que en Blogger in Draft estaba disponible una nueva opción para crear Páginas Estáticas en Blogger, muchos me siguen preguntando por lo mismo y la verdad, aunque leí las entradas de El escaparate de Rosa y de Gem@ en sus respectivos blogs (recomiendo que las lean) hay algo que, a simple vista, no me convenció demasiado y tal vez por eso, demoré en tocar el tema pero, no hay más remedio que hacerlo.

Se trata de una posibilidad en desarrollo y por lo tanto, con dificultades para acceder a ella, dependiendo del día y de la humedad ambiente pero, ese no es el problema principal; sino que me da la impresión que estabamos ante un anuncio con muchas trompetas y poco sustento. Ahora que lo probé, sólo me limito a confirmar esa sensación original.

Evidentemente, podrá ser una solución para ciertas cosas o para ciertos blogs pero, en lo personal, no creo que sea nada del otro mundo y le añade bastante poco a Blogger porque, eso que se crea, apenas es un post y nada más.

A ver si aclaro eso.

Un blog es una serie de las entradas que se muestran ordenadas cronológicamente y todas aparecerán listadas en un elemento como Archivos o podrá accederse a ellas navegando hacia atrás o hacia adelante. Por el contrario, una página estática es una entrada atemporal, algo que está fuera del orden cronológico y es lo que suele utiizarse para agregar información como el perfil, los formularios de contacto, los índices o mapas del sitio, los términos y condiciones de uso, etc. Por lo general, un blog estándard, no las usa para otra cosa y hasta acá, la única diferencia entre una entrada y ese tipo de página es que no se lista; nada más.

Por supuesto, en otro sistemas como WordPress, esta opción existe pero además, es mucho más amplia ya que esas páginas pueden tener diseños especiales, diferentes al estilo general, pueden entrelazarse y generarse estructuras de árbol que permiten relacionarlas, etc. En Blogger, nada de eso es posible. En Blogger, una página estática no es otra cosa que un post con una dirección URL diferente.

¡Y para eso tardaron tres años!!! ¡Y para colmo, lo tienen en Draft como si se tratara de algo tan complejo de hacer XD!!!

Esta es la URL normal de una entrada:

http://miBlog.blogspot.com/año/mes/titulo.html

y esta es la URL de una "page":

http://miBlog.blogspot.com/p/titulo.html

¿Más diferencias? Poco y nada; no admite etiquetas, pueden habilitarse o deshabilitarse los comentarios, el editor es el mismo que para una entrada, aparentemente, no puede cambiarse la fecha.

¿Más limitaciones? Sí, "puedes añadir hasta 10 páginas independientes". Diez, ni una más ... ¿? (más información)

Si la opción de crear páginas no se ve ¿pueden crearse igual? Si, basta acceder directamente:

http://draft.blogger.com/page-edit.g?blogID=XXXXXXX

reemplazando XXXXXXX por el ID de nuestro blog que podemos ver en cualquier página del escritorio de Blogger.

Una vez creadas, nos da tres opciones para integrarlas al blog, mejor dicho, para mostrar los enlaces esas paginas.

1. Agregarla a la sidebar utilizando un widget lo que generará un elemento que luego puede ser editado como cualquier otro y que tendra un código como este: Ver/Ocultar [+]

<b:widget id='PageList1' locked='false' title='Páginas' type='PageList'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:links' var='link'>
<b:if cond='data:link.isCurrentPage'>
<li class='selected'><a expr:href='data:link.href'><data:link.title/></a></li>
<b:else/>
<li><a expr:href='data:link.href'><data:link.title/></a></li>
</b:if>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

2. Agregar el mismo widget dentro del llamado crosscol-wrapper, una sección que solemos no utilizar y que a veces, ni siquiera se encuentra en algunas palntillas. De este modo, aparecerá como un menú horizontal.

Si no existe, no es problema, simplemente, lo agregamos, colocando esto donde nos guste:

<div id='crosscol-wrapper'>
<b:section class='crosscol' id='crosscol' />
</div>

Tampoco es obligatorio colocarlo allí, podríamos moverlo a cualquier otra parte, como cualquier otro elemento o crear una sección nueva con cualquier nombre:

<div id='paginas-wrapper'>
<b:section class='paginasEstaticas' id='paginasEstaticas' />
</div>

Por defecto, hay una serie de propiedades CSS que lo controlan así que, en muchos casos, habrá que redefinirlas ya que preveen que las pongamos en ese crosscol o en el footer (ellos diseñan nuestro sitio); dicen esto:

.crosscol .PageList ul, .footer .PageList ul {  /* es una lista */
list-style: none outside none;
margin: 0;
padding: 0;
}
.crosscol .PageList li, .footer .PageList li {  /* los items de la lista */
background: none repeat scroll 0 0 transparent;
float: left;
list-style: none outside none;
margin: 0.75em;
padding-right: 0.75em;
}
.crosscol .PageList h2 {  /* el título */
display: none;
}
.PageList li a {  /* cada item es un enlace */
font-weight: normal;
}
.PageList li.selected a {  /* se resalta un item si es que estamos en esa página */
font-weight: bold;
text-decoration: none;
}

Los detalles a cambiar variarán segun sea la plantilla pero, podría tener cualquier diseño.

3. La última opción es no hacer nada. En ese caso, publicamos la página y luego, tomamos nota de la dirección URL generada y la usamos en un enlace, como a cualquier otra.

¿Cuál es el resultado de todo esto? Una entrada con una URL diferente al resto y nada más.

Una mìnima alternativa de personalización extra es que este tipo de páginas pueden ser identificadas y por lo tanto, pueden usarse condicionales:

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
    ... esto sólo se ejecutará en las páginas estáticas
</b:if>

o bien:

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
    ... esto se ejecutará en todas las páginas excepto en las páginas estáticas
</b:if>

Hay preguntas que por ahora no tienen respuestas:

¿Tiene un feed? Aparentemente no.
¿Se indexan? No sé. Esperemos que no ya que eso sería ilógico.

¿Es un avance? Y si pero, es poco, muy pero muy poco; mucho menos de lo que los usuarios de Blogger se merecen y muchísimo menos de lo que los desarrolladores podrían hacer si trabajaran un poco.