- WordPress :6.1
- Statut : non résolu
- Ce sujet contient 6 réponses, 3 participants et a été mis à jour pour la dernière fois par
Flobogo, le il y a 1 année et 10 mois.
-
AuteurMessages
-
20 mars 2023 à 22 h 32 min #2449342
Bonjour,
J’aurais besoin de votre aide pour un petit soucis :
Le texte de mon site s’adapte lorsqu’on réduit la taille de la fenêtre du navigateur. De deux lignes en plain écran, il passe à 3,4 … 10 lignes et plus avec 2 mots par lignes.
Comment empêcher que le texte s’adapte et faire en sorte qu’il reste fixe comme sur le site ci dessous (la fenêtre se réduit en masquant le contenu au fur et à mesure) ?
Je crois que ça porte un nom mais je l’ai oublié.
https://www.emr-rousset.com/Merci d’avance.
25 mars 2023 à 9 h 07 min #2449958Bonjour,
Je me permets de vous relancer. J’espère avoir exposé clairement le problème.
25 mars 2023 à 10 h 05 min #2449970Bonjour,
J’espère avoir exposé clairement le problème.
mais incomplètement, on n’a pas le descriptif de la configuration, par exemple le thème.
Le comportement souhaité est du domaine de celui-ci. C’est par les CSS que ça peut éventuellement se gérer, sauf si l’auteur du thème utilise du Javascript (mes connaissances sont nulles en la matière) pour gérer la taille adaptative.
Le site donné en exemple fonctionne très différemment de WordPress, le code de la plate-forme lui est propre. Si vous vous en sentez les capacités, il faudrait en analyser le fonctionnement avec les outils de développement du navigateur.
25 mars 2023 à 11 h 45 min #2449983Voici ma configuration WP actuelle
- Version de PHP/MySQL : 6.1.1
- Thème utilisé : bravada
- Extensions en place : mailpoet – contactform 7
- Nom de l’hébergeur : o2switch
Si je comprends bien, c’est lié au thème choisi ?
Savez-vous comment s’appelle cette fonctionnalité d’affichage ?
26 mars 2023 à 0 h 25 min #2450054Bonjour,
Le site donné en exemple n’est pas responsive ( => affichage partiellement masque lorsqu’on réduit la fenêtre), ce n’est pas du tout adapté à la navigation sur téléphone … et c’est donc très mal vu par notre ami GG.
Pour que le texte ne prenne pas des dizaines de lignes lorsqu’on réduit la fenêtre, il faut que la taille du texte diminue. Un thème correctement construit doit comporter du CSS adapté selon la taille d’écran, appelé « media-queries ».
Un conseil : changez de thème ! Ou adaptez vous-même le CSS en créant un thème-enfant et en ajoutant de nouvelles règles CSS pour les petits écrans. (quelques infos de base sur les media-queries)
26 mars 2023 à 9 h 44 min #2450083Bonjour,
Merci @Flobogo pour ces informations détaillées.
Ok le site n’est pas responsive mais pourtant il fonctionne très bien sur les téléphones, mis à part un seul texte trop grand.
Quand je réduis la plupart des sites, y compris celui du forum wpfr.net, la taille du texte ne diminue pas. D’ailleurs wpfr.net se comporte comme mon site, tout comme youtube.
Pour mon thème (bravada), les critiques disent « Bravada est un thème WordPress plein écran sans précédent qui a l’air incroyable, se comporte parfaitement et s’adapte à n’importe quel écran. »
Donc, je suis perdu.
J’ai l’impression dans l’exemple donné que tout le site est placé dans un conteneur à largeur fixe.
26 mars 2023 à 19 h 18 min #2450178mis à part un seul texte trop grand
Probablement une balise (une <div> ?) qui contient ce texte avec une largeur de texte imposée. Il faudrait voir la page en question, et regarder précisément les balises qui l’entourent avec leurs règles CSS.
Quand je réduis la plupart des sites, y compris celui du forum wpfr.net, la taille du texte ne diminue pas.
Ça dépende de la taille de texte au départ. Souvent, les titres peuvent être réduits sur écran plus petits, pas forcément le texte de contenu.
-
AuteurMessages
- Vous devez être connecté pour répondre à ce sujet.