Comment utiliser le bloc de fichiers WordPress

Le bloc de fichiers WordPress facilite l'ajout d'un lien de téléchargement pour vos fichiers dans vos pages et publications. C'est l'un des blocs WordPress les plus uniques car il ajoute différentes options en fonction du type de fichier sélectionné. Savoir bien utiliser ce bloc peut attirer l'attention sur vos téléchargements.

Dans cet article, nous examinerons le bloc de fichiers et verrons comment l'ajouter à vos publications et pages. Nous examinerons également ses paramètres et ses options, consulterons les conseils et les meilleures pratiques pour l'utiliser et consulterons les questions fréquemment posées.

Comment ajouter le bloc de fichiers à votre publication ou page

Pour ajouter un bloc de fichier, cliquez d'abord sur l'outil Bloc d'insertion à l'emplacement où vous souhaitez placer le bloc ou dans le coin supérieur gauche de l'éditeur. Ensuite, recherchez Fichier et sélectionnez-le.

Vous pouvez également ajouter le bloc par type/fichier et appuyer sur Entrée à l'endroit où vous souhaitez que le bloc apparaisse ou sélectionner le fichier parmi les options qui s'affichent au fur et à mesure que vous tapez.

Ensuite, le bloc de fichiers sera ajouté à votre zone de contenu.

Pour l'utiliser, sélectionnez simplement pour télécharger un fichier ou sélectionnez la bibliothèque multimédia pour choisir le fichier. Les PDF afficheront un aperçu du fichier. Les outils pour le PDF varient en fonction du navigateur. Je visualise le PDF dans Chrome, qui comprend des outils PDF pour afficher ou masquer le menu PDF, voir le titre, le numéro de page, l'échelle, ajuster à la page, faire pivoter, télécharger, imprimer et voir les options d'affichage PDF.

D'autres fichiers, tels que des images, afficheront le nom du fichier et un bouton de téléchargement.

Paramètres et options de blocage de fichiers

Le bloc de fichiers comprend des paramètres et des options dans le bloc lui-même et dans la barre latérale droite.

Barre d'outils de bloc de fichiers

La barre d'outils Fichier Bloc est placée au-dessus du bloc lorsque vous sélectionnez le bloc.

La sélection du texte dans le fichier, tel que le nom du fichier du bouton, ajoute de nouveaux paramètres pour le texte.

Modifier le type ou le style de bloc

Vous pouvez changer le style de bloc en colonnes ou en groupe. Colonnes modifie le nombre de colonnes, tandis que Groupe vous permet de contrôler le style de plusieurs blocs en un seul bloc.

Glisser et déplacer

L'outil Glisser vous permet de faire glisser le bloc où vous le souhaitez. Vous pouvez également utiliser les flèches haut et bas de l'outil Déplacer pour déplacer le bloc vers le haut ou vers le bas dans votre contenu.

Alignement des modifications de fichiers

Les options d'alignement incluent gauche, droite, grande largeur et pleine largeur. Placez-le à gauche et à droite de ce côté de l'écran et enveloppez-le avec le texte du paragraphe en dessous.

Il s'agit d'une grande largeur. Il place le bloc à gauche de la zone de contenu.

Gras et italique

La sélection du nom du fichier ou du bouton de téléchargement affiche les options en gras et en italique. Ceux-ci affectent le texte que vous mettez en surbrillance et peuvent être utilisés ensemble ou indépendamment. J'ai mis le nom du fichier en gras et le texte du bouton en italique.

Plus d'options

Plus d'options ouvre des options pour styliser le texte. J'en ai ajouté plusieurs dans l'exemple. Ils comprennent:

Code en ligne – stylise le texte pour qu'il ressemble à du code.

Image en ligne – ajoute une image de votre médiathèque à l'emplacement du curseur de votre souris. J'ai ajouté une image au bouton.

Saisie clavier – stylise le texte avec le formatage HTML du clavier.

Barré - place une ligne à travers le texte, comme le titre du fichier dans l'image ci-dessus.

Indice – fait du texte un indice.

Exposant – rend le texte en exposant.

Couleur du texte – vous permet de changer la couleur du texte, comme le titre du fichier ci-dessus. L'icône se déplace vers la barre d'outils lorsqu'elle est utilisée.

Pour les options de couleur, incluez des couleurs présélectionnées ou créez un sélecteur de couleurs personnalisé. Le sélecteur de couleurs comprend un champ pour un code hexadécimal, un code RVB ou un code HSL.

Remplacer le fichier

Cette option vous permet d'échanger le fichier avec un autre de votre bibliothèque ou celui que vous téléchargez.

Copier le lien

Cela copie l'URL du fichier dans votre presse-papiers. Vous verrez un message dans le coin inférieur gauche indiquant que l'URL a été copiée.

Options

Les options sont incluses :

Masquer plus de paramètres – masque la barre latérale.

Copier - copie le bloc de fichiers afin que vous puissiez le coller dans votre contenu.

Dupliquer – place un duplicata du bloc de fichiers sous l'original.

Insérer avant – place un espace avant le bloc de fichiers où vous pouvez ajouter un bloc.

Insérer après – place un espace après le bloc de fichier où vous pouvez ajouter un bloc.

Déplacer vers – place une ligne bleue qui vous permet de contrôler où déplacer votre bloc de fichiers.

Modifier en HTML - ouvre la version de l'éditeur de code du bloc où vous pouvez modifier le code HTML.

Ajouter aux blocs réutilisables – ajoute le bloc de fichiers à vos blocs réutilisables.

Groupe – ajoute le bloc à un groupe que vous pouvez ajuster ensemble.

Supprimer le bloc – supprime le bloc de fichiers.

Outil de redimensionnement de bloc de fichier

Si le fichier est un PDF, vous verrez un outil de redimensionnement sous l'aperçu PDF. Saisissez cet outil et faites-le glisser vers le haut ou vers le bas pour redimensionner la hauteur de la zone d'aperçu.

Paramètres de la barre latérale du bloc de fichiers

Les paramètres de la barre latérale incluent le lien texte, les paramètres du bouton de téléchargement et les paramètres avancés. Ouvrez ou fermez la barre latérale en cliquant sur l'engrenage dans le coin supérieur droit. En cliquant sur le bloc, la barre latérale affiche les options du bloc de fichiers.

Si le fichier est un PDF, un nouvel ensemble d'options pour le PDF sera ajouté.

Paramètres PDF

Show Inline Embed vous permet d'activer ou de désactiver l'aperçu PDF. Il est activé par défaut. Le désactiver affiche simplement le titre et le bouton de téléchargement. Cet exemple montre qu'il est désactivé.

Hauteur en pixels fournit un curseur et un champ où vous pouvez ajuster la hauteur de l'aperçu PDF. Le rendre plus petit que sa taille réelle ajoute la barre de défilement sur le côté.

Paramètres de lien de texte

Les paramètres de lien de texte vous permettent de choisir le mode de fonctionnement du lien de nom de fichier. Vous pouvez avoir un lien vers le fichier multimédia ou la page de pièce jointe du fichier. Vous pouvez également l'ouvrir dans le même onglet ou dans un nouvel onglet.

Paramètres du bouton de téléchargement de fichiers

Cette option vous permet de masquer ou d'afficher le bouton de téléchargement. Ceci est utile si vous utilisez le nom de fichier comme lien de téléchargement.

Avancée

Les paramètres avancés incluent l'ancre HTML et les classes CSS supplémentaires. L'ancre crée une URL unique afin que vous puissiez créer un lien directement vers le bloc. Le champ Classe CSS vous permet d'ajouter des classes CSS personnalisées pour styliser le bloc de fichiers.

Paramètres de couleur du groupe de fichiers

Si vous avez converti le bloc de fichiers en groupe, vous verrez les paramètres des couleurs du texte, de l'arrière-plan et des liens. Vous aurez toujours accès aux paramètres habituels en sélectionnant le bloc.

Conseils et bonnes pratiques pour utiliser efficacement le bloc de fichiers

Nommez le lien du titre qui s'affiche afin que le lien ait un sens pour l'utilisateur en sélectionnant le texte et en tapant un nouveau titre.

Étiquetez le bouton pour que l'utilisateur sache à quoi s'attendre. Désactivez le bouton s'il n'est pas nécessaire.

Donnez un style au bouton et au texte du titre pour que le téléchargement se démarque du reste du contenu. Assurez-vous d'utiliser des couleurs faciles à lire et contrastant bien avec vos arrière-plans.

Transformez le bloc en groupe si vous souhaitez styliser l'arrière-plan.

Redimensionnez l'aperçu PDF pour l'adapter à la zone de conception du contenu. Désactivez l'aperçu PDF si vous souhaitez garder le contenu masqué ou si la première page n'a pas l'air bien dans votre contenu.

Foire aux questions sur le bloc de fichiers

À quoi sert le bloc de fichiers ?

Fournir un bouton de téléchargement afin que les visiteurs puissent télécharger un fichier.

Quel est l'avantage d'utiliser un bloc de fichiers ?

Il vous permet de fournir un lien et un bouton que vous pouvez styliser et contrôler. Coller un lien vers un téléchargement convertira le lien en un bloc d'intégration, qui peut afficher un extrait ou un aperçu différemment de ce que vous souhaitez.

Pour quel type de fichiers peut-il être utilisé ?

Il peut être utilisé pour tout type de fichier téléchargeable, y compris les fichiers PDF, audio, vidéo, images, documents, plugins, thèmes enfants, etc.

Tous les types de fichiers sont-ils pris en charge ?

Non. Il ne peut pas télécharger de fichiers zip ou d'autres extensions que WordPress ne prend pas en charge.

Peut-il télécharger plusieurs fichiers ?

Non. Chaque bloc de fichiers ne peut être connecté qu'à un seul fichier à la fois.

Pouvez-vous mettre à jour le fichier téléchargeable ?

Oui. Sélectionnez l'option Remplacer pour choisir un nouveau fichier. Vous pouvez le nommer avec le même nom que le fichier d'origine.

Le bloc de fichiers peut-il être transformé en un autre bloc ?

Oui. Il peut aussi devenir des colonnes ou un groupe.

Conclusion

C'est notre regard sur le bloc de fichiers WordPress. C'est un bloc simple qui vous permet de fournir de nombreux types de fichiers et inclut des options de texte et de bouton pour le lien. Les deux peuvent être stylisés indépendamment. J'aime qu'il ajoute un aperçu si le fichier est un PDF et qu'il soit ajustable. Ce bloc est excellent pour fournir des liens vers des fichiers téléchargeables à partir de votre site Web.

Nous voulons de vos nouvelles. Utilisez-vous le bloc de fichiers ? Dites-nous ce que vous en pensez dans les commentaires.

Image en vedette via Jane Kelly / shutterstock.com