comment ajouter une image en arriereplan sur wordpress

Comment ajouter une image en arrièreplan sur WordPress ?

Voulez-vous ajouter une image d’arrière-plan à votre site WordPress? Les images d’arrière-plan peuvent être utilisées pour rendre votre site Web plus attrayant et plus esthétique. Dans cet article, nous allons vous montrer comment ajouter facilement une image d’arrière-plan à votre site WordPress.

Si vous préférez les instructions écrites, continuez à lire.

Méthode 1. Ajoutez une image d’arrière-plan en utilisant les paramètres de thème WordPress.

Les thèmes WordPress les plus populaires sont fournis avec un support d’arrière-plan personnalisé. Cette fonctionnalité vous permet de définir facilement une image d’arrière-plan sur votre site WordPress. Si votre thème prend en charge la fonction d’arrière-plan personnalisé, nous vous recommandons d’utiliser cette méthode pour ajouter une image d’arrière-plan à votre site WordPress.

Cependant, si le thème ne prend pas en charge cette fonctionnalité ou si vous n’aimez pas la façon dont le thème implémente les images d’arrière-plan, vous pouvez essayer les autres options mentionnées dans ce didacticiel. Vous devez d’abord visiter la page Apparence »Personnaliser dans l’admin WordPress. Cela lancera le personnalisateur de thème WordPress, où vous pourrez modifier divers paramètres de thème tout en visualisant l’aperçu en direct de votre site Web.

Mais tais-toi une couleur soit une image vous voulez en arrière-plan

Cliquez ensuite sur « Image d’arrière-plan ». Le panneau glissera vers le haut et vous montrera les options de téléchargement ou de sélection d’une image d’arrière-plan pour votre site Web.

 

Cliquez sur le bouton de sélection d’image pour continuer. Cela fera apparaître la fenêtre contextuelle de téléchargement de médias WordPress dans laquelle vous pouvez télécharger des images depuis votre ordinateur. Vous pouvez également sélectionner des images précédemment téléchargées dans la médiathèque.

 

Ensuite, vous devez cliquer sur le bouton « Sélectionner une image » après le téléchargement, ou sélectionner l’image que vous souhaitez utiliser comme arrière-plan. Cela fermera la fenêtre pop-up de téléchargement multimédia et vous verrez un aperçu de l’image sélectionnée dans le personnalisateur de thème.

Sous l’image, vous pouvez également voir les options de l’image d’arrière-plan. Sous « Préréglages », vous pouvez choisir comment l’image d’arrière-plan s’affiche: remplissage de l’écran, ajustement de l’écran, répétition ou personnalisé. Vous pouvez également sélectionner l’emplacement de l’image d’arrière-plan en cliquant sur la flèche ci-dessous. Cliquez sur le centre pour aligner l’image avec le centre de l’écran. N’oubliez pas de cliquer sur le bouton « Enregistrer et publier » en haut pour enregistrer les paramètres. Voilà, vous avez ajouté avec succès une image d’arrière-plan à votre site Web WordPress. Allez-y et visitez votre site Web pour voir les résultats réels.

 

Méthode 2. Utilisez un plugin pour ajouter une image d’arrière-plan personnalisée dans WordPress.

Cette méthode est plus flexible. Il peut être utilisé avec n’importe quel thème WordPress et vous permet de définir plusieurs images d’arrière-plan. Vous pouvez également définir un arrière-plan différent pour n’importe quel article, page, catégorie ou toute autre partie de votre site WordPress. Il présentera automatiquement toutes les images d’arrière-plan en plein écran et de manière conviviale pour les appareils mobiles. Cela signifie que votre image d’arrière-plan sera automatiquement redimensionnée sur les appareils plus petits.

Tout d’abord, vous devez installer et activer le plugin Full Screen Background Pro.

Après l’activation du plugin, vous devez visiter Apparence »Image BG plein écran pour configurer les paramètres du plugin.

Il vous sera demandé d’ajouter une clé de licence. Vous pouvez obtenir ces informations à partir de l’e-mail que vous avez reçu après l’achat du plugin ou de votre compte sur le site Web du plugin. Ensuite, vous devez cliquer sur le bouton « Enregistrer les paramètres » pour enregistrer vos modifications. Vous pouvez maintenant commencer à ajouter des images d’arrière-plan à votre site Web WordPress. Allez-y et cliquez sur le bouton « Ajouter une nouvelle image » sur la page des paramètres du plugin. Cela vous mènera à l’écran de téléchargement de l’image d’arrière-plan.

Cliquez sur le bouton « Sélectionner une image » pour télécharger ou sélectionner une image. Après avoir sélectionné une image, vous pourrez visualiser l’image en temps réel sur l’écran. Ensuite, vous devez fournir un nom pour cette image. Ce nom sera utilisé en interne, vous pouvez donc tout utiliser ici. Enfin, vous devez choisir où vous souhaitez utiliser cette image comme page de fond.

La version professionnelle  du plugin Full Screen Background Pro vous permet de définir l’image comme arrière-plan général, ou vous pouvez choisir parmi différentes parties du site Web, telles que la catégorie, l’archive, la page d’accueil ou le blog. N’oubliez pas de cliquer sur le bouton « Enregistrer l’image » pour enregistrer l’image d’arrière-plan. Vous pouvez ajouter n’importe quel nombre d’images en visitant la page Apparence »Images BG plein écran. Si vous définissez plusieurs images à utiliser globalement, le plug-in commencera automatiquement à afficher l’image d’arrière-plan sous forme de diaporama. Vous pouvez régler le temps nécessaire à l’image pour disparaître et le temps après que la nouvelle image d’arrière-plan commence à apparaître.

 

Le temps que vous entrez ici est en millisecondes. Si vous voulez que l’image d’arrière-plan disparaisse après 20 secondes, vous devez entrer 20 000. N’oubliez pas de cliquer sur le bouton « Enregistrer les paramètres » pour enregistrer vos modifications. Images d’arrière-plan pour les articles, les pages et les catégories La version professionnelle d’arrière-plan plein écran vous permet également de définir des images d’arrière-plan pour des articles, pages, catégories, tags, etc. Modifiez simplement le message / la page où vous souhaitez afficher d’autres images d’arrière-plan. Sur l’écran d’édition de l’article, vous remarquerez la nouvelle boîte «  Image d’arrière-plan plein écran  » sous l’éditeur de publication.

Pour utiliser une image d’arrière-plan pour une catégorie spécifique, vous devez visiter la page Apparence »Image BG plein écran et cliquer sur le bouton« Ajouter une nouvelle image ». Après avoir téléchargé l’image, vous pouvez sélectionner « Catégorie » comme contexte dans lequel vous souhaitez afficher l’image d’arrière-plan.

Maintenant, entrez l’ID de catégorie ou l’étiquette spécifique dans laquelle vous souhaitez afficher l’image. Consultez notre guide pour savoir comment trouver des identifiants de catégorie dans WordPress. N’oubliez pas d’enregistrer l’image pour stocker les paramètres.

Méthode 3. Ajouter une image d’arrière-plan à l’aide de CSS Hero CSS Hero est un plugin WordPress

 

qui vous permet de changer de thème sans changer de code. Vous pouvez ajouter rapidement une image d’arrière-plan en quelques étapes simples. Tout d’abord, vous devez installer et activer CSS Hero. Une fois que cela est fait, il est temps de commencer à personnaliser votre site Web. Maintenant, ouvrez la page d’accueil dans le navigateur. Vous verrez le lien «Personnaliser avec CS SHero» dans la barre de gestion.

Après avoir cliqué sur ce lien, vous verrez l’option CSS Hero ouverte. Passez votre souris sur la zone où vous souhaitez ajouter une image. Dans la capture d’écran ci-dessous, vous verrez .header-filter-gradientzone. Après avoir cliqué sur la zone, vous pouvez sélectionner le lien d’arrière-plan dans la barre latérale gauche.

 

Le lien d’arrière-plan s’ouvrira. De là, vous pouvez cliquer sur «Image». Maintenant, vous pouvez choisir une image d’Unsplash ou de vos téléchargements pour créer votre arrière-plan.

Lorsque vous cliquez sur l’image souhaitée, vous verrez le bouton « Appliquer l’image ». Ensuite, vous pouvez choisir la taille de l’image. Nous avons choisi la version plus grande pour qu’elle couvre toute la page. Cliquez sur « Enregistrer et publier » en bas et l’image d’arrière-plan sera désormais enregistrée pour votre site.

Méthode 4. Utilisez le code CSS pour ajouter une image d’arrière-plan personnalisée n’importe où dans WordPress Par défaut,

WordPress ajoute plusieurs classes CSS à différents éléments HTML sur le site Web WordPress. Vous pouvez facilement ajouter des images d’arrière-plan personnalisées à divers articles, catégories, auteurs et autres pages à l’aide de ces classes CSS générées par WordPress. Par exemple, si vous avez une catégorie appelée TV sur votre site Web, lorsque quelqu’un consulte la page de catégorie TV, WordPress ajoute automatiquement ces classes CSS à la balise body.

<body class="archive category  category-4">

Vous pouvez utiliser l’outil d’inspection pour voir exactement quelles classes CSS WordPress a ajouté à la balise body.

 

Vous pouvez utiliser la classe CSS category-tv ou category-4 pour définir différents styles pour la page de catégorie. Ajoutons une image d’arrière-plan personnalisée à la page d’archive des catégories. Vous devrez ajouter ce CSS personnalisé au thème.

Vous pouvez également ajouter des arrière-plans personnalisés à des articles et des pages individuels. WordPress ajoute des classes CSS avec des ID de publication ou de page à la balise body. Vous pouvez utiliser le même code CSS, remplacez simplement .category-tv par une classe CSS spécifique à l’article. Nous espérons que cet article vous a aidé à apprendre comment ajouter des images d’arrière-plan dans WordPress. Vous pouvez également consulter notre comparaison des meilleurs plugins de création de page par glisser-déposer pour WordPress, et un tutoriel sur la création d’un thème WordPress personnalisé (sans aucun code).

Notes: 4.9 . 9500 Votes