Bonsoir PaliPalo,
merci à nouveau pour tes explications très détaillées.
Le choix que j’ai fait pour mon site est la quatrième option, celle du site personnalisé, avec une page simple avec carrousel.
Étant donné mes compétences (plutôt précaires) en informatique, je ne fais qu’adapter le modèle en en comprenant petit à petit le fonctionnement.
Comme tu dois le savoir, mais ça peut servir à d’autres, dans le menu des Pages de l’administration, le principe du carrousel est:
-
D’abord la page avec carrousel,
-
qui est composée de plusieurs modules (what we do, team, clients, porfolio) dont on peut modifier le texte (j’avoue quelquefois avec quelque difficulté, d’autant qu’il y a quelques bugs),
-
mais surtout composé aussi du module carrousel showcase, qui est très important car c’est lui qui détermine la page d’accueil en carrousel du site (le diaporama/slide avec les flèches pour se déplacer à droite à gauche). C’est dans le front matter du showcase, en mode expert, que l’on modifie le texte (Titre, sous-titre, bouton de chaque diapo et j’imagine que l’on peut y rajouter autre chose, mais je ne m’y suis pas essayée encore). On aussi rajouter des diapositives, à condition de rajouter aussi leur module équivalent (team2, portfolio2…)
Voilà l’étendue de mes connaissance, mais je pense que tu connais tout ça.
Par tes explications, j’ai modifié les couleurs de la page d’accueil en carrousel en mettant ton premier exemple dans la zone markdown du module showcase. Et effectivement, les couleurs des titres, sous-titre et bouton ont changé. C’est magnifique.
Je me suis aussi amusée à faire différents formatages (gras, couleur de fond, italique…) J’ai compris à cette occasion qu’il fallait utiliser une syntaxe css sans que ce soit complètement du css (vraiment curieux, mais bon…) Par contre opacity: ne fonctionne pas, et peut être d’autres, je ne sais pas pourquoi.
<style>
div.modular-row > h1 { color: red; background-color:#E6E6FA; font-style:italic; }
div.modular-row > h2 { color: blue; }
div.modular-row > a.button { color: green; font-weight: bold;; background-color:yellow; }
</style>
Par contre, comme tu l’as écrit, et si j’ai bien compris, cette méthode change le formatage des titre, sous-titre et bouton de toutes les diapos d’un carrousel. L’autre code que tu donnes avec une id concernerait un autre carrousel, mais il n’y en a qu’un seul dans mon site.
j’ai essayé de changer de couleur de caractères pour chaque diapo/slide d’un unique carrousel, mais je n’ai pas réussi. Le problème est que je n’ai pas trouvé comment différencier chaque diapo.
Mais c’est quand même un très grand progrès.
Merci encore, et à bientôt pour de nouvelles aventures,
PS: quand je parle de bugs, par exemple j’ai essayé de mettre d’autres photos que celles de jane, Peter etc. données en exemple pour le module team, et je n’ai pas réussi (et ce n’est pas faute d’avoir essayé). J’ai fait des vrais/faux médaillons de mes propres photos que j’ai mis à la place en laissant vide l’espace de la photo de g-team et en mettant ma photo en dessous. J’ai également réussi, sans comprendre comment, à centrer la photo. Comme je suis incapable de recommencer la manip, quand j’ai besoin d’une photo centrée, je fais un copier-coller, puis je change la photo. Un peu galère, mais ça ira jusqu’à ce que je maîtrise mieux la bête.