Taille des images Topic is solved

[pjuignet]

Bonjour,
Il est conseillé d'indiquer la taille des images.
le module média de J4 accepte maintenant les images au format .webp, mais on ne peut pas indiquer la taille (width / height) par le module.
Quelqu'un connait il un moyen de contourner ce problème ?

Merci d'avance.

[sarki]

Hello,
Par défaut la taille est insérée même s'il n'y a pas de champ pour l'indiquer.
Si après tu veux changer la taille, tu peux utiliser les poignées qui s'affichent après sélection de l'image dans le contenu.

Je te conseille d'installer l'éditeur JCE qui te permettra d'insérer des images en indiquant les tailles dans des champs et bien plus
Après installation, il faut l'indiquer comme éditeur par défaut dans la configuration globale de Joomla.
Site officiel : https://www.joomlacontenteditor.net/
Version FR : https://www.sarki.ch/jce

[pjuignet]

Merci pour ta réponse
Là ce n'est pas une image dans un article c'est le logo du site
Lighthouse me dit :
Image elements do not have explicit width and height
Set an explicit width and height on image elements to reduce layout shifts and improve CLS. Learn moreCLS
URL
Philosophie, science et société
<img src="/images/headers/Logo825-94.webp" alt="Philosophie, science et société">

[sarki]

Je ne sais pas de quel template tu parles, donc de la manière où tu dois insérer l'image...
JCE peut remplacer le media manager de Joomla si tu le précise dans les paramètres.
Cela dit si le template est fait correctement c'est le container qui doit donner la taille à l'image, container qui peut changer de taille selon la résolution d'écran, il n'y a donc pas nécessité de donner une taille à l'image.
As-tu une URL que je puisse voir de quoi tu parles ?
Si tu ne veux pas la mettre ici tu peux me la transmettre en messagerie privée en cliquant sur mon pseudo

[pjuignet]

Bonjour Sarki

Template cassiopea de Joomla 4.1.4
Url : https://philosciences.com

"il n'y a donc pas nécessité de donner une taille à l'image" : dans ce cas, rien à faire ...

"JCE peut remplacer le media manager de Joomla si tu le précise dans les paramètres." je vais essayer pour voir.

[sarki]

Je viens de vérifier, si JCE est paramétré pour remplacer le gestionnaire de médias de Joomla c'est bien son gestionnaire de fichiers qui est affiché, mais pas le gestionnaire d'images qui permet de spécifier des valeurs de largeur/hauteur...
C'est sympa comme tu l'as adapté ton template
Perso je cacherai le mot "Détails" du bloc sous le titre que je ne trouve pas opportun, et mettrai les éléments en ligne comme tu peux le voir sur ce site test : https://joomla4.sarki.ch/fr/
Il faut pour cela ajouter dans le CSS :

Code: Select all

.article-info-term {
  display: none;
}
.article-info dd {
  display: inline-block;
  margin-right: 15px;
}

Il y a par contre un effet anormal sur ton site quand on change de page, ou l'ensemble des contenus prend toute la largeur l'espace d'un instant, et je vois plusieurs erreurs JavaScript notamment liées au module de recherche.
C'est surprenant car à priori tu n'as rien de spécial sur cette page et sur mon site exemple j'ai également la recherche...

[Olympe30]

Cela dit si le template est fait correctement c'est le container qui doit donner la taille à l'image, container qui peut changer de taille selon la résolution d'écran, il n'y a donc pas nécessité de donner une taille à l'image.

Bonjour @sarki

Y a t-il une solution pour empêcher JCE de donner une taille aux images et iframes? Merci

[sarki]

Ce n'est pas un problème qu'une image ait une valeur de 500px de large, si l'écran est plus petit elle s'adaptera.
Cela dit, dans le gestionnaire d'images tu as les valeurs de hauteur et largeur qui s'affichent lorsque tu cliques sur une image, si tu les effaces elles ne seront pas intégrées dans le code

[Olympe30]

Merci

[pjuignet]

Bonjour et merci de ton aide,

C'est sympa comme tu l'as adapté ton template

Merci J'ai aussi pensé ergonomie pour avoir un affichage rapide.

Perso je cacherai le mot "Détails" du bloc sous le titre que je ne trouve pas opportun, et mettrai les éléments en ligne

C'est une bonne idée je n'y avais pas pensé.
Je vais utiliser ton code. Mon template aura donc une touche "sarki" .

Il y a par contre un effet anormal sur ton site quand on change de page, ou l'ensemble des contenus prend toute la largeur l'espace d'un instant

Pour ma part je ne le vois pas, mais c'est inquiétant ça voudrait dire qu'on passe d'un mode d'affichage à un autre.

et je vois plusieurs erreurs JavaScript notamment liées au module de recherche.

ça me dépasse, je n'ai pas touché au Javascript ???

[sarki]

Salut pjuignet,
désolé j'ai voulu te répondre puis ai oublié...
Je viens d'aller voir sur ton site et je n'ai plus cette effet au changement de page, je ne vois plus non plus d'erreur JavaScript
Je pense que tu as trouvé la source du problème, bravo