Le guide complet de la médiathèque WordPress (4 hacks pratiques de la médiathèque inclus)

Les images et autres fichiers multimédias sont une partie importante de tout site Web WordPress. Pour les utiliser efficacement, il est utile de bien comprendre le fonctionnement de la médiathèque WordPress.

Cette fonctionnalité WordPress pratique vous permet de stocker et de gérer vos images et autres médias au fil du temps. Avec quelques connaissances d'initié et quelques astuces simples, vous pouvez faire beaucoup pour améliorer votre site via votre médiathèque.

Dans ce guide complet, nous vous expliquerons tout ce qu'il y a à savoir sur les Médiathèque WordPress, y compris comment importer et télécharger du contenu. Nous couvrirons également l'édition d'images, la gestion de fichiers à long terme et quatre astuces pour incorporer des fonctionnalités avancées.

Commençons!

Une introduction à la médiathèque WordPress

À la base, votre médiathèque WordPress est exactement ce que son nom l'indique : un catalogue de tous les fichiers multimédias que vous avez téléchargés sur votre site :

WordPress est capable d'héberger une variété de types de médias, notamment :

• Images (.jpg, .jpeg, .png, .gif et .ico).
• Fichiers audio (.mp3, .m4a, .ogg et .wav).
• Vidéos (.mp4, .m4v, .mov, .wmv, .avi, .mpg, .ogv, .3gp et .3g2).
• PDF.
• Documents Word.
• Feuilles de calcul Excel.
• Présentations PowerPoint.
• Documents Adobe Photoshop.

Il a également des capacités limitées d'édition de photos, vous pouvez donc effectuer les ajustements nécessaires directement à partir de votre tableau de bord.

Malheureusement, WordPress ne prend pas encore en charge les images webp prêtes à l'emploi.

Pour accéder à votre médiathèque, cliquez simplement sur Médias dans votre barre latérale d'administration à tout moment :

Il y a quelques options de base disponibles ici.

Tout d'abord, vous pouvez déterminer si vous souhaitez voir vos fichiers sous forme de liste ou de grille en cliquant sur les icônes correspondantes :

Vous pouvez également filtrer vos fichiers à l'aide des menus déroulants :

Le premier menu vous permet de visualiser vos médias par type, tandis que le second filtrera le contenu de votre bibliothèque par les dates auxquelles ils ont été téléchargés.

Vous pouvez également utiliser la barre de recherche pour rechercher des fichiers spécifiques par nom :

Enfin, il y a aussi un Sélection groupée bouton. Cette fonctionnalité vous permet de supprimer plusieurs fichiers de votre installation WordPress en même temps :

Cela couvre toutes les fonctionnalités natives disponibles dans l'écran de la bibliothèque multimédia WordPress.

Comme vous le verrez plus tard, vous pouvez apporter de nombreuses modifications pour l'améliorer. Cependant, nous devons d'abord discuter de la façon d'ajouter des fichiers à WordPress.

Les images sont des moyens puissants de vendre et d'interagir avec vos utilisateurs. Apprenez tout ce que vous devez savoir sur la médiathèque WordPress 📸Click to Tweet

Comment ajouter des fichiers à votre médiathèque WordPress

Il existe différentes manières d'ajouter des fichiers (par exemple, le favicon de votre site) à votre médiathèque WordPress. La première consiste à naviguer vers Média > Ajouter un nouveau:

Ici, vous pouvez télécharger des fichiers qui sont enregistrés sur votre ordinateur ou un autre appareil :

Vous pouvez également ajouter des médias directement depuis l'éditeur WordPress. Dans l'éditeur de blocs, commencez par ajouter le bloc correspondant au type de média que vous souhaitez incorporer :

Dans l'espace réservé résultant, sélectionnez Télécharger et choisissez un fichier sur votre ordinateur :

Alternativement, vous pouvez simplement faire glisser et déposer le fichier de votre bureau dans le bloc approprié.

Dans l'éditeur classique, vous devrez cliquer sur le Ajouter un média bouton:

Puis naviguez jusqu'au Télécharger onglet et sélectionnez un fichier sur votre ordinateur :

Vous pouvez également faire glisser et déposer des fichiers de votre bureau directement dans l'éditeur à tout moment.

Dans certains cas, vous devrez peut-être télécharger manuellement des fichiers multimédias sur votre site WordPress via FTP. Vous pouvez le faire en utilisant un client tel que FileZilla.

Une fois connecté à votre serveur, accédez à wp-content > téléchargements:

Téléchargez des fichiers dans ce répertoire pour les ajouter à votre médiathèque.

Téléchargement de contenu à partir de la médiathèque WordPress

Dans certaines circonstances, vous devrez peut-être télécharger des fichiers de votre médiathèque sur votre ordinateur. WordPress vous permet de le faire nativement en naviguant vers Outils> Exporter:

Ensuite, sélectionnez le Médias option. Si vous n'avez besoin que de fichiers qui ont été téléchargés dans un laps de temps spécifique, vous pouvez utiliser les menus déroulants pour spécifier votre demande :

Enfin, cliquez sur le Télécharger le fichier d'exportation bouton. Cela téléchargera les fichiers multimédias pertinents sur votre ordinateur.

Comment éditer des images dans la médiathèque WordPress

Comme nous l'avons mentionné précédemment, WordPress dispose de quelques fonctionnalités d'édition d'images natives. Pour y accéder, accédez à votre médiathèque WordPress et sélectionnez le fichier que vous souhaitez modifier. Ensuite, cliquez sur le Éditer l'image bouton:

Cela ouvrira l'éditeur d'image :

Vous pouvez effectuer cinq modifications de base :

Recadrage vous permet de découper des sections de l'image :

Tournant l'image la fera tourner de 90 degrés dans le sens inverse des aiguilles d'une montre ou dans le sens des aiguilles d'une montre :

Retournement l'image le reflétera soit verticalement, soit horizontalement :

Les trois autres paramètres se trouvent dans la barre latérale. Le premier vous permet de changer la taille de l'image en le redimensionnant. Entrez simplement la hauteur ou la largeur souhaitée et l'autre champ se remplira automatiquement. Cliquez ensuite sur le Échelle bouton:

Il est important de noter que le redimensionnement des images dans WordPress peut parfois affecter négativement leur qualité.

De plus, vous ne pouvez prendre que de grandes images et les réduire. Vous ne pouvez pas redimensionner les images à une taille plus grande !

Pour recadrer votre image afin qu'elle ait un rapport hauteur/largeur ou des dimensions spécifiques, vous pouvez utiliser le Aspect Ratio et Sélection champs sous Recadrage d'image:

Enfin, si vous souhaitez conserver la vignette de l'image existante, vous pouvez le faire à l'aide de la Paramètres des miniatures. Sélectionnez simplement le bouton radio de la version de votre image à laquelle vous souhaitez appliquer les modifications :

L'édition d'image par défaut de WordPress est utile mais limitée. Il ne remplacera aucun logiciel que vous pourriez utiliser pour des modifications plus importantes, surtout si vous exploitez un site de photographie ou un photoblog.

Comprendre les erreurs de la médiathèque WordPress

Malheureusement, des erreurs WordPress se produisent. Et la médiathèque WordPress ne fait pas exception.

Un problème qui apparaît généralement est une "erreur HTTP" non spécifiée qui peut apparaître lorsque vous téléchargez un nouveau fichier à partir de l'éditeur :

Habituellement, vous pouvez simplement attendre que cette erreur disparaisse et réessayer votre téléchargement après quelques minutes. Si l'erreur HTTP se reproduit, il se peut que votre session WordPress ait expiré. Vous devrez vous reconnecter, puis réessayer votre téléchargement.

Un autre problème auquel certains utilisateurs sont confrontés est l'échec du chargement de la bibliothèque multimédia. Cela est souvent dû à un conflit avec vos plugins et/ou votre thème. Pour résoudre cette erreur, essayez de désactiver tous vos plugins et de passer à un thème WordPress par défaut.

Si votre médiathèque se charge à nouveau correctement, vous devrez résoudre davantage le conflit de plug-in afin de résoudre le problème de manière permanente.

Parfois, vous pouvez rencontrer l'erreur « Téléchargement : échec de l'écriture du fichier sur le disque » lorsque vous commencez à télécharger vos fichiers via la bibliothèque multimédia. Généralement, ce problème se produit lorsque votre répertoire de téléchargement est défini sur Non accessible en écriture. Vous pouvez vérifier les autorisations de votre système de fichiers via l'outil Site Health de WordPress.

Gestion à long terme de la médiathèque

Jusqu'à présent, nous nous sommes concentrés exclusivement sur les fonctionnalités natives de WordPress en ce qui concerne la médiathèque. Cependant, au fur et à mesure que vous utilisez cette fonctionnalité au fil du temps, vous rencontrerez probablement des problèmes nécessitant l'aide de solutions externes.

Par exemple, plus vous ajoutez de fichiers, plus votre médiathèque WordPress sera désorganisée. Mis à part les options de recherche et de filtrage discutées au début de cet article, WordPress ne fournit pas beaucoup d'aide pour faire face à des volumes de médias indisciplinés.

Il existe cependant quelques plugins qui vous permettent d'organiser vos fichiers multimédias dans des dossiers.

Le plugin WordPress Media Library Folders est l'option la plus populaire :

En plus de vous permettre de créer des dossiers de fichiers multimédias, ce plugin s'intègre également à MaxGalleria pour vous permettre de créer des galeries d'images directement à partir de la médiathèque :

La mise à niveau vers WordPress Media Library Folders Pro offre une intégration supplémentaire avec le plugin NextGEN Gallery et les champs personnalisés avancés. Il vous permet également de créer des catégories et des balises pour mieux organiser vos fichiers.

Une autre fonctionnalité qui manque à WordPress est la possibilité de remplacer les fichiers multimédias par de nouvelles versions. Étant donné que ces types de fichiers peuvent être assez volumineux, vous ne voulez pas simplement continuer à en ajouter de nouveaux chaque fois que vous devez mettre à jour votre contenu.

Cela signifie qu'après avoir téléchargé un nouveau fichier, vous devrez localiser l'ancienne version et la supprimer. Vous pouvez gagner du temps en remplaçant directement les anciennes images avec Enable Media Replace by ShortPixel :

Avec ce plugin, vous pouvez également remplacer tous les liens pointant vers l'ancien fichier. Ceci est utile pour éviter les médias cassés sur votre site.

Real Media Library est un autre gestionnaire de dossiers et de fichiers qui mérite d'être consulté pour faciliter la gestion de vos fichiers.

Grâce à cela, vous pouvez gérer de nombreux fichiers tels que des images, des vidéos et des documents directement dans WordPress. Bon à savoir : Real Media Library est disponible en 12 langues. Si la version gratuite ne suffit pas à vos besoins, ils proposent également d'acheter la version PRO avec plus de fonctionnalités.

4 hacks pratiques de la médiathèque WordPress

La médiathèque WordPress peut gérer la plupart des exigences courantes d'un administrateur de site. Cependant, WordPress fournit un certain nombre de fonctions et de crochets qui permettent aux utilisateurs d'améliorer des fonctionnalités spécifiques de la médiathèque, sans utiliser de plugins tiers. Plongeons-nous dans ces fonctions et crochets avec quatre exemples pratiques.

1. Ajouter des métadonnées personnalisées aux types de publication de pièces jointes

Chaque fois que vous téléchargez un fichier multimédia, WordPress génère un type de publication en pièce jointe.

Comme tout autre type de publication, les pièces jointes sont enregistrées dans le wp_posts table, et leurs métadonnées respectives peuvent être trouvées dans le wp_postmeta table dans votre base de données :

La wp_posts table stocke des données qui incluent Publier un contenu (description de la pièce jointe), post_excerpt (légende de la pièce jointe), post_author, titre de l'article, post_statuset post_mime_type.

La wp_postmeta table stocke tout type de métadonnées, telles que l'URL du fichier joint, les dimensions de l'image et les types mime, ainsi que les métadonnées du format de fichier image échangeable (EXIF) et de l'International Press Telecommunications Council (IPTC).

Vous devrez peut-être occasionnellement ajouter des métadonnées personnalisées aux pièces jointes, telles que le nom de l'auteur d'un document, une URL associée ou l'emplacement où une photo a été prise. L'ajout de champs méta aux pièces jointes est un peu différent de l'ajout de champs méta aux publications et nécessite des crochets et des fonctions spécifiques.

Tout d'abord, vous devez ajouter tous les champs personnalisés nécessaires au Modifier médias écran. Vous pouvez accomplir cette tâche en filtrant les champs de pièces jointes disponibles via le filtre attachment_fields_to_edit dans wp-admin/includes/media.php:

function media_hacks_attachment_field_to_edit( $form_fields, $post ){

	// https://codex.wordpress.org/Function_Reference/wp_get_attachment_metadata
	$media_author = get_post_meta( $post->ID, 'media_author', true );
    
	$form_fields['media_author'] = array(
		'value' => $media_author ? $media_author : '',
		'label' => __( 'Author' )
	); 
	return $form_fields;
}
add_filter( 'attachment_fields_to_edit', 'media_hacks_attachment_field_to_edit', 10, 2 );

La fonction a deux arguments : le $form_fields tableau de champs de formulaire et le $post objet. D'abord, get_post_meta récupère l'existant 'media_author' valeur, alors un 'media_author' élément est ajouté à la $form_fields Tableau.

Enfin, le rappel renvoie $form_fields (voir le code sur Gist).

Cela affichera un nouveau champ sur le Modifier médias page, à laquelle vous pouvez accéder en sélectionnant l'image appropriée dans votre médiathèque et en cliquant sur le Modifier plus de détails lien:

Sur l'écran résultant, vous verrez votre nouveau champ de métadonnées personnalisé en bas :

L'étape suivante consiste à enregistrer la saisie de l'utilisateur. Vous pouvez accomplir cela en accrochant une nouvelle fonction au edit_attachment action:

function media_hacks_edit_attachment( $attachment_id ){
	if ( isset( $_REQUEST['attachments'][$attachment_id]['media_author'] ) ) {
    
		$media_author = $_REQUEST['attachments'][$attachment_id]['media_author'];
    
		update_post_meta( $attachment_id, 'media_author', $media_author );
	}
}
add_action( 'edit_attachment', 'media_hacks_edit_attachment' );

Cette fonction ne garde qu'un seul argument : le $attachment_id du fichier multimédia actuel. Tout d'abord, la fonction vérifie si une valeur valide pour le champ méta personnalisé a été envoyée. Puis il enregistre la valeur grâce à la fonction update_post_meta (voir le code sur Gist).

Maintenant, vous pouvez récupérer le 'media_author' valeur grâce à la get_post_meta fonction:

$media_author = get_post_meta( $post->ID, 'media_author', true );

Après cela, vous pouvez l'afficher n'importe où dans le frontend.

2. Affichez les métadonnées EXIF ​​et IPTC dans l'écran Modifier le média

WordPress stocke automatiquement les métadonnées étendues pour les types mime JPEG et TIFF. Maintenant que vous savez comment ajouter des champs au Modifier médias écran via media.php, vous pouvez afficher ces données.

Pour accomplir cette tâche, vous devez modifier la première fonction de rappel comme suit :

function media_hacks_attachment_fields_to_edit( $form_fields, $post ){

	// get post mime type
	$type = get_post_mime_type( $post->ID );

	// get the attachment path
	$attachment_path = get_attached_file( $post->ID );

	// get image metadata
	$metadata = wp_read_image_metadata( $attachment_path );

	if( 'image/jpeg' == $type ){

		if( $metadata ) {

			$exif_data = array(
				'aperture'          => 'Aperture', 
				'camera'            => 'Camera', 
				'created_timestamp' => 'Timestamp',
				'focal_length'      => 'Focal Length', 
				'iso'               => 'ISO', 
				'shutter_speed'     => 'Exposure Time', 
				'orientation'       => 'Orientation' );

			foreach ( $exif_data as $key => $value ) {

				$exif = $metadata[$key];
				$form_fields[$key] = array(
					'value' => $exif ? $exif : '',
					'label' => __( $value ),
					'input' => 'html',
					'html'  => "ID][$exif]' value='" . $exif . "' />
				);
			}
		}
	}
	return $form_fields;
}
add_filter( 'attachment_fields_to_edit', 'media_hacks_attachment_fields_to_edit', 10, 2 );

Cet extrait utilise les fonctions WordPress suivantes :

• get_post_mime_type récupère le type mime d'une pièce jointe en fonction de l'ID.
• get_attached_file récupère le chemin du fichier joint en fonction de l'ID.
• wp_read_image_metadata obtient les métadonnées EXIF ​​ou IPTC, si disponibles.

Si le type d'image mime est « image/jpeg » et si des métadonnées existent, un tableau de métadonnées requises est déclaré et un champ de formulaire pour chaque élément du tableau est créé :

Les champs de formulaire de cet exemple sont un peu plus complexes, car nous définissons une valeur pour le 'html' élément de formulaire (voir le code sur Gist). Vous n'avez pas besoin d'enregistrer les métadonnées EXIF ​​et IPCT, car WordPress les stocke automatiquement dans le wp_postmeta tableau lors du téléchargement d'images.

3. Afficher les métadonnées étendues sur le frontend

Avoir toutes ces informations pour vous-même sur le back-end est utile. Cependant, si vous souhaitez également afficher des métadonnées étendues pour vos fichiers multimédias sur le front-end, vous devrez faire un peu plus de bricolage.

Pour ce faire, vous pouvez ajouter ces informations à la description de la pièce jointe à l'aide d'un filtre the_content dans wp-admin/includes/post.php, Ainsi:

function media_hacks_the_content( $content ){
	global $post;

	if( is_attachment() && 'image/jpeg' == get_post_mime_type( $post->ID ) ) {

		$fields = wp_get_attachment_metadata( $post->ID );
		$meta = $fields['image_meta'];

		if( ! empty( $meta['camera'] ) ){
			$custom_content = "
			

				
Camera: {$meta['camera']}
				
Created timestamp: {$meta['created_timestamp']}
				
Aperture: {$meta['aperture']}
				
Focal length: {$meta['focal_length']}
				
ISO: {$meta['iso']}
				
Shutter speed: {$meta['shutter_speed']}
				
Orientation: {$meta['orientation']}
			
";
			$content .= $custom_content; 
		}
	}
	return $content;
}
add_filter( 'the_content', 'media_hacks_the_content' );

Ici, la fonction wp_get_attachment_metadata est appelée. Si le type de publication actuel est « pièce jointe » et si le type de mime actuel est « image/jpeg », les métadonnées d'image disponibles sont récupérées et utilisées pour créer une liste de champs non ordonnée, qui est ajoutée au contenu de la publication.

La fonction de rappel renvoie $ content (voir ce code sur Gist):

Ci-dessus, vous pouvez voir la nouvelle publication en pièce jointe avec les métadonnées ajoutées à la description.

4. Publier une archive de photos

Hors de la boîte, WordPress n'affiche pas les archives des pièces jointes. Cela se produit parce que le a_archive l'option du type de publication de pièce jointe est définie sur faux.

De plus, alors que la valeur par défaut post_status paramètre de la $requête l'objet est défini sur « publier », la pièce jointe par défaut post_status est défini sur « hériter ». Cela signifie qu'aucune pièce jointe ne sera affichée dans les archives sauf si nous définissons explicitement la requête post_status à « inherit » ou « any » (voir WP_Query Type Parameters pour plus d'informations).

Cela étant dit, pour afficher des archives d'images, vous devez définir deux fonctions. La première fonction filtre les arguments d'un type de publication spécifié et définit la pièce jointe a_archive propriété à véritable:

function media_hacks_register_post_type_args( $args, $post_type ){
	if( $post_type == 'attachment' ){
		$args['has_archive'] = true;
	}
	return $args;
}
add_filter( 'register_post_type_args', 'media_hacks_register_post_type_args', 10, 2 );

La deuxième fonction définit des valeurs personnalisées pour les variables de requête post_mime_type et post_status :

function media_hacks_pre_get_posts( $query ){
	if ( !is_admin() && $query->is_main_query() ) {

		if( is_post_type_archive('attachment') ){
			$query->set('post_mime_type', 'image/jpeg');
			$query->set( 'post_status', 'inherit' );
		}
	}
}
add_action( 'pre_get_posts', 'media_hacks_pre_get_posts' );

La fonction est accrochée au hook d'action pre_get_posts, qui est déclenché après la création de la requête, mais avant son exécution. le $requête l'objet est passé par référence, pas par valeur, ce qui signifie que toute modification apportée à l'instance actuelle de $requête affectera l'original $requête objet.

Pour cette raison, il est important de vérifier quelle requête vous allez modifier (voir ce code sur Gist). Ensuite, si vous entrez https://yourdomain.com/?post_type=attachment dans votre navigateur, vous devriez voir une archive d'images JPEG :

Le code complet de tous ces hacks est disponible sous forme de plugin dans un Gist public, auquel nous avons lié via cette section. Vous pouvez le télécharger en tant que .zip fichier et téléchargez-le sur votre site WordPress pour mettre en œuvre ces quatre hacks, sans avoir à modifier vos fichiers manuellement.

Une image vaut 1,000 XNUMX mots… mais seulement si vous savez comment l'importer, la modifier et la gérer dans votre site WordPress. 🖼 Cliquez pour en savoir plus dans ce guide détaillé 📸Click to Tweet

Résumé

Les images, vidéos, fichiers audio et documents peuvent être extrêmement précieux pour les utilisateurs de votre site. La médiathèque WordPress est essentielle pour télécharger, publier et même modifier ces fichiers afin de répondre aux besoins de votre contenu.

Avez-vous d'autres questions sur la médiathèque WordPress ? Faites-nous savoir dans la section commentaires ci-dessous!