Cómo crear cualquier listado en tu web con Drupal Views

Cómo crear cualquier listado en tu web con Drupal Views

Cómo crear cualquier listado en tu web con Drupal Views

Si tienes una página web dinámica, o estás pensando en montar tu proyecto online, seguro que te has visto en alguna de estas situaciones:

  • Tienes la lista de los últimos artículos en portada, pero quieres ordenarlos de forma diferente, o mostrar otros campos como un enlace directo a la galería de fotos relacionada.
  • Quieres poner un bloque en la columna derecha con los contenidos más populares, incluyendo artículos del blog, noticias y productos de la tienda.
  • Necesitas una tabla con el listado de usuarios, los comentarios que ha realizado, los contenidos que ha creado, productos que ha comprado, fechas y campos ordenables.
  • Quieres un grid o rejilla con imágenes de los productos de la tienda, y añadir filtros de búsqueda para facilitar a los usuarios.
  • Quieres destacar en portada el artículo/producto, etc. «de la semana», en base a cualquier criterio que establezcas previamente, como el más visto, producto más comprado, más comentado, etc.
  • Quieres que aparezca un bloque con cierto tipo de contenido sólo para los usuarios logueados con un rol determinado.

Si estás en alguna situación similiar, sigue leyendo porque esto te interesa!

 

¿Cómo puedo hacer esto si no sé programar?

Si tu web usa un gestor de contenidos como wordpress, joomla o drupal, seguro que me me dirías que buscarías un plugin o módulo que lo haga. Pero ¿Seguro que existe uno que muestre exactamente lo que quieres?

Me temo que cuando no te falta una cosa te falta la otra.

Por supuesto, puedes contratar un desarrollador que lo haga por ti (Noemí al rescate! ;-)), pero ¿y si hubiera una herramienta para poder hacerlo tú mismo?

 

Módulo views

Pues esa maravillosa herramienta existe, y en Drupal se llama Views (o Vistas).

Se trata de un módulo tan poderoso y esencial en todo proyecto drupal, que en la próxima versión (Drupal 8) estará en el propio core, es decir, que vendrá incluido en el código base de drupal.

Con views se puede hacer un listado lo pequeño o grande que se quiera, y lo básico o complejo que se necesite.

Al final, se trata tan sólo de combinar los datos guardados en la base de datos de nuestro proyecto web.

Evidentemente, cuanta más experiencia tengamos con la herramienta, podremos hacer listados más complejos.

Pero ya desde un principio podemos hacer listas personalizadas según nuestras necesidades.

 

Cómo crear una vista sencilla con Drupal Views

Ahora que ya sabes el potencial que tiene el módulo Views de Drupal, vamos a ver un ejemplo para que te animes a hacer alguna prueba en tu web.

Vamos a hacer una cuadrícula o grid con las imágenes de portada de las entradas del blog y su correspondiente título, que enlacen al artículo correspondiente.

Para ello, desde el menú seleccionamos Estructura->crear nueva vista, y completamos los datos, tal y como muestra la imagen:

 

Crear una vista sencilla con Drupal Views

 

Seleccionamos «Crear una página» y no «Crear un bloque» porque en este caso queremos crear una nueva página que muestre la cuadrícula.

Si quisiéramos un bloque para colocar en cualquier parte de nuestra web, seleccionaríamos «crear un bloque».

En cualquier caso, siempre podemos hacerlo más adelante.

La ruta que escribimos es la que mostrará, una vez hecha la vista, el resultado de la misma.

Para continuar, pinchamos en «Continuar y editar», que nos lleva a la página principal de configuración de nuestra vista, similar a lo que muestra la siguiente imagen:

 

Crear una vista sencilla con Drupal Views

 

Vemos que bajo el letrero «Campos», se muestra el título.

Aquí se listarán los campos que aparecerán en cada cajita de nuestra cuadrícula.

Por tanto, ahora añadimos la imagen que queremos mostrar pinchando en el botón «Agregar» que hay junto a «Campos».

Se nos muestra un listado con todos los campos disponibles. Seleccionamos el campo «Contenido:Imagen» y pinchamos en «Aplicar».

Pasamos a continuación a la ventana del campo imagen, que configuramos como se muestra a continuación:

 

Crear una vista sencilla con Drupal Views

 

 

El estilo de imagen lista los distintos tamaños de imagen que hay configurados en nuestro sistema.

En este caso elegimos «medium», de 220px de ancho y alto.

Y vinculamos la imagen al contenido, de tal forma que al pinchar sobre la imagen nos lleve a la entrada de blog a la que corresponde.

Guardamos pinchando en «Aplicar», y pasamos ahora al bloque «Criterios de ordenación».

Habíamos dejado la ordenación por defecto, según la fecha de envío, pero vamos a cambiarla por el número de comentarios.

Es decir, mostrar en orden descendente aquellas fotos de los artículos más comentados hasta los menos comentados.

Para ello, primero eliminamos el criterio de ordenación de la fecha de publicación. Pinchamos sobre el campo fecha y en la ventana que se abre pinchamos «Eliminar».

Ahora con «Agregar» junto a «Criterios de ordenación», buscamos «comentarios» en la casilla «Buscar» y nos hace una búsqueda rápida del campo que queremos.

Seleccionamos «cuenta de comentarios» tal y como muestra la imagen:

 

Crear una vista sencilla con Drupal Views

 

 

Aplicamos, elegimos el orden descendente y volvemos a aplicar.

Podemos ver que debajo de esta página nos aparece una vista previa de la vista que hemos creado:

 

Crear una vista sencilla con Drupal Views

 

 

Para finalizar, guardamos la vista y nos dirigimos a la ruta que habíamos elegido para ver la vista, y ahí tenemos el resultado:

 

Crear una vista sencilla con Drupal Views

 

 

¿Qué te parece? Bastante fácil ¿verdad?

Seguro que ya has visto el potencial de este módulo Views de Drupal y has pensado en las combinaciones que se pueden hacer . ¿Te atreves a probar?

Cuéntame tus nuevas creaciones en los comentarios!

Si quieres aprender más sobre Drupal, y en español, te recomiendo la formación con Forcontu.

Soy referenciante, y te ofrezco 2 cupones de descuento:

  • 10% en el curso con el cupón TACANDECUR
  • 5% en los libros con el cupón TACANDELIB

Elije tu opción de formación (curso o libros) y usa tu cupón de descuento.

Experto en Drupal 7 con Forcontu Pack de libros Drupal 7

Compartir: 
Come up