Personnalisation de l’arrière-plan du site web

Juss Reyes

Mise à jour 5 juin 2026 20:33

Personnalisez l’arrière-plan de votre site en sélectionnant une couleur ou une image ; harmonisez le thème de votre établissement en utilisant des arrière-plans attrayants et créatifs, et bien plus encore grâce aux options de personnalisation de l’arrière-plan dans le créateur de Site web Cloudbeds.

Les arrière-plans du site web peuvent également être personnalisés par appareil.

Personnaliser l’arrière-plan

Arrière-plan du site

Dans le panneau de gauche, clique sur Thème
Clique sur la flèche à côté de Arrière-plans
Clique sur Arrière-plan par défaut
Clique soit sur l’onglet Couleur ou Image ou sélectionne une couleur pour l’arrière-plan du site ou téléverse une image

Laisse « Ne pas optimiser cette image » décoché, car désactiver l’optimisation des images pourrait impacter la vitesse de la page et/ou les performances.

Arrière-plan par page

Dans le panneau de gauche, clique sur Thème
Clique sur la flèche à côté de Arrière-plans
Clique sur Arrière-plan par page
Sélectionne une page dans le menu déroulant, puis choisis une image ou une couleur pour la page spécifique.

(Facultatif) Clique sur le bouton bascule Ne pas optimiser cette image pour empêcher l’optimisation (ce réglage apparaîtra après la sélection d’une image).

Carrousel d’images d’arrière-plan

Fais un clic droit sur la ligne à modifier, puis sélectionne Modifier le design
Dans l’onglet Style, va dans Arrière-plan > Image pour sélectionner les images correspondantes

Après avoir sélectionné plusieurs images dans le sélecteur d’images, clique sur Terminé.
Une fois le carrousel créé, sélectionne une Transition de diapositive dans le menu déroulant, et ajuste la vitesse du carrousel en déplaçant le curseur Vitesse de la diapositive (secondes)

Les carrousels d’images d’arrière-plan peuvent aussi être ajoutés à n’importe quelle colonne.

Les autres options d’image d’arrière-plan telles que Superposition d’arrière-plan, Positionnement et style d’affichage peuvent être appliquées au carrousel.

Arrière-plans vidéo

Utilise les arrière-plans vidéo pour ajouter rapidement une vidéo comme arrière-plan de site. Les arrière-plans vidéo attirent l’attention des visiteurs grâce à un contenu animé et apportent un look moderne et élégant à n’importe quel site.

Toutes les vidéos d’arrière-plan YouTube affichent le titre de la vidéo et le nom de l’uploader avant le démarrage de la lecture. Il n’est pas possible de supprimer ces éléments sans modifier manuellement le CSS. En raison de ce changement, les vidéos YouTube ne sont pas recommandées pour les arrière-plans vidéo.

Pour ajouter un arrière-plan vidéo à ton site, récupère l’URL YouTube, Vimeo ou Dailymotion que tu souhaites utiliser. Ensuite, clique droit sur la ligne ou la colonne où tu veux ajouter cet arrière-plan, puis clique sur Modifier le design.

Va dans l’onglet Style
Clique sur Vidéo. Tu as les options suivantes :
- Clique pour sélectionner la vidéo à téléverser. Tu peux téléverser jusqu’à 200 Mo dans tous les formats. Tu peux téléverser une vidéo depuis ton appareil, Facebook, Instagram, Dropbox, Google Drive ou enregistrer une vidéo avec ta webcam.
- Colle l’URL de la vidéo que tu souhaites utiliser dans la zone de texte URL YouTube, Vimeo ou Dailymotion.

Les vidéos YouTube ne sont pas prises en charge sur mobile car elles ne se lancent pas automatiquement sur les appareils iOS.

Les iPhones en mode économie d’énergie ne lanceront pas automatiquement les vidéos sur un site et afficheront un bouton de lecture à la place.
Les vidéos d’arrière-plan ne diffusent pas de son.
Les vidéos peuvent prendre du temps et consommer de la bande passante, ce qui peut distraire les utilisateurs des liens ou textes importants de ta page, donc utilise-les avec parcimonie.
Envisage de réduire l’opacité de la vidéo en arrière-plan pour rendre l’effet plus subtil.
Lorsque tu ajoutes une vidéo Dailymotion faisant partie d’une playlist, veille à ajouter uniquement le lien direct vers la vidéo (en omettant le paramètre playlist, qui ressemble à ceci : ?playlist=x1x2f3). Si l’URL de ta vidéo contient ce paramètre, supprime-le. Par exemple : https://www.dailymotion.com/video/x60ktex?playlist=x5x6f2 devient https://www.dailymotion.com/video/x60ktex