Ya comentamos, días atrás, la implementación de paginas estáticas en Blogger en borrador. Ahí os decía que los que no usamos una plantilla minima estándar y usamos algún hack para mostrar entradas resumidas en la pagina principal, nos encontramos que esas paginas estáticas se muestran resumidas y no podemos verlas completas.

Normalmente esos trucos que usamos para mostrar entradas resumidas se basan en un condicional, es decir como queremos que salvo las entradas individuales todas las demás se muestren resumidas, implementamos un condicional en el cual le "decimos" al navegador que cualquier entrada que no sea individual se vea resumida.

Antes que nada debéis saber que hay multitud de formas de implementar el truco de entadas resumidas y en esta entrada solo pretendo explicaros el concepto y como podemos solucionarlo. Para casos concretos deberéis mandarme vuestra plantilla y los explicare independientemente.

Con las entradas resumidas usamos el condicional

<b:if cond='data:blog.pageType != &quot;item&quot;'>

Debajo de este código ira las definiciones que tengamos para las entradas resumidas y a continuación vendrán las entradas individuales, las cuales son definidas a partir de otro condicional

<b:if cond='data:blog.pageType == &quot;item&quot;'>

De tal forma que la estructura será (normalmente deberéis buscar en vuestra plantilla <b:includable id='post' var='post'> y a continuación vienen estas definiciones, pero como ya os digo puede variar)

<b:if cond='data:blog.pageType != &quot;item&quot;'>
AQUI HTML PARA PAGINAS RESUMIDAS...
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
AQUI HTML PARA PAGINAS INDIVIDUALES...
</b:if>

En mi blog he solucionado el problema usando otro condicional

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>

Usando este condicional indico como quiero que se vean las páginas estáticas

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<div class='post hentry uncustomized-post-template'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3>
<div class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</div>
</h3>
<div class='clear'/>
</b:if>

<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
</div>
</b:if>

Solo muestro el titulo y el cuerpo de las entradas, he optado por no mostrar etiquetas, fecha y pie de entradas, ya que para mi no tiene sentido usarlos en una pagina estática.

De tal forma el código que nos quedaría seria

<b:includable id='post' var='post'>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<div class='post hentry uncustomized-post-template'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3>
<div class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</div>
</h3>
<div class='clear'/>
</b:if>

<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
</div>
</b:if>

<b:if cond='data:blog.pageType != &quot;item&quot;'>
AQUI HTML PARA PAGINAS RESUMIDAS...
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
AQUI HTML PARA PAGINAS INDIVIDUALES...
</b:if>

Hay que añadir un detalle mas, ya que de lo contrario las paginas estáticas se mostraran expandidas y resumidas a la vez.

Como tenemos un condicional que muestra las entradas resumidas basado en cualquier página que no sea individual debemos agregarle además las estáticas. Es decir indicar que usaremos las entradas resumidas para todas aquellas páginas que no sean individuales y estáticas.

<b:includable id='post' var='post'>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<div class='post hentry uncustomized-post-template'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3>
<div class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</div>
</h3>
<div class='clear'/>
</b:if>

<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
</div>
</b:if>

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
AQUI HTML PARA PAGINAS RESUMIDAS...
</b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
AQUI HTML PARA PAGINAS INDIVIDUALES...
</b:if>

Podría haberlo hecho mostrando los condicionales de otra forma ( si es este tipo usa este código y si es esto otro usa este)pero he preferido mostrarlo así para que sea mas fácil de entender y de aplicar.
Autor: . Consultor y auditor en posicionamiento web. Desarrollo de aplicaciones, diseño y programacion de plataformas y paginas web. Formación, profesor en el Programa SmmUs (Social Media Marketing) de la Universidad de Sevilla. Cursos sobre social media en Cámaras de Comercio de Málaga, Sevilla y Córdoba. Puedes encontrarme en Google Plus y Twitter .

¿Te gustó este post? No te pierdas los próximos, síguenos en redes sociales.

Te recomendamos también