Je me suis dis que ce serait plus intelligent d'apprendre à utiliser Bootstrap plutôt que de poser mes petites questions au fur et à mesure.

J'ai donc suivi ce super cours qui m'a bien permis d'avancer.
Mais j'ai quand même une question. Ce serait trop facile sinon

Donc voilà mon site actuellement :




Et le code :



Oui, j'ai créé un slidojumb

Bref, je n'arrive pas à faire en sorte que les images du slider aient la même hauteur que le jumbotron (quitte à les déformer, je changerais pour des images adaptées à mon site ensuite).
Dit autrement, comment insérer parfaitement des images de tailles différentes pour qu'elles gardent la même hauteur que le jumbotron ?

Ok, alors,
plusieurs remarques !
Tout d'abord,
ton investissement en apprentissage de Boostrap 4 est un très bon investissement !
Si tu maîtrises les surcharges, tu vas pouvoir relooker les templates des modules à ta convenance, et ça, c'est cool !

Ensuite, pour ton slidojumb,

plusieurs questions :

Si tu n'es pas sur la page d'index, que veux tu afficher ?
Si tu ne met pas un tu vas te retrouver avec une largeur de colonne imposée de 5/12 vide en dehors de la page d’accueil !!!

Ensuite, je comprends ton soucis de hauteur.
En fait, il faut raisonner en conteneur ("div").
Ici tu as un conteneur principal qui utilise la classe "slidojumb" qui contient 2 conteneurs :
- div col (qui a pour largeur la largeur du conteneur père - ce que prends le conteneur suivant (col-5)
- div col-5

Remarque :
sans tester, je pense que tu peux fusionner 2 conteneurs ici :
pourrait devenir :
évidemment avec le bon nombre de fermeture de div.

Je pense que ton soucis (raisonne en conteneur), est que soit ton image n'est pas assez haute soit réduit le texte dans ton jumbotron.

Pour mieux comprendre ce qui se passe, je t'invite à commenter la partie slider pour la remplacer par une seule image responsive en ayant en tête 1 chose :
Citation :it scales with the parent element = la dimension de l'image se cale par rapport au son parent (son conteneur).

Astuce que j'utilise :
pour bien voir la taille des conteneurs, en mode dev design jajoute parfois une classe à un conteneur:

Exemple ici :
devient pour la phase de dev

Allez, bon courage !

Autre remarque,
je pense que tu peux aussi jeter un oeil sur :
https://getbootstrap.com/docs/4.4/utilities/flex/#align-items

et pour un seul div, sur ceci :
https://getbootstrap.com/docs/4.4/utilities/flex/#align-self

Evidemment, ce qui nous interesse dans les 2 cas, c'est le "stretch" !

Une autre solution moins propre à mon goût est d'utiliser le tag "w-100" à voir ici : https://getbootstrap.com/docs/4.0/utilities/sizing/

Une réponse rapide suite à ton problème (mais la solution est donnée dans mes 2 précédents posts) :

le ratio de tes images est :
(w/h) 2048/747 = 2,7

Ok, maintenant,
utilise une image qui a le ratio inverse, et tu verras le résultat !

Pour un ratio inverse, oriente ton image de 90 degré, tant pis si l'image est mal orientée, ce qui compte d'abord c'est de vérifier l'emplacement
tu as donc 747/2048 = 0.36

C'est juste un petit essai pour que tu comprennes bien comment travaille BT4 !

Bonne chance !

Ok, problème réglé ! Merci pour ton aide, Alain.

J'ai maintenant un problème qui semble plus complexe à régler. J'ai un menu dropdown dans ma navbar, comme ceci :




Donc, le menu déroulant me plaît bien. J'ai pu changer actualités en Communiqués dans main.php

Mais maintenant, j'aimerais bien lier le module Xmnews à mon menu Communiqués et faire en sorte que les 5 derniers articles Xmnews correspondent aux 5 éléments de la liste dropdown.

Malheureusement, ça ne semble pas si évident à réaliser... J'ai cherché sur Internet. J'ai trouvé quelques astuces consistant à utiliser du jQuery et une api. D'autres parlent de récupérer des flux RSS pour les afficher dans le menu.

Peut-être peut-on utiliser Smarty ? Je ne sais pas, c'est au-dessus de mes compétences.

S'il y a une solution pour afficher les 5 derniers articles, je suis preneur !

A mon avis, sans avoir testé, ultra facile, et en plus tu as tout sous la main !
Si si, tout est là !

Gestion des blocs
afficher les blocs de "actualités"
activer bloc "Articles récents"
Afficher la catégorie : toutes les catégories
Nombre d'articles à afficher : 5
Voir l'article complet : NON
Nombre de mots à afficher pour le résumé de l'article (Mettre "all" pour ne pas avoir de limite et "0" pour ne pas afficher la description) : 0

comme ça tu n'auras que le titre, pas de description.

Tu peux aussi cloner ce bloc, et noter son id et travailler avec l'id du bloc.
ça demande plus de compréhension déjà.

Vas - y progressivement,
essaye déjà la première méthode !

Ps : Main.php ?
non, il ne faut pas modifier ces fichiers là,
soit tu n'appliques pas la bonne méthode, soit tu as mal exprimé ce que tu as fait.

Je ne suis pas sûr d'avoir bien expliquer ce que je veux.

Voici ce que j'obtiens si je crée un bloc Article récents :





Or je ne veux pas afficher les articles récents sur la page d'accueil. Je veux que le visiteur puisse accéder directement aux derniers articles depuis le menu "Communiqués".

Dans mon exemple, LILALOU s'afficherait donc à la place de Topic 1 et Communiqués du LPE s'afficherait à la place de Topic 2.

À chaque fois que j'écris une news sur xmnews, le menu Communiqués se met à jour et l'affiche dans le menu.

Comme ici en somme (pour wordpress) : https://www.wpbeginner.com/wp-themes/h ... a-drop-down-in-wordpress/

Citation :

Je suis allé dans themes/xswatch4/language/french/main.php pour changer Actualités par Communiqués. Ce n'est pas la bonne façon de faire ?

Citation :
Ok, fichiers de traduction, pas de soucis !
je pensais que tu allais dans des fichiers de codes...