Smartphones

Page 27 sur 27Suivant

Personnaliser le navigateur web des visiteurs de votre site

Une personnalisation de l'affichage de certains éléments du navigateur web utilisés lors de la visite de votre site est possible au niveau de l'écran "Options > Smartphone" de TOWeb V7 (et pour TOWeb V6 dans l'écran "Fichier > Votre site web").

Couleur de la barre d'état du navigateur web sur smartphones
Certains navigateurs web peuvent prendre en compte la présence d'une couleur personnalisée pour l'affichage de leur barre d'état lorsque la version de la plateforme mobile utilisée le supporte. Cela est notamment le cas avec le navigateur Google Chrome ainsi que les navigateurs internet proposés par défaut dans les mobiles Android mais également les appareils Windows Phone. En utilisant et ajoutant cette option à votre site, vous permettrez ainsi aux internautes concernés de visualiser votre site de manière encore mieux adaptée à votre thème, comme le montre l'exemple ci-dessous des deux images avant et après utilisation d'une couleur personnalisée.

Navigateur Internet Android modifié

Les captures écrans ci-dessus ont été effectuées par un Samsung Galaxy S6 sous Android 6.01 (Marshmallow) avec le navigateur internet fourni par défaut. La prise en compte de la couleur personnalisée (ou non) ainsi que la manière dont certains éléments peuvent être coloriés (ou pas) dépend des navigateurs web, de leurs versions ainsi que de la version de la plateforme supportant (ou non) cette option.
Pour réutiliser une couleur déjà présente dans votre thème procédez de la manière suivante: depuis l'étape "Thème" cliquez sur l'élément original désiré puis ensuite sur sa couleur. Une fois la fenêtre "Couleurs" ouverte vous pourrez alors sélectionner et effectuer un copier du "code couleur" dans le presse-papier pour ensuite réutiliser ce code couleur par un coller. 
Enfin si vous ne souhaitez pas (ou plus) de couleur personnalisée il vous suffit de laisser (ou resélectionner) la couleur "Auto".
Concernant la plateforme iOS et le navigateur Safari il y a 3 choix d'affichage possibles : l'affichage normal par défaut de la page dans Safari, l'affichage avec la barre de statut sur fond noir et l'affichage de barre de statut avec transparence. Pour que ces 2 dernières option fonctionne il est nécessaire d'avoir enregistré le site non pas parmi les favoris de votre iPhone/iPad mais en tant qu'icône sur votre écran d'accueil c'est à dire en utilisant la fonction "Partager" (
 )" sur écran d'accueil" (  ) pour pouvoir ouvrir ensuite votre site directement à partir de cette icône (sachant que l'icône utilisée sera l'icône iOS que vous aurez définie pour votre site ou à défaut celle de votre favicon).

Favicon
Une favicon est une icône symbolisant votre site web. Les navigateurs web peuvent utiliser la favicon dans la barre d'adresse, les signets, les onglets et autres raccourcis pointant vers une page de votre site. Il est donc vivement conseillé d'en utiliser un sur votre site afin de permettre aux internautes de mieux mémoriser votre image (celle du logo de votre société/organisme par exemple) et ainsi mieux le repérer par la suite lorsqu'ils souhaitent revenir visiter votre site. Cette icône doit être de dimension 32x32 pixels et de préférence dans un format image PNG ou ICO.

Icône Metro, iOS & Android
Cette icône au format image PNG est similaire à celle favicon mais d'une taille plus grande. Elle est principalement utilisée par les produits Apple (notamment iPad et iPhone) ainsi que les derniers navigateurs web de Microsoft (tel que Edge sur Windows 10 et Internet Explorer depuis Windows 8).

Règles spécifiques aux smartphones

Les régles de fonctionnement applicables uniquement aux appareils mobiles et tactiles sont disponibles depuis la version 7 de TOWeb et accessibles depuis l'écran "Options > Smartphone".

Les effets Effets de parallaxe

Les effets de parallaxes n'étant pas supportés voire mêmes incompatibles avec certains smartphones ou tablettes (notamment les modèles assez anciens), TOWeb vous permet fr les désactiver sur ces appareils tactiles pour toutes les pages de votre site qui en utilisent.

Pleine hauteur d'écran
L'option pleine hauteur d'écran contraint souvent à ne pouvoir mettre que peu d'information à l'écran de manière à ce que tout puisse loger également sur des appareils à faible résolution écran comme les smartphones. Si vous constatez que dans certaines basses résolutions écrans tout le contenu n'est pas visible lorsque vous utilisez l'option pleine hauteur alors il vous faudra désactiver cet effet pleine hauteur pour smartphones en ajustant la taille minimale en dessous de laquelle cet effet là ne sera appliqué (par défaut fixée à 480px).

Forcer la navigation de votre site en mode paysage
Certains éléments de vos pages peuvent nécessiter d'avoir une largeur minimale d'écran pour être présentés de manière la plus agréable et/ou la plus lisible possible lors de la navigation et la lecture de votre site (comme par exemple pour certains tableaux ou des images réduites à une taille trop petites ne permettant plus de lire ou voire correctement ce que vous voulez montrer). Si tel est le cas pour certaines pages de votre site alors il peut être souhaitable d'activer l'affichage d'une animation indiquant à vos visiteurs de basculer leur smartphone en mode paysage (i.e. horizontalement) dès lors qu'il l'utilisent en mode portrait (i.e. verticalement).

Les animations de paragraphe
En raison de trop faibles performances de certains smartphones, les effets d'animations de paragraphes peuvent entraîner des ralentissements importants de l'affichage et/ou provoquer une navigation moins agréable pour les utilisateurs d'appareils mobiles. Par conséquent, il est conseillé d'utiliser l'option permettant de désactiver les animations de paragraphes sur tout votre site.

Numéros et Liens

Sur votre site vous pouvez ajouter des liens SMS ainsi que des liens permettant d'effectuer des appels téléphoniques afin que les visiteurs de votre site puissent directement vous joindre par simple clic depuis leur smartphone lors de leur visite. L'option de visibilité "mobile seulement" ou "toujours visible" peut alors appliquée à vos liens selon vos besoins.
Si vous choisissez d'afficher des liens ou boutons téléphoniques également pour des appareils ne permettant d'effectuer des appels (comme par exemple un ordinateur) alors ces liens seront inactif mais leur contenu sera affiché. Aussi dans pareil cas, il pourra être souhaitable de bien mentiopnner également votre numéro de téléphone dans le texte de votre lien/bouton plutôt qu'un simple message "Contactez moi".
Enfin vous avez également la possibilité de désactiver à tout moment tous les liens téléphoniques de votre site depuis la seule option "Désactiver les liens automatiques sur les numéros de téléphones" qui se situe dans l'écran "Options > Smartphone" de TOWeb (disponible à partir de la version 7).