TechBlogSD - Tout pour le développement WordPress et WEB
Instructions WEB et WordPress, actualités, revues de thèmes et plugins

Image de fond différente pour différentes pages dans Weebly

8

Personnaliser l’image de fond de Weebly

Weebly propose plus de 100 modèles avec image de fond fixe, dans cet article nous expliquons les deux possibilités suivantes de changer l’image de fond dans un thème Weebly.

  • Changer l’image de fond pour toutes les pages
  • Définir différentes images d’arrière-plan pour différentes pages

Dans les deux cas, vous devez préparer vos propres images d’arrière-plan adaptées au modèle de votre site. Vous avez également la possibilité d’utiliser l’ éditeur d’image d’arrière-plan Weebly.

Changer l’image de fond de votre site

  • Préparez une image qui convient à la conception et à la navigation de votre modèle.
  • Connectez-vous à votre compte Weebly et modifiez le site dont vous souhaitez modifier l’image de fond.
  • Dans l’éditeur Weebly, allez dans l’onglet "Conception" et cliquez sur le bouton "Modifier HTML/CSS".
  • Cliquez sur « Ajouter de nouveaux fichiers » dans la section « Fichiers » et téléchargez votre image d’arrière-plan.

Image de fond différente pour différentes pages dans Weebly

Changer l’image de fond d’un site Weebly

  • Allez sur "main-style.css" disponible dans la section "CSS".
  • Localisez le corps du CSS et remplacez la dernière ligne dans la section body. Généralement, ce sera quelque chose comme ci-dessous:
background: url(main-bg.jpg) repeat;
  • Remplacez la ligne par le code ci-dessous :
background: url (Your-Background-Image-Name.jpg) repeat;
  • Si vous avez nommé votre image d’arrière-plan téléchargée comme image1.jpg, le code ressemblera à ci-dessous :
body { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color:#5a5a5a; background: url(image1.jpg) repeat; }
  • Enregistrez votre thème et publiez le site Web. Ouvrez le site dans le navigateur pour vérifier que l’image d’arrière-plan est remplacée par la nouvelle image lors du téléchargement.

Définir différentes images d’arrière-plan pour différentes pages de votre site

  • Suivez les mêmes étapes que dans la méthode ci-dessus pour télécharger les fichiers d’images, ici vous devez télécharger le nombre d’images requises pour l’affichage dans différentes pages de votre site.
  • Nommez les images comme image1.jpg, image2.jpg et ainsi de suite.
  • Allez dans l’ onglet " Pages " et choisissez la page dont vous souhaitez changer l’image de fond.
  • Cliquez sur l’option "Paramètres avancés" et collez le code ci-dessous dans la section "Code d’en-tête" comme indiqué dans l’image ci-dessous.

Image de fond différente pour différentes pages dans Weebly

Changer l’image de fond d’une page Weebly

  • Ici, "image1.jpg" est le nom de l’image d’arrière-plan que vous avez téléchargée.
  • Collez le même code dans la section du code d’en-tête de différentes pages en changeant le nom de l’image en "image2.jpg", "image3.jpg", etc.
  • Publiez votre site et différentes pages afficheront différentes images d’arrière-plan lorsque le site est chargé dans le navigateur.

Source d’enregistrement: www.webnots.com
Leave A Reply

Ce site utilise des cookies pour améliorer votre expérience. Nous supposerons que cela vous convient, mais vous pouvez vous désinscrire si vous le souhaitez. J'accepte Plus de détails