Même texte sur différentes tailles écrans, mais écrire plus petit
Autor: Rodolphe W.
Visited 3186,
Followers 3,
Udostępniony 0
Bonjour,
Dans le menu Créations des pages, j'ai mis 2 blocs avec le même texte, le bloc 2 étant écrit plus petit pour les smartphones.
En cliquant sur Adaptatif, je peux cacher le bloc écrit petit pour les grandes résolutions.
Mais alors le bloc écrit petit n'apparait pas dans la résolution minimale.
J'ai du mal comprendre comment faire ceci :
Un bloc texte pour certaines résolutions et un autre bloc texte (à la place) pour d'autres résolution.
Merci de votre aide
Posted on the
Salut Rodolphe,
Un petit tour sur l'aide en ligne :
http://help.websitex5.com/fr/v12/pro/responsive_layout.htm
afin de cerner les possibilités des Paramètres de la page adaptative.
La question que je me pose est de savoir si les objets cachés en définition inférieure ne vont pas être visibles en définition supérieure ? (Mon Iphone est HS et je ne peux pas vérifier la chose... Ni le changer pour l'instant ).
En test local j'ai bien le texte en gros caractères sur une petite définition (480 ou 720 px), mais quand je choisis la plus grande dimension (960 px), les deux textes s'affichent sur la page... Je t'ai mis des copies écrans à toutes fins utiles.
A tester de ton côté et nous dire. Je signalerai la chose au support après tes essais si besoin.
@+, J.P.
Autor
Bonjour,
Merci de ton retour.
Dans un premier temps, je tiens à signaler que l'aide en ligne est indisgeste. J'ai besoin parfois de relire plusieurs une ligne pour la comprendre.
Mettre des aides sur les pages en cliquant sur un ? apporterait une simplification.
Tu as exactement cerné mon problème.
1ère tentative
2 blocs de texte
1er: écrit en petit avec plusieurs paragraphe -: pour l'affichage sur pc
2ème: écrit en plus gros avec l'essentiel -: pour l'affichage sur petit écran
Donc sur la page "création des pages" puis Adaptatif, je me dis que je vais cacher le bloc 2 lorsque que je suis sur la définition max. Mais alors : je ne peux plus dire : afficher le bloc 2 pour les définitions inférieures.
2ème tentative
2 blocs de texte
1er: écrit en petit avec plusieurs paragraphe -: pour l'affichage sur pc
2ème: écrit en plus gros avec l'essentiel -: pour l'affichage sur petit écran
Donc sur la page "création des pages" puis Adaptatif, je me dis que je vais cacher le bloc 1 lorsque que je suis sur définitions réduites. Mais alors : le bloc 2 apparait dans les grandes résolutions. J'affiche 2 fois le même texte (quasi)
Il faudrait que le logiciel permette pour chaque bloc dans point de rupture, de choisir s'il faut l'afficher ou non.
Ou alors il y a quelques choses de sioux que j'ai par compris : doubler les pages, insérer du html, couleur fond = couleur police ...
Ca me parait la fonctionnalité principale de ce logiciel que j'ai choisi pour la gestion de l'adaptative.
Une idée ?
Rodolphe
Salut,
Si tu cliques sur Activer Site Adaptatif le texte va automatiquement s’adapter à la grandeur de ton écran donc pas besoin de réduire la police.
De plus si le lecteur de ton site sur mobile ou tablette aurai envie de voir le contenu avec une police différente, il y a maintenant une petit icone avec 4 ligne que tu clic dans le n’aviateur et ensuite tu clic sur AA à droite et la tu peux choisir une taille et une police différent.
Je joins une photo du navigateur mobile avec les possibilités des différentes polices et avec deux autres captures avec la police plus petit et plus grand et fond différent.
J’espère avoir pu répondre à ta question
Salutation.
https://media.joomeo.com/large/577fd2325f38a.jpg
https://media.joomeo.com/large/577fd2db89e5f.jpg
https://media.joomeo.com/large/577fd2fece8dd.jpg
Autor
Non pas du tout
De plus si le lecteur de ton site sur mobile ou tablette aurai envie de voir le contenu avec une police différente, il y a maintenant une petit icone avec 4 ligne que tu clic dans le n’aviateur et ensuite tu clic sur AA à droite et la tu peux choisir une taille et une police différent.
D'où cela sort-il ? Le hamburger de chrome ne me propose pas du tout cela.
Je n'ai pas du tout ces options que tu as sur ton navigateur.
Ensuite, je n'adhère pas du tout au fait que ce soit l'internaute qui doive modifier la taille du texte pour que cela soit lisible.
J'ai mis des copies d'écrans et tu verras que la taille de police est la même quel que soit le device. J'ai juste un bloc texte. Acceptable sur un pc, beaucoup trop gros sur un smartphone !
Je te remercie de ton intérêt pour mon problème.
En fait j'aimerai simplement que l'on puisse cacher un bloc uniquement pour une résolution mais pas les résolutions inférieures.
Smartphone : http://screencast.com/t/GamA3IQBp
PC : http://screencast.com/t/S7jtpJMK3
La taille de la police est identique, c'est à moi de gérer la taille de police dans différents blocs de texte, et cacher ou non selon la résolution.
Mais si il y a plus simple (et qui marche), je suis preneur
Pour le moment à ma connaissance ça n'existe pas dans website x5. On peut que cacher des blocs pour les mobiles mais ils apparaitront sur grand écran donc si ajoute deux fois ton texte, ton visiteur risque de voir double.
Les sites adaptatifs de websitex5 ne vont pas toucher à la grandeur de ta police mais juste adapter à la taille de l'écrans tu peux faire l'essayé en rétrécissant le navigateur de bureau ou suivre ce lien pour tester différente police ou taille de ton site pour trouver la taille la plus adapter.
http://responsinator.com/?url=google.com/chromebook
Augmenter la police de caractères dans Google Chrome Une fois le navigateur Chrome lancé, vous allez cliquer sur le bouton Menu se trouvant à gauche du bouton Home sous l’écran de votre smartphone. Dans le menu, il faudra sélectionner la rubrique Paramètres puis Accessibilité. Il reste plus qu’à faire glisser le curseur pour ajuster la taille de la police de caractères.
Mais tu peux faire une demande à website x5 d’une évolution pour pouvoir cacher des blocs sur grand écrans.
J'ai peux êtres une idée d'ou viens le problème de ton site !
J'ai besoins d'une info pour tester chez moi.
Quel police à tu utilisé pour faire ton site ?
Autor
Merci Hervé de réfléchir avec moi.
J'utilise Andalus.
Donc si tu me dis qu'il n'y a pas de possibilité d'écrire dans des tailles différentes selon le device, j'achète ! pas...
Décu...
Autor
Je pense pas que cela change quoi que ce soit la fonte.
J'ai testé avec d'autres fontes et pareil.
Ce qui est dommage, c'est que sur le style css d'un texte, tu peux mettre la taille en dur exemple size=16px ou (appelon çà ainsi) relatif : size=2; Cette solution n'a pas été retenue.
Ensuite, j'ai pas potassé à fond, j'ai préféré acheté le logiciel, mais il y a moyen de préciser dans le .css pour un style, chaque taille selon la résoution.
Me voilà déjà en train de bidouiller... Je vais fouiller les styles générés.
Mais le concept du logiciel me déplait : pourquoi voir moins de choses sur smartphone que sur PC.
Ok les cellules sont redimensionnées par le programme. Et encore, sur une page j'ai un tableau (2 cols), je m'attendais à ce que le texte soit réduit et non ! des ascenseurs !
As-tu défini (ajouter dans les préférences) ta police dans website X5 pour quel s’affiche correctement ?
Vu tes deux photos que tu m’as montrées je ne pense pas. Et c'est tout là le problème si tu regardes le site de puis ton pc tu as la police installer dessus donc pas de soucis mais si tu vas depuis ton mobile elle n’est pas installée donc il génère une autre police et la tais et la police ne sont pas respecter. Mais ce problème se fera sur tout appareil qui n’a pas cette police.
Si tu ne vois pas comment ajouter ta propre police as website x5 je te l'explique volontiers et je pense que ça va résoudre tes deux problème tai et police utilisée
Autor
Merci Hervé, je vais vérifier ce point.
Je sais ajouter les polices depuis google font et vu à peu près où poser le code. Voir après si je peux la sélectionner.
Sinon les polices proposées me conviennent.
En manipulant sur mon smartphone, au moins sur chrome, on peut zoomer dezommer avec les doigts. Donc peut-être que mon pb n'en ai plus un.
Par contre : Request for development :
Permettre de montrer des blocs en taille inférieur et pas en taille supérieur. En complément de la fonction déjà existante qui fait le contraire.
Je vais expliquer quand même ça peut servir à d’autre qui aurai le même souci.
Pour intégrer ta police d’écriture il faut aller dans préférence de website X5 et tu clic sur l’onglés police web.
Tu fais ajouter si elle n’est pas déjà
Et là tu sélectionne police web tu ajoutes ta police en TTF-WOFF-SVG-EOT
Si tu ne là pas dans ces formats-là. Je te donne une astuce tu peux la convertir sur ce site https://onlinefontconverter.com/
Et voilà tu republie ton site complet et tu verras la même police de même tai sur tous tes écrans
Et si tu prends les polices comme exemple (Tahoma) avec T et le petit vu verts tu n’as pas besoin de l’insérer.
Après il est vrai il y a les polices google qui au moins n’y a pas le problème des droit.
Mais je suis content que ton problème soie à moitier résolut
Autor
Je m'adapte au logiciel, mais le résultat n'est pas ce que je souhaitais.
Sinon, je ne trouve pas me menu "préférence de website X5".
J'ai la version 12 évolution.
Merci de m'informer.
Autor
J'ai trouvé ce menu préférence. Il apparait AVANT de sélectionner son projet sur la colonne noire de droite.
Mais impossible de charger les polices depuis c:windows\fonts alors j'ai pris des fontes google.
C'est peut-être une question de droit administrateur dans Windows tu devrais copier les polices dans documents ou bureau et ressayer de les importer.
Petit supplément d’info si devants les polices que tu choisi dans website X5 tu ne vois pas une des icônes ci-dessous c’est qu’elle n’est pas intégrée et ne sera pas visible sur tous les systèmes.
Ça doit ressembler à sa
Mais tu verras à force de l’utiliser on s’adapte
Autor
Merci a tous pour vos conseils et commentaires.
C'est à moitié résolu, pour ma page où il y a un taableau de 3 colonnes.
Au lieu de réduire la police pour que l'on voit tout le tableau, il faut déplacer l'écran sur la droite.
Je peux comprendre la philosophie choisie, pour une grand tableau, réduire la font, cela devient illisible.
Mais au final, pour que l'utilisateur sur son smartphone n'ai pas de manip à faire, il faut un tableau modeste qui fera petit depuis un PC. Tant pis.