Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Coupe WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Comment créer un Modèle de fichier joint personnalisé dans WordPress

Vous souhaitez créer un modèle personnalisé de fichier joint dans WordPress ?

Les images individuelles et les autres fichiers téléversés sur votre site sont affichés sur une page unique de pièces jointes. Cependant, de nombreux thèmes ne fournissent pas de modèle pour les fichiers joints.

Dans cet article, nous allons vous afficher comment créer facilement un modèle personnalisé de pièces jointes uniques dans WordPress.

How to Create a Custom Single Attachments Template in WordPress

Qu’est-ce qu’une page de fichiers joints dans WordPress ?

Par défaut, une page unique est automatiquement créée pour chaque fichier média joint que vous avez sur votre site WordPress. Cela inclut les images, les vidéos, les fichiers audio, les PDF, et plus encore.

Comme les publications et les pages, les fichiers joints sont stockés dans la table wp_posts de votre base de données WordPress. En fait, les pièces jointes sont un type spécial de publication et ont le type de publication  » pièce jointe « . Cela permet de les rechercher et de les afficher plus facilement.

Les pages de fichiers joints vous permettent d’ajouter des métadonnées à vos outils téléversés, telles qu’un titre, une légende et une description. Elles permettent également à vos internautes de commenter vos images et vidéos.

De nombreux utilisateurs/utilisatrices aiment personnaliser leurs modèles de pièces jointes pour afficher des informations supplémentaires. Par exemple, un thème de photographie peut utiliser la page des pièces jointes pour afficher des données EXIF. Celles-ci peuvent afficher le modèle d’appareil photo utilisé, les Réglages de l’appareil et même les données d’Emplacement de l’image.

Nous vous recommandons toutefois de désactiver ces pages jointes si vous n’avez pas l’intention de les utiliser.

Cela dit, voyons comment créer un modèle personnalisé de fichier joint unique dans WordPress. Voici ce que nous allons aborder dans ce guide :

Comment voir une page de pièces jointes dans WordPress

Lorsque vous personnalisez votre modèle de pièces jointes, il est utile de visualiser une page de pièces jointes pour voir vos modifications. Voici quelques façons de voir les pages de fichiers joints dans WordPress.

Vue d’une page jointe à partir de la médiathèque

Vous devez vous rendre sur la page  » Médiathèque «  du tableau de bord WordPress et cliquer sur une image ou un autre fichier joint. La fenêtre  » Détails de la pièce jointe  » s’affiche.

Vous pouvez saisir ici le texte alt, le titre, la légende et la description de l’image. Ces informations peuvent être affichées sur la page des pièces jointes. Il est donc conseillé de remplir les champs afin de voir comment elles s’affichent.

Click the ‘View Attachments Page’ Link

En bas à droite de la fenêtre, vous verrez un lien « Voir la page des fichiers joints ».

Lorsque vous cliquez sur ce lien, vous accédez à la page des fichiers joints pour cette image.

Vue d’un fichier joint à partir d’une publication ou d’une page

Il vous suffit d’ouvrir une publication ou une page dans l’éditeur de contenu de WordPress, puis d’ajouter une image.

Ensuite, sélectionnez l’image et cliquez sur le bouton « Link » dans la barre d’outils. Dans le menu déroulant, vous verrez l’option de sélectionner la « page du fichier joint ».

Add a Link to the Image's Attachment Page

Désormais, lorsque vous cliquez sur l’image, vous accédez à la page de son fichier joint.

Quel est le Modèle utilisé pour une page de pièces jointes ?

Comme les publications et les pages, vos fichiers joints sont affichés à l’aide d’un modèle. Celui qui est utilisé dépend des modèles disponibles dans votre thème et de la hiérarchie des modèles de WordPress.

S’il existe, WordPress utilisera un modèle attachment.php pour contrôler l’apparence de vos pages de fichiers joints. Cependant, vous pouvez également créer des modèles différents pour chaque type de fichier pouvant être téléversé sur votre site.

Par exemple, un fichier modèle nommé image.php contrôlera l’aspect des pages de pièces jointes image, et les pages de pièces jointes vidéo peuvent être contrôlées par un modèle appelé video.php.

Vous pouvez même créer un modèle de fichier joint personnalisé pour des compléments de fichiers spécifiques. Par exemple, le modèle image-gif.php contrôlera les pages de fichiers joints d’images GIF.

Attachment pages

Cependant, si votre thème WordPress ne propose pas de modèle spécifique pour les fichiers joints, il utilisera par défaut single.php, le modèle de type publication unique, ou index.php, le modèle de repli par défaut.

Dans ce cas, vos fichiers joints auront la même mise en page que n’importe quelle autre publication ou page, ce qui n’est pas toujours très esthétique.

Désactiver les pages de fichiers joints dans WordPress

Si vous n’avez pas l’intention d’utiliser les pages jointes dans WordPress, nous vous recommandons de les désactiver.

De nombreux thèmes n’ont pas de modèles spéciaux pour les fichiers joints, de sorte qu’ils peuvent ressembler à des pages incomplètes sur votre site. Cela peut laisser une mauvaise impression aux internautes.

Elles peuvent également avoir un impact négatif sur votre classement dans les moteurs de recherche. Aucun des moteurs de recherche ne considère les pages contenant peu ou pas de texte comme étant de « faible qualité » ou « à faible contenu ».

Vous pouvez en savoir plus dans notre guide sur la désactivation des pages de fichiers joints d’images dans WordPress.

Cependant, si vous envisagez d’utiliser des pages de pièces jointes, lisez la suite pour apprendre à personnaliser le modèle de pièces jointes dans WordPress. Nous aborderons deux méthodes. La première est la plus simple et utilise une extension.

Créer un Modèle de fichier joint personnalisé avec une extension Theme Constructeur

La façon la plus simple de créer un modèle personnalisé de pièces jointes uniques est d’utiliser SeedProd. C’est le meilleur constructeur de thème WordPress et il peut créer de belles mises en page de sites Web et des modèles personnalisés sans écrire aucun code.

Vous pouvez utiliser SeedProd pour créer un thème WordPress entièrement personnalisé, y compris un modèle personnalisé de pièces jointes uniques. Pour plus de détails, vous pouvez consulter notre Avis complet sur SeedProd.

Note : Il existe une version gratuite de SeedProd, mais vous aurez besoin de la version Pro pour accéder au Constructeur de thème et créer un modèle de fichier joint personnalisé.

Tout d’abord, vous devez installer et activer l’extension SeedProd. Pour plus de détails, consultez notre guide étape par étape sur l ‘installation d’une extension WordPress.

Lors de l’activation, vous devez saisir votre clé de licence. Vous trouverez cette information dans votre compte sur le site de SeedProd.

SeedProd license key

Ensuite, vous devez utiliser SeedProd pour créer facilement un thème WordPress personnalisé.

Créer un thème WordPress personnalisé

Vous trouverez le constructeur de thème de SeedProd en naviguant vers la page SeedProd  » Constructeur de thème. Ici, vous utiliserez l’un des kits de site ou des modèles prêts à l’emploi de SeedProd comme point de départ. Cela remplacera votre thème WordPress existant par un nouveau design personnalisé.

Vous pouvez le faire en cliquant sur le bouton « Thèmes ».

Create your custom theme

Vous afficherez une liste de thèmes conçus par des professionnels et destinés à différents types de sites. Par exemple, il existe des modèles appelés  » Modern Business « ,  » Marketing Agency  » et  » Mortgage Broker Theme « .

Jetez un coup d’œil aux options proposées et sélectionnez celle qui correspond le mieux à vos besoins en cliquant sur l’icône représentant une coche.

Select a Theme That Matches Your Needs

Une fois que vous avez choisi un thème, SeedProd génère tous les modèles de thèmes dont vous avez besoin. Vous pouvez maintenant créer un modèle personnalisé de fichier joint unique.

Créer un modèle de personnalisation des fichiers joints

Par défaut, il n’y a pas de modèle de pièce jointe, et le modèle de publication unique sera utilisé pour les pièces jointes de ce type.

An Attachments Page Using the SeedProd Single Post Template

Nous allons corriger cela en créant un nouveau modèle de fichier joint. Nous utiliserons le modèle de publication unique comme point de départ afin que le nouveau modèle soit cohérent avec votre thème.

Pour ce faire, vous devez survoler le modèle Duplicator de la publication unique jusqu’à ce que des liens apparaissent. Vous devez maintenant cliquer sur le lien  » Duplicator  » pour créer une copie de ce modèle.

Duplicate the Single Post Template in SeedProd

Un nouveau modèle appelé « Publication unique » apparaît en haut de la liste.

Il vous suffit de pointer votre souris sur le nouveau modèle et de cliquer sur le lien « Modifier les conditions » qui apparaît.

Point Your Mouse Over the New Template and Then Click the ‘Edit Conditions’ Link That Appears

Une fenêtre s’ouvre, qui vous permet de modifier les réglages du Modèle. Vous pouvez commencer par lui donner le nom de « Fichiers joints ».

Ensuite, vous devez définir les conditions d’utilisation de ce Modèle. Dans la section « Réglages », laissez le premier réglage sur « Inclure » et sélectionnez « Est un fichier joint » dans le deuxième menu déroulant.

Select ‘Is Attachment’ From the Conditions Drop Down

Ensuite, vous devez donner une priorité au modèle. Le Modèle de publication unique a une priorité de 0. Vous devez donc donner à ce modèle une priorité plus élevée afin qu’il soit utilisé à la place pour toutes les pages correspondantes. Pour ce tutoriel, nous assignerons une priorité de 5.

Une fois que vous avez terminé, cliquez sur le bouton « Enregistrer » pour stocker les nouveaux Réglages.

Il est maintenant temps de personnaliser le design et le contenu du Modèle. Pour ce faire, cliquez sur le lien « Modifier la conception ».

Click the ‘Edit Design’ Link

Ceci ouvrira le constructeur de page SeedProd. Ici, vous pouvez ajouter un nouveau contenu en faisant glisser des blocs sur la page et en réorganisant le contenu à l’aide de la fonction glisser-déposer.

Vous pouvez accéder aux Réglages de n’importe quel bloc en cliquant dessus, et lorsque vous survolez un bloc, vous pouvez le supprimer en cliquant sur l’icône de la corbeille.

The SeedProd Page Builder

Pour ce tutoriel, nous allons supprimer les deux blocs en haut de la page qui sont similaires au blog et faire glisser le bloc Post Info pour qu’il se trouve sous l’image.

Nous supprimerons également la section des commentaires au bas de la page. Confirmez votre choix en cliquant sur le bouton « Enregistrer » en haut de la page. Vous pouvez ensuite fermer le constructeur de page en cliquant sur le bouton « X » en haut à droite.

Switch the ‘Published’ Toggle to the On Position

Vous vous trouvez à nouveau dans la liste des modèles. Vous devez activer le nouveau Modèle en permutant le bouton « Publié » sur la position « on ».

Vous pouvez désormais consulter une page de pièces jointes sur votre site pour voir les modifications.

Preview of SeedProd Custom Attachments Page

Outil de personnalisation d’un modèle de fichier joint unique à l’aide de code

Cette méthode est plus avancée, et vous devrez ajouter du code aux fichiers de modèle de votre thème WordPress. Si vous n’avez jamais fait cela auparavant, alors consultez notre guide sur comment copier et coller du code dans WordPress.

Lors de l’installation d’une mise à jour de votre thème, vous perdrez un grand nombre de vos personnalisations. Nous vous recommandons d’éviter cela en créant un thème enfant et en le personnalisant à la place. Vous pouvez en savoir plus dans notre guide sur la mise à jour d’un thème WordPress sans perdre la personnalisation.

Création d’un fichier modèle de pièce jointe

Tout d’abord, vous devez choisir un modèle que vous allez personnaliser. Pour modifier l’apparence des fichiers joints, vous devez personnaliser le fichier attachment.php.

Cependant, si vous souhaitez personnaliser uniquement vos images ou vos vidéos, vous devrez modifier image.php ou video.php.

Ensuite, voyez si votre thème contient déjà ces fichiers de modèles. Par exemple, vous trouverez les modèles du thème Twenty Twenty-One en visitant le dossier wp/content/themes/twentytwentyone dans le gestionnaire de fichiers de votre hébergeur WordPress.

Twenty Twenty-One Theme Templates

Nous pouvons voir que le thème Twenty Twenty-One possède un modèle image.php mais pas de modèle fichier joint.php.

Si votre thème ne dispose pas du Modèle que vous souhaitez personnaliser, vous devrez alors le créer. Il vous suffit d’enregistrer un fichier vierge avec le nom de fichier dont vous avez besoin.

Ensuite, copiez le contenu du fichier single.php dans votre nouveau fichier vierge, puis enregistrez-le. Vous vous assurerez ainsi que votre modèle de fichier joint est visuellement cohérent avec le reste de votre site.

Vous disposez maintenant d’un nouveau modèle de pièce jointe, mais jusqu’à présent, vos pages de pièces jointes ont la même apparence qu’auparavant. Il est temps de procéder à quelques personnalisations.

Outil de personnalisation du fichier modèle de pièce jointe

Vous pouvez maintenant personnaliser votre page de pièces jointes en apportant des modifications au code du Modèle. Le fichier de modèle est comme tout autre fichier de thème dans WordPress. Vous pouvez ajouter n’importe quel code HTML, marqueurs identificateurs de modèle ou PHP à ce fichier.

Vous pouvez télécharger le Modèle sur votre ordinateur et l’ouvrir dans n’importe quel éditeur/éditrices de texte, tel que Notepad. Lorsque vous avez fini de modifier le code, il vous suffit d’enregistrer le fichier et de le téléverser dans le dossier de votre thème à l’aide du FTP.

Voici quelques exemples de la manière dont vous pourriez personnaliser le modèle image.php du thème Twenty Twenty-One. Voici à quoi il ressemble avant que nous n’apportions des modifications.

The Default Twenty Twenty-One Attachments Page

La page commence par le titre de l’image, suivi de l’image elle-même et d’une légende. Ensuite, vous trouverez une description de l’image et quelques autres détails sur l’image. Enfin, la section des commentaires est affichée.

Vous pouvez trier par ordre d’affichage ces sections. Par exemple, vous pouvez déplacer le code de l’image au-dessus du titre.

Twenty Twenty-One Image.php Code

Vous pouvez également retirer la légende de l’image en supprimant simplement les lignes de code qui l’affichent.

Voici à quoi ressemble désormais la page du fichier joint.

Custom Attachments Page

Si vous préférez ne pas permettre à vos internautes de commenter vos images, vous pouvez supprimer la section des commentaires.

Il suffit de supprimer les lignes de code situées vers le bas qui affichent la section des commentaires.

Remove the Comments Section Code From the Template

Bonus : Ajouter le fichier joint d’un article comme image mise en avant dans WordPress

La plupart des thèmes WordPress affichent des miniatures à côté des publications de blog sur votre site. Cependant, si vous venez de passer d’un thème qui ne supportait pas cette fonctionnalité, alors vous aurez beaucoup d’espace noir sur la page de votre blog.

Comme il est fastidieux de créer des mises en avant pour tous les articles de blog publiés, vous pouvez utiliser les pièces jointes des publications comme miniatures. Cela stimulera le trafic sur le blog et augmentera l’engagement des utilisateurs/utilisatrices.

Pour ce faire, installez et activez les extensions  » Auto Featured Image « . Ensuite, visitez la page Réglages «  Auto Sélectionné «  et sélectionnez l’option  » Trouver dans la publication  » dans le menu déroulant  » Méthode de génération « .

How to automatically set the featured image in WordPress

Ensuite, décochez l’option « Pages » dans la section « Générer pour les types de publication ».

Ensuite, passez à la section « Générer des images » en haut de la page et choisissez l’option « Publications » dans le menu déroulant « Type de publication ».

L’extension va maintenant afficher le nombre de publications de blog qui n’ont pas d’image mise en avant. Cliquez ici sur le bouton « Générer des images mises en avant ».

How to generate thumbnails automatically in WordPress

Désormais, toutes les publications du blog qui n’ont pas d’image mise en avant afficheront automatiquement la première image jointe en tant que miniature. Pour plus de détails, consultez notre module sur l’ajout de fichiers joints aux articles en tant qu’images mises en avant dans WordPress.

Nous espérons que ce tutoriel vous a aidé à apprendre comment créer un modèle personnalisé de pièces jointes uniques dans WordPress. Vous voudrez peut-être aussi apprendre comment embarquer une vidéo Facebook dans WordPress ou consulter notre liste des meilleures extensions WordPress pour Instagram.

Si vous avez aimé cet article, veuillez alors vous abonner à notre chaîne YouTube pour obtenir des tutoriels vidéo sur WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.

Divulgation : Notre contenu est soutenu par les lecteurs. Cela signifie que si vous cliquez sur certains de nos liens, nous pouvons gagner une commission. Consultez comment WPBeginner est financé, pourquoi cela compte et comment vous pouvez nous soutenir. Voici notre processus éditorial.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

L'ultime WordPress Toolkit

Accédez GRATUITEMENT à notre boîte à outils - une collection de produits et de ressources liés à WordPress que tous les professionnels devraient avoir !

Reader Interactions

9 commentairesLaisser une réponse

  1. Syed Balkhi

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. apachx

    How to open any image from article in a new page like this:

    And how to show all images from article at the bottom of this image page (plus NEXT, PREV button)?

  3. Caroline

    I created a attachment.php but it seems not to work. The attachments pages and its layout still look like before. Have I missed something?

  4. Wayne G.

    Thanks for this post. It really helped me.

    I had a problem where Google indexed one of my attachment pages as if it were content. I looked up recipes for fixing it and nothing seemed to work. Yost’s SEO plugin does this, but I am using another and I don’t want to change it. Other suggestions worked, but they affected some of my custom post type work.

    Then I saw this post and realized that all I had to do is create a single-attachment.php page with javascript that refreshes to the homepage and it works great!

    Does anyone know if there is a down side to doing this?

  5. WPBeginner Staff

    Monolops, you can attach .zip files to a post and when adding them to a post you can choose it to link to the attachment page instead of file. Now when users will click on the file link they will be taken to attachment page.

    Check out how the Twenty Thirteen theme displays .zip files differently than images by studying its attachment.php template.

    An easier solution could be using WP File Manager plugin.

    • monoloops

      Hey thanks for point that up. I will look for attachment page in that theme..I know that I can point .zip file to attachment page but don’t know how to customize it..That’s my issue.. Wp file manager is nice plugin but only offers direct donwloads. But with attachment page you get one more nice spot for ads when someone want to download those free files..

  6. monoloops

    Very nice tutorial..I am wordpress beginer in customizing and I love your website. Can you please help me with this matter but instead of photography I need file attachment like .zip or .rar. I’ve tried to work on my own based on your tutorial but my skills isn’t on that level yet :) Every google search for customizing attachment page is about images. No one thinks that people might want to share files i guess…

  7. Rita

    This code worked like a dream – thank you so much!

  8. Agnes

    I am interested to use single-attachment.php to display the attachments with some content.
    However, what I’d really like is to get the list of such pages into my sitemap, and I could not achieve that with existing plugins (one list URL of images,but not URL of image/attachment pages)
    So I am thinking to have a page or achive that would list all URLs of image/attachment pages. How would I do that?

Laisser une réponse

Merci d'avoir choisi de laisser un commentaire. Veuillez garder à l'esprit que tous les commentaires sont modérés selon notre politique de commentaires, et votre adresse e-mail ne sera PAS publiée. Veuillez NE PAS utiliser de mots-clés dans le champ du nom. Ayons une conversation personnelle et significative.