Je souhaite obtenir des informations sur une formation complète concernant le thème DIVI dispensé
par un organisme de formation certifié par l’état.
Que la formation soit finançable par mon CPF (idéalement) ou autre


Aujourd’hui, je réponds à une question qu’un lecteur m’a posée. Elle voulait offrir à ses visiteurs un calendrier Excel à télécharger gratuitement, elle voulait donc savoir Comment créer un lien de téléchargement de fichier de son site Web.

Cela peut aussi être votre cas.

Comment créer un lien pour télécharger un fichier librement: PDF, Excel, fichier compressé, etc.?

Cette manipulation est très simple à réaliser et ne nécessite que deux étapes. Suivez le guide !

Je vais vous montrer comment proposer à vos visiteurs Téléchargez un fichier librement sur votre site Web via un lien. Cette manipulation est très rapide. Il ne vous sera demandé que deux étapes.

  • Tout d’abord, nous envoyons le fichier au serveur afin qu’il soit disponible pour vos visiteurs.
  • Deuxièmement, nous allons créer le lien qui permettra aux visiteurs d’accéder à ce fichier.

Partie 1: Envoyez le fichier au serveur pour téléchargement

Utilisez FileZilla pour transférer le fichier

Donc, pour la première partie de ce tutoriel, nous avons besoin d’un logiciel FTP. Vous pouvez utiliser tout ce que vous utilisez normalement. J’utilise FileZilla.

Alors connectez-vous à votre site Web et accédez au répertoire racine de votre site Web. Sur les serveurs OVH, il s’agit du dossier « www ». Double-cliquez dessus pour entrer.

Et dans ce dossier je vais créer un nouveau dossier « Documents » dans lequel je mettrai tous les fichiers que je proposerai en téléchargement sur mon site web. Alors je clique droit « Créer le dossier » et je vais l’appeler «Documents».

Écran de téléchargement des fichiers Excel FileZilla

Ici, j’ouvre ce dossier en double-cliquant et donc j’envoie le fichier dans ce dossier que je voudrais proposer au téléchargement. La plupart du temps, c’est un Fichier Excel, de Guide PDF ou un fichier complet avec plusieurs types de fichiers compressés au format ZIP.

Dans mon exemple, je télécharge un simple fichier Excel avec le nom « Acronymes-Informatiques.xls ». Voici une liste des acronymes les plus couramment utilisés dans le monde du Web (vous pourriez trouver cela utile, au fait!).

Je clique avec le bouton droit sur ce fichier et j’appuie sur envoyer. Voilà, le fichier est maintenant sur le serveur dans le dossier des documents.

Comment vérifier si le fichier est disponible sur le serveur?

Pour vérifier cela, je vais tout de suite accéder à mon serveur. Je vais donc d’abord copier et coller le nom de ce fichier car il est un peu long et je ne veux pas le copier à la main. Je fais donc F2 pour avoir accès au nom du fichier et Ctrl + C pour le copier dans mon presse-papiers.

Je vais sur mon site Web, allons-y. Je vais donc tester le chemin tout de suite et m’assurer que le document existe sur mon serveur. On tape donc / documents / après le nom de domaine car je mets le dossier « documents » à la racine du site. Un autre « / » et je tape, et je copie et colle le nom de mon fichier.

Donc voila. C’est le chemin théorique que je suppose correct pour accéder à mon fichier: « https://www.dessinemoiunsite.com/documents/Acronymes-Informatiques.xls »

Je vais le copier et le coller tout de suite pour une utilisation ultérieure, et je vais appuyer sur Entrée pour le tester.

La fenêtre de téléchargement qui s’est ouverte signifie que le fichier que j’ai entré dans la barre d’adresse est correct et fonctionne bien. Cela amènera les navigateurs à ouvrir une boîte de dialogue de téléchargement, par ex. B. ce que vous avez devant vous maintenant. Le but ici n’est pas de télécharger le document, mais de tester le lien.

Préparez le lien de téléchargement

Alors déjà le lien, à quoi ça ressemble? Je vais vous montrer tout de suite. Ici. Un lien ressemble à ceci: Téléchargez le fichier

C’est un Balise contenant un attribut « href ». Celui-ci contient du texte qui est en fait le texte bleu souligné par défaut dans le navigateur.

Alors ici j’aurai les mots sur mon site « Téléchargez le fichier » qui sera souligné en bleu. Et quand je clique dessus, le visiteur est redirigé vers la page donnée dans l’attribut href. Pour cette raison, dans l’attribut href, je vais copier le chemin complet que j’ai copié et le coller dans ma barre d’adresse: « https://www.dessinemoiunsite.com/documents/Acronymes-Informatiques.xls »

Adaptez le chemin à votre propre chemin. Vous avez donc ici l’URL de votre site web, toujours le dossier « Documents » si vous mettez votre fichier dans un dossier « Documents » à télécharger, puis le nom de votre fichier que vous proposez en téléchargement sur votre site web.

Donc voila. Il vous suffit de personnaliser cette partie. Tout le reste sera exactement le même et vous pouvez le copier et le coller sans vous soucier de ce que fait exactement cette balise HTML.

Partie 2: Distribuez le lien de téléchargement

Donc là vous l’avez, la deuxième partie du tutoriel, nous allons maintenant ajouter ce lien vers notre site. Où pouvons-nous intégrer ce type de lien?

  • Par exemple, il peut être intégré dans un widget texte.
  • Vous pouvez également l’intégrer dans le corps d’un article.
  • Vous pouvez le mettre dans votre « Footer » ou dans votre « Header » ou en français dans votre « Footer » ou dans votre « Header ».
  • Vous pouvez également le mettre dans le corps d’un e-mail si, par exemple, vous utilisez un outil de messagerie pour communiquer avec vos abonnés.
  • Vous pouvez l’utiliser sur votre page Facebook
  • Vous pouvez utiliser dans un tweet.
  • En bref, il n’y a pas de restrictions. Vous pouvez l’utiliser à peu près n’importe où.

1 / Intégrez le lien sur votre site web

Je vais maintenant vous montrer comment intégrer ce lien sur votre blog ou site Web WordPress. Je veux qu’il apparaisse dans la colonne en haut à droite. Ici. Pour ce faire, je vais copier tout le code dans le presse-papiers en utilisant Ctrl C:

Téléchargez le fichier

Je vais aller au back office de mon site web. Me voici donc dans le menu « Apparence ». Voilà, le menu « Apparence », le sous-menu « Widgets », j’ai donc ma barre latérale qui contient tous les widgets. Alors je vais l’ouvrir. Ici. Je vais mettre un petit widget de texte ici dans la barre latérale pour y mettre mon lien. Ici. J’ai donc placé le widget texte. nous devons le sauver, c’est tout. Et je colle le code et je l’enregistre à nouveau.

Le widget est enregistré. Nous verrons ce qui se passe en exécutant F5 pour recharger la page. Et voilà: la page se rechargera. Nous avons affiché le fichier correctement, le lien est affiché en haut de ma barre latérale et lorsque je clique dessus, la boîte de dialogue de téléchargement s’ouvre. Ce qui est effectivement le cas. Nous pouvons voir Acronymes-Informatiques.xls ici. C’est en effet le document que nous avons mis sur le serveur et lié à partir de ce lien.

Donc tout fonctionne bien.

Résumé: voici comment proposer à vos visiteurs un lien pour télécharger un fichier

Étape 1: Envoyez le fichier au serveur pour téléchargement.

Vous avez besoin d’un logiciel FTP pour cette étape. Si vous n’en avez pas Téléchargez et installez Filezilla gratuitement. Vous avez reçu les informations de connexion FTP lors de la réservation de votre hébergement. Jetez un œil à votre e-mail.
  1. Créez un dossier Documents dans le répertoire racine de votre site
  2. Téléchargez votre fichier dans ce dossier
  3. Testez l’url du fichier dans votre navigateur

Étape 2: intégrez le lien dans votre site Web

Dans cet exemple, nous placerons le lien pour télécharger le fichier en haut de la barre latérale (colonne de droite).

  1. Copiez le code du lien (après avoir modifié l’URL de l’attribut « href »). Ajoutez un attribut pour afficher une bulle lorsque vous la survolez Titre comme dans cet exemple:
  2. Placez un widget de texte en haut de la barre latérale
  3. Collez le code et enregistrez le widget
  4. F5 pour recharger la page d’accueil de votre site

Où puis-je utiliser ce lien?

  • Textes de widget
  • Corps d’un article
  • Bas de page
  • Entête
  • Texte du message
  • Page Facebook ou tableau d’affichage
  • Tweet
  • Bref, partout!

J’espère que ce tutoriel vous a aidé à partager vos réactions dans les commentaires!

économiser

économiser

économiser

économiser





Source link

Recent Posts