Creando artículos destacados en Movable Type

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

Entradas recientes

  • Bingo Internet

    Es un sitio altamente optimizado para la promición de casinos. Se trata de mostrar todas las opciones para obtener los mejores resultados al jugar en...

  • ¡Todos amamos las etiquetas!

    ¿Etiquetas? Si Etiquetas. Todos amamos las etiquetas. del.icio.us las tiene, Flickr las tiene, y desde hace dos años Movable Type tiene soporte nativo para...

  • Cómo usar un archivo mdb de MS Access en Ubuntu Linux

    Recientemente tuve la imperiosa necesidad de usar un archivo de Microsoft Access en mi computadora con Ubuntu Linux. Ya había conseguido un Crossover Office prestado,...

  • Aprende Poker con los mejores

    Durante el mes de julio, 888.com ha sumado a su equipo de jugadores de poker a Leo Margets, conocida jugadora en el mundo del poker....

  • Estrenando Tabs

    Pues al final resultó que no eran tan complicadas. Pero necesitan algo de atención y de varios detalles de diseño. Incluso el sistema sigue validando...

Cerrar