Titre de taille variable selon le display dans Twenty Twenty-Two

WordPress :6.1
Statut : non résolu

Ce sujet contient 3 réponses, 2 participants et a été mis à jour pour la dernière fois par Rock4Temps, le il y a 5 mois et 3 semaines.

4 sujets de 1 à 4 (sur un total de 4)

Auteur

Messages
6 avril 2023 à 12 h 32 min #2451487
matinrouge
Participant

Initié WordPress
45 contributions
Bonjour,

Ma configuration WP actuelle
- Version de PHP/MySQL :
- Thème utilisé : Twenty Twenty-Two
- Extensions en place : Nombreuses
- Nom de l’hébergeur : O2SWITCH
- Adresse du site :
Problème(s) rencontré(s) :
Je suis passé au FSE avec le thème Twenty Twenty-Two mais le problème, c’est la gestion des tailles des polices selon la taille de l’écran, surtout des titres.
J’aimerais qu’ils soient proportionnels à la largeur de l’écran, genre fluide, sans devoir passer par le CSS et les requêtes média ce qui est lourd et pas vraiment pratique.
Je me demande aussi, s’il y aurait un intérêt de passer à Twenty Twenty-Tree pour moi.
J’aime beaucoup les blocks, mais si je pouvais facilement gérer la taille des caractères, cela serait bien.
7 avril 2023 à 8 h 07 min #2451571

Rock4Temps
Participant

Maître WordPress
826 contributions

Bonjour,

Si le thème FSE comporte un fichier theme.json alors cet Article peut vous intéresser.

7 avril 2023 à 9 h 57 min #2451580
matinrouge
Participant

Initié WordPress
45 contributions
Merci pour la réponse.

J’ai lu cet article (ou un autre dans le genre), j’en conclu que Twenty Twenty-Two n’a pas de typo fluid.
Mais, que je pourrai peut-être ajouter dans le theme.json (celui du thème enfant) une partie qui définie des typos fluides et les règles adaptées (et que cela remplacerait les autres règles).

Le theme.json est probablement une bonne chose, mais j’ai du mal à tout comprendre…

Pourtant, dans theme.json, il y a :
```
			"typography": {
				"font-size": {
					"huge": "clamp(2.25rem, 4vw, 2.75rem)",
					"gigantic": "clamp(2.75rem, 6vw, 3.25rem)",
					"colossal": "clamp(3.25rem, 8vw, 6.25rem)"
				},
```
Ce qui sert pour des titres réactifs ou comment faire sans le dire !
- Cette réponse a été modifiée le il y a 5 mois et 3 semaines par matinrouge.
7 avril 2023 à 13 h 09 min #2451607
Rock4Temps
Participant

Maître WordPress
826 contributions
Si vous vraiment utiliser un thème FSE il faut avoir WordPress 6.2 qui apporte des améliorations aux thèmes FSE et notamment pour les typo fluides ICI .

Voir un résumé des fonctionnalités de WordPress 6.2 ICI

Utiliser le dernier thème twenty twenty three.

Comme indiquer dans l’article du précédent message il faut que les typos fluide soit activé dans thème.json
```
{
	"version": 2,
	"settings": {
		"typography": {
			"fluid": true,
```
ensuite l’application des typos fluides se fait avec le sélecteur de taille petite moyenne large etc… de la barre latérale de l’éditeur ou par une taille personnalisée à un bloc paragraphe par ex.
Auteur

Messages