Prévisualisation des pages

Vérifiez comment le contenu de votre site s’affiche sur différents appareils et fenêtres de navigateur.

Dernière mise à jour le 24 mars 2024

Lorsque vous modifiez une page, les changements que vous apportez s’affichent sur le côté droit de l’écran. Vous pouvez ainsi voir vos modifications sans avoir à vous connecter et vous déconnecter constamment, ni passer du mode d’édition au mode aperçu.

Selon vos besoins, cela peut ne pas suffire. Par exemple, si votre écran ou la fenêtre de votre navigateur est de taille réduite, l’aperçu montre comment votre site apparaît sur des appareils mobiles plutôt que sur des ordinateurs. Vous pouvez également voir comment votre site apparaît sur les appareils mobiles avec l’application Squarespace.

Ce guide vous montre toutes les façons de prévisualiser votre site au fur et à mesure que vous le modifiez.

Regarder une vidéo

Aperçu complet des pages

La marche à suivre pour prévisualiser les pages dépend selon que vous modifiez votre site sur un ordinateur ou dans l’application Squarespace.

Pour développer l’aperçu et masquer les panneaux d’édition, placez votre souris sur le coin supérieur droit (coin supérieur gauche dans la version 7.0) et cliquez sur la flèche.

Avantages :

  • Affiche un aperçu en plein écran
  • Masque les annotations d’édition
  • Affiche les slugs d’URL de page dans la barre d’adresse de votre navigateur

Astuce

si votre site utilise la version 7.0, la flèche n'apparaîtra pas lorsque vous êtes dans le panneau Styles du site. Quittez les Styles du site pour accéder à l'aperçu complet ou effectuez un zoom arrière le temps de voir l'aperçu.

Expansion_arrow.png

Expansion_arrow.png

Pour revenir à la modification de votre site, cliquez à nouveau sur la flèche.

Pour prévisualiser une page :

  • Sur un téléphone, la barre d’aperçu apparaît en bas de l’écran. Appuyez sur la barre pour développer ou réduire l’aperçu.
  • Sur iPad, appuyez sur l’icône plein écran pour masquer le menu et développer la page d’aperçu.

Pour prévisualiser ou modifier la version ordinateur d’une page, appuyez sur Modifier, puis sur l’icône ordinateur. Appuyez sur le contenu à modifier dans la vue sur ordinateur. Appuyez à nouveau sur l’icône ordinateur pour revenir à la vue sur mobile.

Aperçu complet des billets de blog

Vous pouvez prévisualiser des billets de blog similaires à des pages, avant ou après leur publication. Pour prévisualiser un billet de blog :

  1. Après avoir créé un billet de blog, cliquez sur Enregistrer et publier pour le rendre public, ou cliquez sur Enregistrer pour l'enregistrer en tant que brouillon.
  2. Dans le panneau latéral, cliquez sur le titre de la publication.
  3. Un aperçu de la publication s’affiche à droite. Cliquez sur la flèche de développement dans le coin pour ouvrir l’aperçu complet.
  4. Cliquez à nouveau sur la flèche pour rouvrir le panneau latéral.

Vue par appareil

Prévisualisez la façon dont votre site apparaîtra sur différents appareils grâce à laVue par appareil.

Mode navigation privée

Pour voir votre site exactement tel que vos visiteurs le voient, accédez à votre site en mode navigation privée. Cela peut être utile si votre site contient du code intégré, qui peut ne pas s’afficher lorsque vous êtes connecté.

Zoom arrière (avancé)

La plupart des navigateurs vous permettent d’effectuer un zoom avant ou arrière sur une page. Le zoom arrière est un moyen rapide de vérifier l’apparence de votre site dans des navigateurs plus larges.

Dans la plupart des navigateurs, vous pouvez appuyer sur Ctrl ( sur un Mac) avec les touches + et - pour effectuer un zoom avant ou arrière. Si cela ne fonctionne pas, effectuez une recherche sur le web au sujet du zoom ainsi que du nom et de la version de votre navigateur.

Remarque

La modification dans Squarespace n'est prise en charge qu'avec un zoom à 100 %. Pour éviter les problèmes d'affichage et de modification, réglez toujours votre navigateur sur 100 % /Taille réelle.

Prévisualiser les modifications avant de les mettre en ligne

Habituellement, le fait d’appuyer sur Enregistrer sur une modification met immédiatement à jour votre site actif. Voici quelques astuces pour créer du contenu sans que les visiteurs ne le trouvent tout de suite :

Footer Image
  • Obtenir de l’aide de notre communauté

  • Obtenez de l’aide sur les personnalisations avancées auprès de notre communauté.

  • Trouver un Squarespace Expert

  • Démarquez-vous en ligne avec l’aide d’un designer ou d’un développeur expérimenté.