On va tirer profit de Drupal afin de créer une galerie de vidéos depuis un service tiers, en clair les nombreuses plate-formes de partage vidéo à l’instar de youtube, vimeo ou dailymotion. Le recours à ces plates-formes évite de surcharger inutilement, dans la délivrance de vidéos, le serveur qui héberge votre site en plus d’une multitude d’autres services.

L’environnement dans lequel nous avons travaillé est un Drupal version 6.17. Le module que nous allons utiliser est le suivant emfield-6.x-1.24.tar.gz. Il est nécessaire d’installer un module qui permet de paramétrer les views (vues) : views-6.x-2.11.tar.gz.

Il vous faudra activer le module Views

1. Embedded Media Field - emfield-6.x-1.24.tar.gz
   http://drupal.org/project/emfield
2. Views - views-6.x-2.11.tar.gz
   http://drupal.org/project/views

Installation du module Embedded Media Field

Pour se faire, on va installer un module nommé Embedded Media Field. La fonction principale de ce module est de permettre la création de champs spécifiques (fields) attachés à des types de contenu (content types).

La description du module Embedded Media Field

This extensible module will create fields for node content types that can be used to display video, image, and audio files from various third party providers.

Source : http://drupal.org/project/emfield

Configuration du module Embedded Media Field

Une fois le module installé, il faut se rendre dans la partie Content management où vous pouvez configurer le module Embedded Media Field.

Il va falloir activer les différentes sources ou fournisseurs que vous souhaitez utiliser pour votre galerie de vidéos. Si toutes vos vidéos sont diffusées depuis vimeo.com, il faudra donc paramétrer Vimeo configuration afin d’autoriser l’utilisation de vos vidéos dans Drupal.

Cette activation est globale pour l’ensemble du site. Ici, l’activation de la plate-forme Vimeo

Création du type de contenu video

On crée un type de contenu nommé video dont on supprime dans Submission form settings le champs Body

On dispose d’un content type nommé video comme il existe un type de contenu nommé Story. Il existe aussi un homme nommé cheval mais c’est une autre histoire !

Ajouter des champs à video

C’est une fois que votre contenu type video a été crée que vous allez rajouter des champs spécifiques à l’aide du module Embedded Media Field.

On va rajouter un champs nommé video_url dont le type sera Embedded video

Une fois le champ ajouté, il est possible de le paramétrer de manière plus pointu notamment la taille de la vidéo, la taille de la prévisualisation…etc.

Créer du contenu via le content type “video”

Cela suppose de créer du contenu qui comprend à chaque fois une vidéo. Une fois le contenu créé, il faut aller créer un vue (view) pour publier effectivement l’ensemble des insertions de vidéo que vous venez de faire.

Ajout d’une video Vimeo

Ajout d’une video YouTube

Créer la vue de la galerie de vidéos

La vue (view) se nomme video_gallery dont le type est node

Il faut préciser le chemin (path) où sera accessible votre galerie de vidéos.
Etant en local, notre “path” sera le suivant http://127.0.0.1/DRUPAL_6_17/video

Il faudra ensuite sélectionner les filtres suivants video et published pour qualifier ce node appelé dans la vue (view).

1. Le premier filtre est le “Type” est “video”.
2. Le deuxième filtre est que le node doit être publié (published)

On a choisi aussi dans le panneau “Basics settings” de mettre l’affichage des vidéos sous forme de grille (grid)

Le premier filtre est le “Type” est “video”

Le résultat

Vous possédez désormais sur votre site une galerie de vidéos provenant de Vimeo et de YouTube, disponible à l’adresse http://127.0.0.1/DRUPAL_6_17/video.

En savoir plus

Les vidéos Vimeo utilisées sont tirées d’un autre article de ce blog.

• Burgos, Espagne
  http://vimeo.com/10520963
• Tallinn, Estonie
  http://vimeo.com/10323109
• Yokohama, Japon
  http://vimeo.com/1259473
• Uppsala, Suède
  http://vimeo.com/11550813
• Les vidéos sont tirées d’un article de ce blog “Flex, Google Map, vidéo - Synchroniser une vidéo et une carte google”
  http://social.hecube.net/blog/2010/05/28/flex-google-map-video-synchroniser-une-video-et-une-carte-google/

3 autres modules qui ne sont pas utilisés dans cette article mais sont données juste pour information :

• Panels - panels-6.x-3.7.tar.gz
  http://drupal.org/project/panels
• Content Construction Kit (CCK) cck-6.x-2.8.tar.gz
  http://drupal.org/project/cck
• Chaos tool suite - ctools-6.x-1.7.tar.gz
  http://drupal.org/project/ctools

Nativement WordPress possède un puissant gestionnaire de médias qui permet de nombreuses manipulations (cropping, édition des metadonnées…etc.). Toutefois, les manipulations une fois les médias envoyés se révèlent plus délicates, par exemple quid des images qui auraient envoyées dans le gestionnaire de médias sans être attachés à un article ou une page que l’on souhaite attacher massivement… et de facto détacher facilement de manière massive ! C’est bien cette question qui nous intéresse : C’est une fois les médias attachés à un article ou à une page comment les détacher et les ré-attacher à un autre article ou une autre page. On va tenter d’y répondre en donnant une sélection de plugins qui permettent des opérations massives d’attachement et de détachement de médias sur les articles comme sur les pages.

Il existe plusieurs articles qui abordent la gestion des médias sous WordPress et une utilisation optimale des meta-données.

• Wordpress, Galerie Photos, Media manager - Tirer profit du manager de médias pour publier des galeries photos
• Image, Metadonnées, Metadata - Editer, supprimer, mettre à jour des metadata sur des fichiers de photo

Les tests ont été menés sur un WordPress Versión 3.0.1 en espagnol !

La sélection de plugins

Un assortiment de plugins pour faciliter grandement la gestion des médias sous WordPress.

1. Le plugin Bulk Change Attachment Parent, the coolest*…

* le plus cool, c’est à dire le plus simple donc le meilleur…
Un plugin fondu par viper007bond.com, l’auteur de Viper’s Video Quicktags, une référence donc ! Un basique pour ne pas vous ennuyer si les photos que vous venez de mettre en ligne ne sont pas affectées au bon Article (Post) ou à la bonne Page (Page).

Pour Viper’s Video Quicktags, je vous invite à découvrir http://www.viper007bond.com/wordpress-plugins/vipers-video-quicktags/

Les captures ci-dessous montrent la séquence suivante :

1. Un envoie des images via le media manager, natif sous Wordpress
2. Un attachement à un article nommé images source, natif sous Wordpress
3. Un déplacement massif des images via le plugin Bulk Change Attachment Parent vers un article nommé images destination dont l’ID est 321

Les images ont été envoyées via le gestionnaire de médias, on sélectionne l’article images source.

On attache massivement les images.

On transfère les images de l’article images source vers l’article images destination.

Dans Bulk Change Attachment Parent, il faut donner l’ID de l’article images destination, celui qui va recevoir les images.

C’est fait, les images sont passées de l’article images source à de l’article images destination.

On attache massivement les images.

2. Le plugin SuperSlider-Media-Pop

Le plugin semble à première vue tout à fait “superfétatoire”, disons simplement superflu et inutilement ajouté. Il bouleverse totalement la vue d’édition de vos articles mais se révèle à l’usage indispensable surtout dans sa manière toute personnelle d’éditer à la hache les metadata de chaque média attaché à un article (post).

L’édition des article change quelque peu…

L’édition d’une image

La vue des images au sein d’un article

Source : http://wordpress.org/extend/plugins/superslider-media-pop/

3. Le plugin WordPress “File gallery”

Ce plugin est tout à fait remarquable, il vous permet de détacher, de transférer, de supprimer tous les médias attachés à un article via un éditeur qui s’ouvre lors de l’édition d’un article dans une boite qui lui est dédié.

Il peut tout de même avoir des ratés, disons plus sérieusement des effets secondaires side-effects avec votre thème ou d’autres plugins.

Source : http://wordpress.org/extend/plugins/file-gallery/

4. Le plugin Faster Image Insert

Globalement la fonctionnalité de ce plugin est de rajouter le media manager de l’article non dans une ThickBox ou Lightbox mais directement dans l’édition de l’article lui-même. Sympa mais sans plus car pas de fonction supplémentaire par rapport au manager traditionnel de médias .

Il est dit que le plugin ne fonctionne pas sur une version au-de-là de la 2.8.5

Source : http://wordpress.org/extend/plugins/faster-image-insert/

5. Le plugin WordPress Media Library Plugin

Un genre de nextgen qui fait tout y compris le café et ne fait souvent que étendre les fonctionnalités natives de la pseudo balise
[media-library-gallery nb="2" cols="2" tag="chambres" category="photos-interieures" orderby="title" order="ASC"]. Une version de ce plugin existe pour un wordpress 3.0

Source : http://shibashake.com/wordpress-theme/media-library-plus-plugin#changelog

Les plugins laissés dans la “sandbox”

Littéralement, les plugins que l’on a laissé jouer dans la “bac à sable” c’est à dire des plugins trop impliquants, trop incertains pour passer en production.

Le plugin List Related Attachments Widget

Inutile…
Source : http://wordpress.org/extend/plugins/list-related-attachments-widget/

Le plugin Attachments

Trop impliquant
Source : http://wordpress.org/extend/plugins/attachments/

Le plugin Change Media Attachment Parent: Wordpress Plugin

Ne semble pas marcher. Ce plugin semble pourtant avoir inspiré SuperSlider-Media-Pop.
Source : http://lacquerhead.ca/2009/07/change-attachment-parent/

A sandbox is a testing environment that isolates untested code changes and outright experimentation from the production environment or repository, in the context of software development including Web development and revision control.

Source : http://en.wikipedia.org/wiki/Sandbox_%28software_development%29

Un petit extrait à joindre éventuellement au fichier functions.php afin de faire apparaitre un lien d’attachement et de détachement. Cf Support for the attach and re-attach

Source : http://wordpress.org/support/topic/detach-amp-re-attach-media-attachment-images-from-posts

add_filter("manage_upload_columns", 'upload_columns');
add_action("manage_media_custom_column", 'media_custom_columns', 0, 2);
 
function upload_columns($columns) {
 
	unset($columns['parent']);
	$columns['better_parent'] = "Parent";
 
	return $columns;
 
}
 function media_custom_columns($column_name, $id) {
 
	$post = get_post($id);
 
	if($column_name != 'better_parent')
		return;
 
		if ( $post->post_parent > 0 ) {
			if ( get_post($post->post_parent) ) {
				$title =_draft_or_post_title($post->post_parent);
			}
			?>
			<strong><a href="<?php echo get_edit_post_link( $post->post_parent ); ?>"><?php echo $title ?></a></strong>, <?php echo get_the_time(__('Y/m/d')); ?>
			<br />
			<a class="hide-if-no-js" onclick="findPosts.open('media[]','<?php echo $post->ID ?>');return false;" href="#the-list"><?php _e('Re-Attach'); ?></a></td>
 
			<?php
		} else {
			?>
			<?php _e('(Unattached)'); ?><br />
			<a class="hide-if-no-js" onclick="findPosts.open('media[]','<?php echo $post->ID ?>');return false;" href="#the-list"><?php _e('Attach'); ?></a>
			<?php
		}
 
}

En savoir plus

• 1. Le plugin Bulk Change Attachment Parent, the coolest*…
  http://wordpress.org/extend/plugins/bulk-change-attachment-parent/
• 2. Le plugin SuperSlider-Media-Pop
  http://wordpress.org/extend/plugins/superslider-media-pop/
• 3. Le plugin WordPress “File gallery”
  http://wordpress.org/extend/plugins/file-gallery/
• 4. Le lugin Faster Image Insert
  http://wordpress.org/extend/plugins/faster-image-insert/
• 5. Le plugin WordPress Media Library Plugin
  http://shibashake.com/wordpress-theme/media-library-plus-plugin#changelog