Centre de Médias
Organisez vos fichiers avec des dossiers et des étiquettes, éditez des images, compressez et convertissez les formats, et gérez les versions de sauvegarde depuis une interface unique qui remplace la Bibliothèque de Médias par défaut de WordPress.
Présentation
Le Centre de Médias remplace la Bibliothèque de Médias par défaut de WordPress par une interface complète de gestion de fichiers. Il ajoute des dossiers hiérarchiques, des étiquettes à code couleur, l'édition d'images, la compression avec conversion de format (WebP, AVIF) et l'intégration des sauvegardes. L'ensemble de l'interface est construit en JavaScript pur et communique avec le backend via une API REST.
Une fois le service activé, le menu Médias par défaut dans l'administration WordPress est remplacé par l'interface du Centre de Médias. Aucune configuration supplémentaire n'est requise.
Organisation
Le Centre de Médias propose quatre façons de parcourir et filtrer vos fichiers, accessibles depuis la barre latérale sur le côté gauche de l'écran.
Dossiers
Les dossiers créent une structure hiérarchique pour vos fichiers multimédias, similaire à un système de fichiers. Chaque dossier peut se voir attribuer une couleur pour l'identification visuelle.
- Jusqu'à trois niveaux d'imbrication (racine, sous-dossier, sous-sous-dossier).
- Chaque fichier appartient à un seul dossier au maximum. Les fichiers non assignés à un dossier apparaissent dans le groupe Non classés.
- Les dossiers affichent le nombre de fichiers qu'ils contiennent.
- Faites un clic droit sur un dossier pour le renommer, changer sa couleur, créer un sous-dossier, le déplacer ou le supprimer.
Étiquettes
Les étiquettes fournissent une couche de classification plate et transversale. Contrairement aux dossiers, un même fichier peut avoir plusieurs étiquettes, et les étiquettes ne s'imbriquent pas.
- Chaque étiquette a un nom et une couleur optionnelle.
- Les fichiers sans aucune étiquette apparaissent dans le groupe Sans étiquette.
- Les étiquettes se gèrent depuis l'onglet Étiquettes dans la barre latérale ou depuis le modal de détails du fichier.
Dates
L'onglet Dates regroupe les fichiers par année et mois de téléversement. Cette vue est en lecture seule et est générée automatiquement à partir des horodatages de téléversement enregistrés par WordPress.
Types
L'onglet Types regroupe les fichiers par type MIME en catégories : Images, Vidéos, Audio, PDF, Tableurs, Documents Word, Présentations, Fichiers texte et Autres.
Explorateur de fichiers
La zone principale de l'écran affiche vos fichiers en vue grille ou en vue liste, basculable depuis la barre d'outils.
- Vue grille : cartes avec miniature, titre du fichier et icône de type.
- Vue liste : un tableau avec des colonnes pour le nom, le type, la taille, la date et l'auteur.
- Recherche : filtre les fichiers par titre et nom de fichier.
- Tri : par date, nom ou taille de fichier, en ordre croissant ou décroissant.
- Pagination : éléments par page configurables (par défaut 40, maximum 100) avec un bouton Charger plus.
Téléverser des fichiers
Glissez-déposez des fichiers n'importe où dans l'explorateur, ou cliquez sur le bouton Téléverser dans la barre d'outils. Les fichiers sont validés en fonction de la taille maximale de téléversement et des types MIME autorisés configurés dans WordPress. Si un dossier est actuellement sélectionné, les fichiers téléversés sont automatiquement assignés à ce dossier.
Sélection multiple et actions groupées
Maintenez Ctrl (ou Cmd sur Mac) et cliquez pour sélectionner des fichiers individuels. Maintenez Shift et cliquez pour sélectionner une plage. Une fois plusieurs fichiers sélectionnés, les actions groupées disponibles incluent la suppression, le téléchargement en fichier ZIP, le déplacement vers un dossier et l'ajout d'étiquettes.
Modal de détails du fichier
Cliquez sur n'importe quel fichier pour ouvrir le modal de détails. Le modal est organisé en onglets qui varient selon le type de fichier.
Informations
Affiche un aperçu du fichier (ou une icône de type pour les fichiers non-images) accompagné des métadonnées : nom du fichier, type MIME, taille, dimensions (pour les images), date de téléversement, auteur et à quel article le fichier est rattaché, le cas échéant. Sous les métadonnées, vous pouvez modifier le titre, le texte alternatif, la légende et la description. L'URL du fichier est affichée avec un bouton de copie. Vous pouvez également assigner un dossier et gérer les étiquettes depuis cet onglet.
Miniatures (images uniquement)
Liste toutes les tailles de miniatures que WordPress a générées pour l'image. Chaque entrée montre le nom de la taille, les dimensions et le poids du fichier. Vous pouvez copier l'URL directe de n'importe quelle miniature ou la télécharger individuellement.
Édition (images uniquement)
Un éditeur d'images basé sur canvas avec quatre ensembles d'outils :
- Recadrage : forme libre ou proportions prédéfinies (1:1, 4:3, 16:9 et plus).
- Réglages : curseurs pour la luminosité, le contraste, l'exposition, les hautes lumières, les ombres, la saturation et la vibrance.
- Filtres : préréglages comme sépia, niveaux de gris, rotation de teinte, flou et netteté, chacun avec un curseur d'intensité.
- Retournement et rotation : retournement horizontal, retournement vertical et rotation de 90 degrés.
Les modifications sont appliquées côté serveur lors de l'enregistrement. Les miniatures WordPress sont régénérées automatiquement après une modification.
Compression (images uniquement)
Permet de réduire la taille du fichier et, optionnellement, de convertir l'image dans un format différent.
- Curseur de qualité : de 1 à 100.
- Format : conserver le format original, convertir en WebP ou convertir en AVIF (lorsque le serveur le prend en charge).
- Suppression des métadonnées : supprime optionnellement les données EXIF du fichier.
- Aperçu : avant d'appliquer, vous pouvez prévisualiser le résultat compressé avec les économies estimées.
Les capacités du serveur (prise en charge de WebP et AVIF) sont détectées automatiquement et les formats non disponibles sont masqués.
Sauvegarde (images, lorsque le service de Sauvegarde est activé)
Liste les versions précédentes du fichier stockées par le service de Sauvegarde de RakuWP. Chaque version indique sa date et son origine. Vous pouvez prévisualiser n'importe quelle version et la restaurer en un seul clic. La restauration d'un fichier régénère toutes les miniatures.
Menus contextuels
Un clic droit sur les dossiers, les étiquettes et les cartes de fichiers ouvre un menu contextuel avec les actions correspondantes :
- Dossier : renommer, changer la couleur, créer un sous-dossier, déplacer, supprimer.
- Étiquette : renommer, changer la couleur, supprimer.
- Fichier : prévisualiser, modifier les détails, dupliquer, supprimer, copier l'URL.
API REST
Toutes les opérations sont effectuées via l'API REST sous l'espace de noms rakuwp/v1/media-center/. Les points d'accès utilisent l'authentification par nonce de WordPress. Les actions administratives (création de dossiers/étiquettes, suppression de fichiers, régénération des miniatures) nécessitent la capacité manage_options. Les opérations de téléversement et de navigation nécessitent la capacité upload_files.
Points d'accès principaux
GET /folders — Arborescence des dossiers avec comptage de fichiers.
POST /folders — Créer un dossier.
GET /tags — Toutes les étiquettes avec comptage de fichiers.
POST /tags — Créer une étiquette.
GET /files — Lister les fichiers avec filtres, recherche et pagination.
POST /files — Téléverser un fichier.
PUT /files/{id} — Mettre à jour les métadonnées du fichier.
DELETE /files/{id} — Supprimer un fichier.
POST /files/{id}/edit — Appliquer des modifications d'image.
POST /files/{id}/compress — Compresser ou convertir une image.
GET /files/{id}/backup-versions — Historique des versions de sauvegarde.
POST /files/{id}/backup-restore — Restaurer depuis une sauvegarde.
Base de données
Le Centre de Médias crée trois tables personnalisées dans la base de données WordPress :
- rakuwp_media_folders : stocke la hiérarchie des dossiers (id, parent_id, name, color, sort_order).
- rakuwp_media_tags : stocke les étiquettes (id, name, color, sort_order).
- rakuwp_media_file_tags : table de liaison reliant les pièces jointes aux étiquettes (attachment_id, tag_id).
L'assignation de dossier est stockée en tant que post meta WordPress (_rakuwp_folder_id) sur chaque pièce jointe. Le versionnage du schéma est suivi dans l'option rakuwp_mediacenter_db_version.