Ajouter un entête avec le titre de la page

[FougereBle]

Bonsoir !

J'ai créer un petit site d'exemple avec Joomla! et j'ai installé le thème Helix Ultimate que j'ai un peu customisé.

Je me retrouve avec ce résultat :



J'ai réaliser la même chose sur WordPress (CMS que je maîtrise beaucoup - mais vraiment - mieux que Joomla). J'ai simplement ajouté un petit header à mes pages qui affiche le titre de la page, avec une image de fond qui correspondrait, sur Joomla, à l'image d'intro de l'article.

Voici le résultat avec WordPress :



Pour faire ça sur Joomla, j'ai pensé à ajouter un template "with_title" dans mon theme (html/com_content/article/). J'ai réussi à le faire, le problème, c'est que ce header qui contient le titre de l'article n'est pas en pleine largeur comme sur ma seconde image, n'est pas collé au header avec le logo et le menu, et n'est pas au dessus de la Sidebar.

En fait, de ce que j'en ai compris, com_content, c'est juste le contenu de l'article. Dans l'idéal, je devrait ajouter ce header dans le index.php de mon theme, mais j'y vois plusieurs problèmes, comme par exemple, que je ne pourrais pas choisir, dans l'édition d'un article, si je veux afficher ce header ou pas. Aussi, je ne sais pas si on peut accéder au titre de la page dans ce fichier et, enfin, je ne sais pas si c'est vraiment la bonne façon de faire (je ne pense pas).

J'ai fait quelques recherches sur internet, mais je n'ai rien trouvé. En même temps, je ne savais pas trop quoi chercher.

Pouvez-vous m'indiquer comment faire ?

Je vous remercie encore une fois pour votre aide.

Bonne soirée !

[dolmenhir]

Salut,

Avec Helix Ultimate, il faut d'abord avoir, dans le template, une zone dédiée au titre dans le layout builder.
Mais c'est normalement le cas par défaut.

Ensuite, il faut aller dans le menu qui pointe vers l'article, ou vers le blog de catégorie de cet article, et paramétrer les éléments de l'onglet "Page Title".
Attention, ce titre là peut se retrouver en doublon avec le titre de l'article (onglet "paramètres" du lien de menu s'il pointe vers un article), ou avec le titre du menu via le système natif géré dans l'onglet "paramètres d'affichage de la page".

A savoir, si cet élément de menu pointe vers un blog de catégorie, tous les articles consultés de cette catégorie auront le même "Page Title".
Il conviendra donc de donner à ce titre une valeur de type "H2" et de mettre la valeur de "Titre de l'article" sur "Afficher" depuis l'onglet "Paramètres" du menu.
Le titre de l'article prendra alors le statut H1.

Dol.

[FougereBle]

Merci pour ta réponse.

Oui, j'ai vu qu'il était possible de faire ça nativement avec ce template. Mais, dans le but d'apprendre, j'aimerais pouvoir refaire ça sans cette fonctionnalité.

Aussi, cela me permettra de le faire pour n'importe quel template. Et ça me permettra aussi de bien comprendre comment tout cela fonctionne, pour pouvoir faire encore plus la prochaine fois.

Mais merci encore pour ton aide.

Edit : D'ailleurs, je ne l'ai peut être pas préciser, mais j'aimerais faire en sorte qu'il soit simple d'activer ou non cet entête. Soit via la selection d'un template, soit une autre méthode (checkbox à cocher ou ce genre de chose).

[dolmenhir]

Merci pour ta réponse.

Oui, j'ai vu qu'il était possible de faire ça nativement avec ce template. Mais, dans le but d'apprendre, j'aimerais pouvoir refaire ça sans cette fonctionnalité.

Aussi, cela me permettra de le faire pour n'importe quel template. Et ça me permettra aussi de bien comprendre comment tout cela fonctionne, pour pouvoir faire encore plus la prochaine fois.

Mais merci encore pour ton aide.

Edit : D'ailleurs, je ne l'ai peut être pas préciser, mais j'aimerais faire en sorte qu'il soit simple d'activer ou non cet entête. Soit via la selection d'un template, soit une autre méthode (checkbox à cocher ou ce genre de chose).

Si tu veux modifier le rendu visuel d'un template, par exemple en faisant un override du com_content, c'est à ce template uniquement que la modification s'appliquera, et pas aux autres (sauf si tu dupliques ton override vers un autre template).

Si tu veux une solution transversale, utilisable quel que soit le template, il vaut mieux réaliser un plug-in qui viendra mettre une "surcouche" à la volée à chacune de tes pages.
De plus, tu pourras intégrer dans les paramètres de ton plug-in toutes les fonctions complémentaires, comme le choix d'une couleur ou d'image d'arrière-plan, d'une typo, d'un classe de titre (h1, h2...), etc...
Le plug-in, lui, s'active ou pas selon le bon vouloir de l'administrateur.

Dol.

[FougereBle]

Mmhhh... Je ne vois pas trop ce qu'un plugin viens faire ici, car c'est bien un thème que je souhaite modifier pour y ajouter une div. Mais c'est peut être car je ne connais pas Joomla, et que c'est comme ça qu'il faut faire.

J'ai un peu regarder dans les fichiers, j'ai réussi à faire un truc. J'ai modifié le index.php du thème, j'ai ajouté une div avec le titre de l'item du menu. Ca fonctionne bien, après j'ai pas moyen d'y mettre une image en plus (sélection d'une image), et je sais pas si ce fichier index.php sera écraser ou pas à la prochaine MAJ (je pense que si...).

Bon, même si je trouve toujours cela très étrange de passer par un plugin pour ça, j'apprendrais à en développer plus tard. Je vais explorer encore un peu plus le CMS avant.

Merci pour ton aide !

[dolmenhir]

Mmhhh... Je ne vois pas trop ce qu'un plugin viens faire ici, car c'est bien un thème que je souhaite modifier pour y ajouter une div. Mais c'est peut être car je ne connais pas Joomla, et que c'est comme ça qu'il faut faire.

J'ai un peu regarder dans les fichiers, j'ai réussi à faire un truc. J'ai modifié le index.php du thème, j'ai ajouté une div avec le titre de l'item du menu. Ca fonctionne bien, après j'ai pas moyen d'y mettre une image en plus (sélection d'une image), et je sais pas si ce fichier index.php sera écraser ou pas à la prochaine MAJ (je pense que si...).

Bon, même si je trouve toujours cela très étrange de passer par un plugin pour ça, j'apprendrais à en développer plus tard. Je vais explorer encore un peu plus le CMS avant.

Merci pour ton aide !

Le plugin-in est une solution parmi d'autre, mais effectivement, si le besoin ne consiste qu'à modifier un template, c'est inutile.
L'intérêt d'un plug-in c'est qu'il peut fonctionner sans jamais se soucier du template utilisé, et c'est ce que tu évoques dans un de tes messages.

Aussi, cela me permettra de le faire pour n'importe quel template

Pour un besoin plus "simple", on fait un override du fichier concerné, plutôt que de modifier le fichier original. Cela évitera que les modification faites ne disparaissent lors d'une mise à jour.
L'override est une copie de l'original qui sera chargé à sa place. Du coup on le modifie comme on le souhaite, et si on est pas content du résultat, on le supprime et tout rentre dans l'ordre.

Après tu veux modifier un template qui est déjà conçu pour faire ce que tu souhaites. Là je comprend pas l'intérêt. Mais bon, à chacun ses petits plaisirs

Donc, je te suggères de faire un override de ton fichier et d'y ajouter tout le code que tu veux pour parvenir à tes fins.
Pour faire un override, tu peux passer par :
> Extensions > Templates > Templates
Puis sélectionner ton template
> Onglet "créer des substitutions"
Et là tu overrides tous les fichiers que tu veux.

Mais un Helix Ultimate est un framework, qui utilise son propre environnement de fichiers pour personnaliser son affichage, principalement en le controlant via les paramètres proposés dans la configuration du template.
Pour modifier ça, tu devras intervenir directement dans le code des fichiers concernés (pour le Titre c'est le fichier "title" dans le dossier "features" du template).
Mais tu prends le risque de tout perdre lors d'une mise à jour du framework.
Je te conseille donc de travailler sur une copie du template qui, elle, ne sera pas impactée par les màj.

Pour te faire la main sur des templates plus "basiques", penche-toi plutôt sur le template "Protostar", ou alors inspires-t-en pour faire ton propre template (c'est pas très compliqué).

Dol.

[Tortue Genial 69]

tu as ce module qui te permet d'afficher le titre d'un article automatiquement..je sais pas si ça répond à ton besoin :

https://www.joomlart.com/joomla/extensions/ja-masshead-module