Le téléchargement d'images est l'une des choses les plus importantes lorsqu'on parle d'un site web, car les images sont,基本上, ce qui donne le style à un site sans images, un site pourrait paraître trop vieux ou ne pas obtenir le nombre de clients/utilisateurs que nous aimerions obtenir.

Par ailleurs, offrir à vos utilisateurs la possibilité de télécharger des images via l'interface utilisateur pourrait vous apporter de nombreux avantages, comme leur permettre de télécharger des documents ou toute image qu'ils souhaiteraient utiliser, par exemple, pour un profil.

Dans cet article, nous allons évaluer quelques plugins qui nous permettent de réaliser ce que nous souhaitons faire.

Comment télécharger une image WordPress depuis le frontend avec un plugin

Nous allons ici aborder plusieurs façons d'importer des images WordPress avec différents types de plugins.

Téléversez des fichiers dans l'interface publique à l'aide d'un plugin de formulaire

L'une des méthodes les plus rapides et les plus accessibles consiste à utiliser un plugin de formulaire. Ceci est utile lorsque nous devons créer, par exemple, un formulaire de contact où nous avons besoin que l'utilisateur télécharge un document ou toute information utile à l'aide d'une image.

De nombreux plugins permettent de créer des formulaires avec un champ de téléchargement de fichiers ; parmi eux, Contact Form 7 permet de télécharger gratuitement des fichiers sur votre site via l’interface publique.

Pour permettre à vos utilisateurs de télécharger des fichiers via des formulaires dans l'interface utilisateur, il faut d'abord créer le formulaire. Après avoir installé l'extension, allez dans Contact > Ajouter .

Sur cet écran, vous trouverez des balises HTML contenant le code court de chaque champ. Par défaut, un formulaire est créé avec les champs de base.

Pour ajouter un champ de téléchargement de fichier, cliquez à l'endroit où vous souhaitez l'ajouter, puis cliquez sur l'icône de fichier parmi les boutons/options disponibles.

Cela ouvrira une fenêtre contextuelle où vous pourrez définir des limites pour votre téléchargement de fichiers, ajouter toutes les limites que vous souhaitez, et enfin, cliquer sur insérer une balise .

Cela ajoutera le code court du champ dans le contenu du formulaire.

Vous pouvez désormais personnaliser votre formulaire à votre guise, ajouter d'autres champs, ou encore du HTML et du CSS si vous le souhaitez, car le formulaire accepte tous ces types de personnalisations.

Une fois que tout est terminé, vous pouvez ajouter un titre et cliquer sur Enregistrer .

Cela générera un code court que vous pourrez utiliser pour intégrer le formulaire dans votre article ou votre page. Copiez-le, puis utilisez le bloc disponible dans votre éditeur de page pour ajouter un code court. Dans ce cas, nous verrons comment l'ajouter avec l'éditeur Gutenberg.

Il vous faut maintenant le publier et vous pourrez alors voir le formulaire avec les champs que vous avez ajoutés et le bouton de téléchargement de fichiers.

Il vous suffit de cliquer sur Choisir un fichier et de sélectionner le fichier, en l'occurrence votre image, parmi les dossiers de votre PC.

Après avoir cliqué sur « Envoyer », l’opération devrait être terminée et l’image devrait maintenant se trouver sur votre site.

Ainsi, vos utilisateurs pourront télécharger des images sur votre site, ainsi que d'autres informations dont nous pourrions avoir besoin, comme le nom ou l'adresse électronique de la personne ayant effectué le téléchargement, via un formulaire simple et fonctionnel.

Utilisation du plugin WordPress de téléchargement de fichiers

Maintenant que nous avons vu la méthode classique, voyons comment télécharger une image en utilisant ce plugin qui nous permettra d'intégrer une option de téléchargement de fichiers dans n'importe quel article ou page sans avoir besoin de remplir d'autres informations ni de créer de formulaire.

Tout d'abord, nous devons installer le plugin « WordPress File Upload » car celui-ci nous fournira toutes les options nécessaires pour créer l'option de téléchargement de fichiers.

Une fois ce plugin activé sur notre site, nous devrions pouvoir voir une option de menu disponible pour vérifier tous les fichiers que nous téléchargeons à son sujet.

Pour l'utiliser, il suffit d'ajouter un shortcode [wordpress_file_upload] à l'endroit où l'on souhaite l'afficher. Dans ce cas, nous avons préparé un article contenant des informations où nous avons ajouté le shortcode afin que vous puissiez voir à quoi il ressemblerait dans l'éditeur Gutenberg et sur le frontend.

Éditeur Gutenberg

L'extrémité avant

Maintenant que notre formulaire de téléchargement est ajouté, il vous suffit de cliquer sur « Sélectionner un fichier » pour explorer les fichiers de votre ordinateur, puis de cliquer sur « Téléverser le fichier ».

Cliquer sur ce bouton permettra à l'utilisateur de télécharger une image ou un fichier sur votre site. L'avantage principal est que nous pouvons choisir l'emplacement du serveur où télécharger l'image directement dans les paramètres du plugin, ainsi que son apparence et de nombreux autres paramètres du formulaire.

Le principal endroit où nous pourrons consulter les fichiers téléchargés se trouve dans l'option « Téléverser des fichiers » du menu de gauche du tableau de bord d'administration ; il s'agit de la page principale du plugin où tous les fichiers téléchargés sont affichés.

Comme vous pouvez le constater, il s'agit d'un plugin simple et fonctionnel qui nous permettra de récupérer des images de nos utilisateurs sans inconvénient majeur, si ce n'est de coller le shortcode dans l'interface d'administration et d'attendre que les utilisateurs téléchargent le fichier.

Gérer les médias en fonction du rôle de l'utilisateur à l'aide WP Media Folder

Comme vous pouvez le constater, il existe de nombreuses façons de permettre à vos utilisateurs de télécharger des images et des fichiers sur le site. Cependant, le problème est que, dans ces cas-là, les images peuvent être téléchargées de manière aléatoire et nous n'avons aucun contrôle précis sur leur emplacement. Heureusement WP Media Folder est là pour vous aider.

WP Media Folder dispose d'un outil spécial dédié à la gestion de l'accès à votre bibliothèque multimédia. Cela peut s'avérer très utile si vous souhaitez contrôler qui télécharge des images et où, ainsi que si vous souhaitez permettre à vos utilisateurs de gérer leurs propres médias directement dans la bibliothèque multimédia sans pouvoir voir les médias des autres rôles/utilisateurs.

Avant toute chose, nous devons installer WP Media Folder; c'est le plugin qui nous permettra d'utiliser toutes les fonctionnalités disponibles pour que cela fonctionne.

Maintenant que nous l'avons installé, nous devons activer l'option permettant de limiter l'accès. Pour cela, rendez-vous dans Réglages > WP Media Folder , et vous pourrez accéder à la WP Media Folder .

Dans cette section, accédez à Accès et conception > Accès aux médias .

Dans cette section, afin de limiter les médias par rôle utilisateur et de générer automatiquement un dossier dédié à chaque rôle utilisateur, nous sélectionnerons Accès aux médias par utilisateur ou rôle utilisateur et Rôles utilisateurs .

Nous proposons également d'autres options, comme la sélection d'un dossier de chemin d'accès ou l'autorisation pour le rôle/l'utilisateur de voir tous les autres utilisateurs/rôles multimédias.

Maintenant que nous avons activé l'option permettant uniquement à un rôle utilisateur de modifier ses propres médias, supposons que nous ayons un rôle d'éditeur et que nous souhaitions que tous les utilisateurs ayant ce rôle puissent voir et gérer leurs médias pour les articles et les pages.

Avec les options que nous avons sélectionnées, tout cela devrait être possible. Voyons voir… Pour cela, il nous suffit de nous connecter en tant qu'éditeur et de télécharger les médias comme d'habitude.

Une fois connecté en tant qu'éditeur, vous pourrez voir la bibliothèque multimédia comme ceci.

Comme vous pouvez le constater, la bibliothèque multimédia comporte deux sections qui nous indiquent que nous nous trouvons dans un dossier appelé « éditeur ». Téléversons donc des fichiers multimédias pour vérifier son fonctionnement.

La procédure de téléchargement sera exactement la même que d'habitude ; vous pouvez utiliser un outil de téléchargement frontal ou simplement votre bibliothèque multimédia. Tout ce que cet utilisateur télécharge sera automatiquement limité à son rôle.

L'un des avantages de l'utilisation de WP Media Folder est que ce rôle (et tous les autres ayant accès à wp-admin) pourra créer des dossiers à l'aide du +Ajouter un nouveau dossier .

Nous pouvons confirmer que dans la bibliothèque multimédia, un Éditeur a été créé et qu'à l'intérieur se trouve le dossier que nous avons créé en utilisant le rôle Éditeur, et c'était aussi simple que de cliquer sur un bouton !

d'accès aux médias est activée , un dossier sera créé pour chaque rôle qui accède à votre bibliothèque multimédia et télécharge une image. L'utilisateur pourra partager ou non le média avec les autres utilisateurs ayant le même rôle, selon les paramètres que vous aurez choisis. Vous pouvez également contrôler plus précisément vos médias à l'aide de filtres .

Quelle fonctionnalité géniale et tellement facile à utiliser ! N'est-ce pas ?

Permettez à vos utilisateurs de télécharger des fichiers de la manière la plus professionnelle possible

Dans cet article, nous avons vu comment permettre à nos utilisateurs de télécharger leurs images de manière professionnelle et adapter notre site à chaque situation, qu'il s'agisse de soumettre un formulaire ou de permettre à nos rédacteurs de créer un dossier partagé, accessible uniquement à eux, dans la médiathèque. Et ce n'est pas tout ! Avec WP Media Folder vous pourrez faire bien d'autres choses, comme connecter votre médiathèque à un service cloud . Génial, non ?

Pour en savoir plus sur WP Media Folder et la limitation d'accès, ici !