imath

A l’occasion du WordCamp Paris de 2016, nous avions discuté de l’intérêt de disposer d’une gestion alternative des media. Ce jour là, je vous avais proposé un tour d’horizon de la manière dont WordPress gérait les éléments graphiques, sonores ou plus globalement les fichiers. Prévus pour être des accessoires publics aux contenus, je vous avais également parlé d’une autre approche, toujours publique, mais cette fois-ci centrée sur les utilisateurs : celle choisie par BuddyPress.

Aujourd’hui je vous propose de découvrir un avant-goût de la troisième voie sur laquelle je travaille actuellement. Son objectif est de compléter la bibliothèque partagée entre tous les rédacteurs (administrateurs, éditeurs, ou auteurs) de contenus par une MediaThèque individualisée pour tous les utilisateurs de votre WordPress (les rédacteurs, mais aussi les contributeurs, les abonnés ou encore les simples membres dans le cadre des configurations Multisites). Cette MediaThèque entreposera ses éléments de manière bien séparée de la Bibliothèque native de WordPress et intégrera la possibilité de partager des media de manière publique ou réservée aux seuls membres connectés du site (ce que je raccourcis par le terme « privée »).

Une gestion des media autonome.

J’ai souhaité que cette MediaThèque soit complètement autonome, c’est-à-dire qu’elle n’ait pas besoin d’une extension tierce pour proposer ses services. C’est la raison pour laquelle, elle n’enrichit pas la gestion proposée par BuddyPress. Ainsi, cette prochaine extension que j’ai, très originalement, baptisée « MediaThèque » utilise exclusivement la Rest API de WordPress pour gérer les échanges avec l’Apache ou le Nginx de votre site. La seule exigence de cette extension est que vous disposiez à minima de la version 4.7 de WordPress et que vous n’ayez pas désactivé sa Rest API.

En effet la 4.7, grâce à deux apports clés : les points terminaux de contenu et la JavaScript « wp-api«  offre désormais des possibilités étendues et facilitées de conception d’interfaces utilisateur dynamiques et encore plus portables pour consommer les contenus de votre site.

_.extend( WordPressMedia, MediaTheque );

Comme vous le savez la Rest API de WordPress rend disponible vos contenus dans un format de données structuré pour pouvoir être utilisés dans toute application. Ce format est le JSON pour « Notation Objet issue de JavaScript », lequel se prononce, à l’anglaise : « Jason ». Ainsi, très naturellement, nos développements JavaScript peuvent profiter allègrement et efficacement de la Rest API.

Alors, la MediaThèque utilise les librairies JavaScript de la bibliothèque des media WordPress et enrichit les applications faites pour le type de contenu « Attachment » (ce que j’ai appelé accessoire public plus tôt) pour un nouveau type de contenu auto-suffisant : les media utilisateurs. La grande utilité de la JavaScript « wp-api » réside dans le fait que vous n’avez plus à vous soucier de la conception de vos modèles Backbone ou de vos collections de modèles Backbone, WordPress s’occupe de tout à partir du moment ou votre type de contenu, lors de son initialisation, définit sa propriété show_in_rest à true. C’est juste trop génial !

Une organisation publique, privée et plus intuitive pour les utilisateurs.

Si, depuis le début de cet article, je martèle que les media de WordPress sont publics, c’est parce qu’à partir du moment où l’on dispose de l’URL du media, tout le monde peut l’afficher ou le télécharger. Or, il peut arriver que certains sites souhaitent restreindre l’accès à ces media aux seuls membres connectés de leur site. Grâce à la MediaThèque, vos media pourront être privés ! Ainsi même si le visiteur dispose de l’URL du media, s’il n’est pas connecté, il lui sera demandé de s’authentifier avant de pouvoir accéder au media.

Le dossier des téléchargements de la MediaThèque est cohérent avec son interface utilisateurs, les fichiers ou répertoires sont déposés dans une arborescence qui est fonction de la visibilité du media ainsi que de son auteur.

Je viens d’aborder le sujet, mais accentuons ce point qui structure si souvent notre organisation des fichiers : MédiaThèque vous permet de classer vos media dans des répertoires !

Il sera possible d’ajouter des media à un répertoire en ouvrant ce répertoire puis en transférant les fichiers depuis ce répertoire ou tout simplement en déplaçant le media dans un répertoire enfant ou parent grâce à la fonctionnalité de « Glisser-Déposer » de votre navigateur.

Accessible depuis l’éditeur de texte de WordPress.

Les rédacteurs des contenus de votre site, c’est à dire les utilisateurs ayant un rôle égal ou plus fort qu’auteur, ont la possibilité d’ajouter des media issus de la bibliothèque partagée de WordPress grâce à l’interface « WP Media Editor » de l’éditeur de texte. Ainsi en cliquant sur le bouton « Ajouter un media », une fenêtre surgit laissant tout loisir au rédacteur de transférer ses media et de les intégrer dans son contenu. Cette interface est très pratique, dynamique et extensible. Aussi la MediaThèque s’intègrera dans cette interface d’ajout de media, en proposant son menu « Ma MediaThèque » comme illustré ci-dessous.

MediaThèque libère vos contributeurs de la privation de la possibilité d’ajouter des media à leurs articles !

« Free contributors ! ». Si vous vous êtes amusés à utiliser des filtres sur les capacités de ce rôle pour qu’enfin il puisse accéder à la bibliothèque partagée de WordPress, alors il bénéficiera de la même interface que celle décrite dans le chapitre précédent. Si en revanche, vous n’avez pas modifié les capacités de ce rôle, sachez que MediaThèque a pensé à vos contributeurs, et qu’à défaut de pouvoir utiliser les media partagés sur le site, ils bénéficieront d’un « WP Media Editor light » pour transférer et choisir dans leur MediaThèque les media qu’ils souhaitent ajouter à leurs contenus.

MediaThèque en mode « solo » pour les développeurs d’extensions.

Une fonction équivalente à la fonction media_buttons() de WordPress permettra aux développeurs d’extensions de se reposer sur la MediaThèque de l’utilisateur pour gérer les media nécessaire à leurs fonctionnalités. Cette même fonction permet à MediaThèque d’enrichir votre WordPress d’une gestion locale pour les avatars des utilisateurs.

Si comme je le fais dans WP Idea Stream, vous utilisez une instance du WP Editor pour permettre à vos utilisateurs de créer des contenus riches depuis le front-end, un des paramètres de la fonction wp_editor() vous permettra de profiter de l’interface media que j’ai décrite dans les précédents chapitres. En passant, vous pensez bien que ClusterPress intègrera prochainement un add-on pour proposer la gestion de la MediaThèque directement depuis le profil front-end de l’utilisateur.

Enfin, ceux qui suivent ce blog régulièrement savent que la gestion des media est un domaine sur lequel je travaille depuis un moment. J’ai commencé en créant l’extension BuddyDrive (désormais supportée par MrPritchett), j’ai poursuivi en contribuant à la nouvelle interface de gestion des avatars de BuddyPress, et je terminerai par la mise sur orbite prochaine de MediaThèque : mon accomplissement dans le domaine de la gestion des media dans WordPress.

Je vous donne rendez-vous en mai pour le lancement officiel de cette extension qui sera exclusivement et gratuitement disponible depuis ce site ! En attendant voici une rapide démonstration pour vous tenir en haleine 🙂