Experts en Drupal

Com crear un slide de vídeos i fotos amb Drupal

Un dels requeriments habituals en totes les webs és el de crear un slide "Multimèdia" on apareguin imatges i vídeos conjuntament. Drupal utilitza el mòdul Field Collection

Com crear un slide de vídeos i fotos amb Drupal

Tutorial per crear un slide a Drupal

Per començar hem de tenir instal·lats els següents mòduls:

  • Views
  • Field Collection
  • Youtube Field
  • Views Slideshow

El primer que farem serà crear un camp Field Collection que anomenarem “Camp multimèdia” en el tipus de contingut que ens interessi i amb un nombre il·limitat de valors.
Això ens genera un Field Collection, al que afegirem 2 camps.

  • Camp Imatge (Image)
  • Camp Vídeo (Youtube Field)

En aquest Field Collection tindrem 2 View Mode (Full Content y Resumen). En el Full Content mostrem les imatges i els vídeos en gran i en el Resum les imatges petites i les imatges thumbnail del vídeo.

Full Content

Drupal Slide

Resum

Drupal Slide

A continuació, i per comprovar que funciona, crearem 1 node del tipus de contingut on hem creat el Field Collection amb diferents imatges i/o vídeos.

Un cop tenim contingut per poder mostrar, creem una vista del tipus Bloc, on mostrarem “Camp Multimèdia”, amb un formatador de “Fields only” i un mode de visualització de “Contingut Complet”.

Tot seguit creem un altre camp amb el mateix “Camp Multimèdia” amb el formatejador “Fields only”, però amb el mode de visualització Resum i l’excloem de la presentació (això ens servirà per a les imatges de paginador).

Anirem a “Configuració de camps múltiples” i haurem de treure el check a l’opció “Mostrar tots els valors a la mateixa fila”.

Drupal Slide

Per finalitzar, anem a Format de Presentació i seleccionem el tipus de Presentació (Slideshow) i dintre de les seves opcions li diem que volem un paginador del tipus camp i que aquest camp sigui el “Camp Multimèdia” amb mode de visualització Resum.

Drupal Slide

Guardem la vista i obtenim un bloc per poder situar-ho on vulguem al nostre site, ja sigui a Context, Display Suite, etc.

    Comparteix aquest article

    Articles Relacionats