CATALOGUE Code & Data Formation WordPress Apprendre Wordpress 3.x - Edition 2012-2014

Comment insérer une image de fond de page adaptative

Retour à la formation
Chapitre 11 Leçon 3
Précédent
Suivant

Découvrez comment insérer une image de fond de page qui s'adapte automatiquement à la taille de l'écran avec l'utilisation de CSS.

Détails de la leçon

Description de la leçon

Insérer une image de fond de page permet de donner un aspect visuel attrayant à votre site web. En utilisant du code CSS, vous pouvez rendre cette image adaptative selon la largeur de l'écran des utilisateurs, évitant ainsi l'effet d'image répétée ou un fond de couleur uniforme sur les écrans larges.

Le plugin Simple Fullscreen Background Image simplifie cette tâche et offre la possibilité de changer les images selon les saisons, ce qui est idéal pour un site d'hôtel en montagne par exemple, pour afficher des images différentes en été et en hiver.

Une fois l'extension installée, vous pouvez sélectionner et remplacer facilement les images via le réglage 'Apparence > Fullscreen'. Veillez à choisir des images de taille appropriée pour ne pas ralentir le chargement de vos pages. Ce plugin, simple à utiliser, propose également d'autres fonctionnalités avancées comme les diaporamas de fond de page.

Objectifs de cette leçon

Les objectifs de cette vidéo sont : apprendre à insérer une image de fond de page responsive, découvrir les fonctionnalités du plugin Simple Fullscreen Background Image, et comprendre comment gérer les images pour différentes saisons.

Prérequis pour cette leçon

Pour suivre cette vidéo, vous devez avoir des connaissances de base en CSS et en gestion de plugins WordPress.

Métiers concernés

Les connaissances présentées sont utiles pour les professionnels tels que développeurs web, web designers, et gestionnaires de contenu.

Alternatives et ressources

Comme alternatives, vous pouvez utiliser des plugins plus complexes permettant des diaporamas ou des images changeantes, tels que Slider Revolution ou WP Backgrounds.

Questions & Réponses

Le principal avantage est la simplicité d'utilisation pour insérer une image de fond de page responsive et la capacité de changer d'image facilement.
Il est important de choisir des images de taille appropriée pour éviter d'alourdir la vitesse de chargement des pages, ce qui peut affecter l'expérience utilisateur et le référencement.
Les plugins plus complexes permettent d'avoir des diaporamas d'images, d'alterner les images en fonction des pages, ou de faire en sorte que le visiteur ne voit jamais la même image.