Inspirado en la idea de Ayuda Wordpress sobre Crear una sección de Destacados, y como una forma de mostrar las facilidades de Movable Type, presento mi propia versión para este CMS.
Esta sección se pretende para plantillas tipo revista, tan de moda hoy en día y tan difíciles de implementar en Wordpress.
Para crear la sección de artículos destacados, lo único que necesitamos es definir una etiqueta oculta, y poner el código, en cualquier parte de nuestra página. La barra lateral es un buen lugar.
Para crear una etiqueta oculta, lo único que necesitamos es agregar el símbolo de arroba @ al nombre de la etiqueta, por ejemplo: @destacado, de esta manera, el artículo queda etiquetado, pero esta etiqueta no se muestra.
Usando etiquetas ocultas, al contrario de etiquetas, nos permite usar cualquier categoría para nuestros artículos destacadso, y no nos limitamos a una sola.
Código para artículos destacados.
Con este código creamos un widget que podemos colocar en cualquier otra plantilla de nuestro sitio, por ejemplo, en la barra lateral.
<ul> <mt:entries tag="@destacado" lastn="5"> <li> <a href="<mt:entryPermalink>" rel="bookmark" title="<mt:entryTitle />"> <mt:entryTitle /> </a> </li> </mt:entries> </ul>
La diferencia con Wordpress es evidente, dada la elegancia de este código que a continuación pasamos a explicar.
El código que genera la lista de destacados es este:
<mt:entries tag="@destacado" lastn="5">
Que dice, casi literalmente muestra las últimas 5 entradas con la etiqueta @destacado.
Para poner el enlace o permalink, usamos la etiqueta <mt:entryPermalink /> y para el título <mt:entryTitle />, de modo que queda así:
<a href="<mt:entryPermalink>" rel="bookmark" title="<mt:entryTitle />">
<mt:entryTitle />
</a>
Puedes agregarle estilos a la lista o bien a una capa div en la hoja de estilos. Y agregar el widget con esta simple línea:
<mt:include widget="destacados" />
En este blog, hay una sección de este tipo que se llama Notas rápidas, y este es el código del widget:
<div class="info"> <h2 class="feedburner" >Notas rápidas</h2> <ul> <mt:entries tag="@asides" lastn="2"> <li class="lasides"> <span class="titlea"> <a href="<mt:entryPermalink>" rel="bookmark" title="<mt:entryTitle />"><mt:entryTitle /></a> | <mt:ifcommentsactive><a href="<mt:entrypermalink />#comments"><mt:entryCommentCount /></a> |</mt:ifcommentsactive> <mt:entrydate format="%d.%b.%y" /> @ <mt:entrydate format="%I:%M %p" /> </span> <mt:entryBody /> </li> </mt:entries> </ul> </div>
Escribir un comentario