Dans Drupal 8, existe-t-il un moyen simple de configurer une page de sorte que son en-tête/titre de page ne s'affiche pas sur la page?
J'ai créé une page de base, avec/home comme alias de chemin et Home comme titre. Je l'ai mis en première page. Cependant, il affiche "Accueil" en haut de la page, juste en dessous de la barre de navigation et du fil d'Ariane.
Est-il nécessaire de créer un sous-thème du thème "Bootstrap" et d'ajouter en quelque sorte du CSS personnalisé?
Drupal 8 place le titre de la page dans son propre bloc (appelé Titre de la page). Vous pouvez contrôler quand et où ce bloc s'affiche sur la page de présentation du bloc:/admin/structure/block
vous pouvez également utiliser ce module pour drupal 8 https://www.drupal.org/project/exclude_node_title
Vous pouvez le faire entièrement avec CSS. Vous devez cibler ce nœud que vous utilisez comme page d'accueil.
Maintenant, Drupal-7 générait une classe spécifique pour chaque nœud. Et de cette façon, il était facile de cibler chaque nœud individuel et nous avons pu appliquer le CSS spécifique à ce nœud particulier.
Mais, dans Drupal 8 cette propriété n'est pas disponible, nous devons donc l'ajouter. Suivez les étapes suivantes. Je le montre en utilisant le thème Bartik car je ne connais pas Bootstrap theme. Vous pouvez le faire avec bootstrap theme also. C'est du CSS pur, donc pas de sous-thème nécessaire.
1. Ajoutez la fonction au fichier bartik.theme.
if ($node = \Drupal::request()->attributes->get('node')) { $variables['attributes']['class'][] = 'page-node-' . $node->id(); }
dans la section de,
function bartik_preprocess_html(&$variables) {
}
Pourquoi je montre cette façon, car il y a déjà d'autres codes dans function bartik_preprocess_html(&$variables)
, alors ajoutez cette fonction comme dernière ligne.
Vider le cache,
2. Obtenez le CSS pour ce nœud
Maintenant, si vous faites Inspect element
Sur ce nœud particulier. Vous pouvez trouver la classe dans la section <body></body>
En tant que page-node-XX
.
3. Allez dans core/themes/bartik/css/components/page-title.css, et ajoutez le code suivant,
.page-node-XX .page-title { display: none; }
Vider le cache,
Maintenant, de cette façon, vous pouvez cibler ce nœud particulier et vous pouvez faire tout CSS que vous souhaitez appliquer.
Crédit pour le code de fonction: Lien