Blog de SeeD Click to add RSS

amorales
Mejorando la estructura HTML y de clases generadas por el módulo Views de Drupal
Abril 18, 2010

Para quienes constantemente estamos desarrollando sobre Drupal, sabemos que el módulo Views es uno de los grandes pilares de este CMS, sin embargo su forma de estructurar el html y los nombres de las clases no son una muy buena experiencia dado que nos encontramso con una estrucutura un poco engorrosa sobretodo desde el punto de vista semántico.

Nuestro resultado común es algo como esto:

<div>
<div>
<span><a href="/node/1">Augue Magna Cui Conventio Valetudo</a></span>
</div>
<div>
<span>Story</span>
</div>
<div>
<div>
<p>
node (story) - Abigo bene feugiat loquor neo lenis qui imputo. Suscipere molior obruo typicus jus euismod ille illum meus. Acsi populus pecus populus lobortis metuo voco. Aptent plaga incassum. Iriure cui cui commoveo eum hos dolor ex consectetuer. Typicus eros vulputate defui comis nobis humo. Ulciscor abigo occuro. Sagaciter tego dolore. Voco iusto jus. Abdo dolor verto gilvus mos iaceo vel loquor.
</p>
</div>
</div>
<div>
<label>Delete link:</label> <span><a href="/node/1/delete&amp;destination=semantic-views-demo">delete</a></span>
</div>
<div>
<label>Edit link:</label> <span><a href="/node/1/edit&amp;destination=semantic-views-demo">edit</a></span>
</div>
</div>

 

¿Pero, que pasa si mejor logramos algo como esto?

 

<div>
<h2><a href="/node/1">Augue Magna Cui Conventio Valetudo</a></h2>
<div>
Story
</div>
<p>
node (story) - Abigo bene feugiat loquor neo lenis qui imputo. Suscipere molior obruo typicus jus euismod ille illum meus. Acsi populus pecus populus lobortis metuo voco. Aptent plaga incassum. Iriure cui cui commoveo eum hos dolor ex consectetuer. Typicus eros vulputate defui comis nobis humo. Ulciscor abigo occuro. Sagaciter tego dolore. Voco iusto jus. Abdo dolor verto gilvus mos iaceo vel loquor.
</p>
<div>
<label>Delete link:</label> <a href="/node/1/delete&amp;destination=semantic-views-demo%2Funformatted-semantic">delete</a>
</div>
<div>
<label>Edit link:</label> <a href="/node/1/edit&amp;destination=semantic-views-demo%2Funformatted-semantic">edit</a>
</div>
</div>

Mucho mejor, ¿no es verdad?, gracias al módulo Semantic Views podemos controlar mucho mejor la salida del HTML, solo tenemos que seleccionar, Jeff Burns ha creado un video (En Inglés) acerca del uso de este módulo.

Semantic View Module in a Nutshell from Adaptivethemes on Vimeo.

 

Enviar un comentario nuevo

El contenido de este campo se mantiene privado y no se mostrará públicamente.
  • Las direcciones de las páginas web y las de correo se convierten en enlaces automáticamente.
  • Etiquetas HTML permitidas: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • Saltos automáticos de líneas y de párrafos.

Más información sobre opciones de formato

Al enviar éste formulario, usted acepta la política de privacidad de Mollom.
Términos mas Populares
Autores
    William Armando Vera Serrano
    Luis Manuel Serrano
    Jairo Alberto Pinzón Garzón
    Aldibier Morales Morales

Seed - Expertos en Internet Calle 161 No 21 - 68 Piso 2 Bogotá, Colombia, Tel: (+57 1) 671-6762, (+57 1) 679-6538 Correo electrónico: info@seed.com.co