Bouton Download Fichiers Wordpress

Ajouter un lien de téléchargement

Ajouter un lien de téléchargement d’un fichier média n’a jamais été aussi simple sur wordpress. Que vous vouliez partager un mp3, un fichier image ou un pdf, vous pouvez le faire en quelques secondes et avoir un résultat similaire à celui-ci

Pour cet exemple, je vais utiliser une sonnerie de téléphone que j’ai crée à partir de la chanson Tougen renka du duo japonais Garnidelia.

Création du lien de téléchargement

Ouvrez l’éditeur d’article et cliquez en dessous du titre pour ouvrir le menu des blocs, allez dans la section blocs communs et ouvrez le bloc fichier.

Téléversez le fichier que vous voulez partager ou sélectionnez-le dans la bibliothèque de médias avant de valider et le bouton de téléchargement apparaîtra automatiquement dans votre article.

Lire aussi :  Insérer une image à coté du texte

C’est plutôt simple, non ? Vous pouvez même coupler le bloc fichier avec le bloc son comme je l’ai fait en dessous si vous désirez que les visiteurs écoutent d’abord la musique avant de potentiellement la télécharger.

tougen renka de Garnidelia

Un peu de css pour personnaliser

Maintenant que vous avez le bouton télécharger, vous pouvez le personnaliser et le mettre aux couleurs de votre site avec un peu de css que vous copierez dans le menu apparence=>personnaliser=>css additionnel.

.wp-block-file__button:link, .wp-block-file__button:visited, .wp-block-file__button:active {
	border: 1px solid #628907;
	border-radius: 5px;
	padding: 5px 10px;
	background-color: #fff;
	color: #628907;
	font-size: 15px;
}
.wp-block-file a.wp-block-file__button:active, 
.wp-block-file a.wp-block-file__button:focus, 
.wp-block-file a.wp-block-file__button:hover, 
.wp-block-file a.wp-block-file__button:visited {

	border: 1px solid #90CB0D;
  background-color: #90CB0D;
}

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *