Mon site Web s'affiche mal sur un téléphone : comment fonctionne le mobile dans EverWeb

La solution dépend du type de page que vous avez créé. EverWeb en propose deux.

Page adaptative Page en Mise en page centrée
Sur un téléphone La même page se réorganise pour s'adapter Reste à sa largeur d'ordinateur, sauf si vous ajoutez une page mobile
Page mobile distincte ? Inutile Recommandée
Déplacement des éléments Les objets s'enchaînent dans des rangées et des conteneurs. Dans EverWeb 4.5 ou version ultérieure, vous pouvez aussi placer un objet n'importe où grâce à Autoriser le glissement libre et à l'épinglage Glissez n'importe où

Pour savoir lequel vous avez, sélectionnez la page et allez dans Inspecteur > Paramètres de page > Mise en page.

Voir le résultat sur un vrai téléphone

L'aperçu sur ordinateur ne correspond pas toujours. Cliquez sur Aperçu dans la barre d'outils, choisissez Preview QR Code (aperçu par code QR) et scannez le code avec l'appareil photo de votre téléphone.

Pages adaptatives

Concevez une seule page et ajustez-la pour les écrans plus petits.

  • Vérifiez chaque taille. Modifiez la largeur de la fenêtre de l'éditeur pour voir comment votre page s'adapte.
  • Masquez un élément sur une taille d'écran. Sélectionnez-le, allez dans Inspecteur > Mesures et utilisez les cases à cocher comme Afficher sur mobile dans la section Adaptatif.
  • Vous voulez placer un objet n'importe où ? Dans EverWeb 4.5 ou version ultérieure, sélectionnez l'objet, allez dans Inspecteur > Mesures et cochez Autoriser le glissement libre. Vous pouvez alors le faire glisser n'importe où, comme sur une page en Mise en page centrée. Cliquez sur Pin Settings (réglages d'épinglage) pour l'épingler en haut, au centre ou en bas, et à gauche, au centre ou à droite, de la page ou de son conteneur, afin qu'il garde sa position quand la taille de l'écran change. Sinon, les objets occupent toute la largeur et suivent le flux de la page. Consultez les tutoriels sur les pages adaptatives.

Pages en Mise en page centrée : ajouter une page mobile

  1. Cliquez sur Ajouter une page dans la barre d'outils, filtrez sur les modèles Largeur fixe, choisissez votre thème et sélectionnez sa page Mobile. Ajoutez votre contenu.
  2. Sélectionnez votre page pour ordinateur.
  3. Allez dans Inspecteur > Paramètres de page > Paramètres mobiles. Sous Page mobile, choisissez Une de mes pages, puis sélectionnez votre nouvelle page.
  4. Publiez. Les téléphones sont automatiquement redirigés vers la page mobile.

Répétez l'opération pour chaque page. Évitez de mettre tout votre texte dans une ou deux grandes zones de texte, car elles posent des problèmes de mise en page sur un petit écran. Tutoriel vidéo.

Vous voulez que nous rendions tout le site adapté aux mobiles ?

Notre équipe peut le recréer sous forme de site adaptatif. Découvrez le service de conversion, ou demandez un devis à l'assistance.

  • Responsive, Mobile, Responsive Website
  • 11 Utilisateurs l'ont trouvée utile
Cette réponse était-elle pertinente?

Articles connexes

Dois-je refaire le design de mon site Web EverWeb pour les appareils mobiles ?

Non. Votre site Web EverWeb fonctionne tel quel sur les téléphones et les tablettes. La façon...

Mon site Web s'affiche bien sur mon ordinateur, mais il est coupé ou désordonné sur mon téléphone

La plupart du temps, un ou plusieurs objets de la page sont plus larges que l'écran d'un...

Créer une page adaptative avec des conteneurs pour qu'elle s'empile proprement sur un téléphone

Une page Adaptatif est une seule page qui se réorganise pour s'adapter à tous les écrans. Vous la...

Masquer ou afficher des objets sur les téléphones, les tablettes ou les ordinateurs (Show on Device)

Vous pouvez afficher un objet sur certaines tailles d'écran et le masquer sur d'autres....

Créer une version téléphone d'une page en Mise en page centrée (Page mobile), étape par étape

Une page mobile est une deuxième copie, étroite, d'une page, conçue uniquement pour les...