Comment supprimer le titre / en-tête de page?


10

Dans Drupal 8, existe-t-il un moyen facile 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é?

Réponses:


28

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


2

vous pouvez également utiliser ce module pour drupal 8 https://www.drupal.org/project/exclude_node_title

  • Ce module gère une fonctionnalité très simple, décidez quoi que ce soit pour exclure un titre de nœud de la page de nœud complète ou des teasers de nœud. Il fournit une case à cocher sur les pages de modification de nœud pour une exclusion plus facile. Fournit également la possibilité de masquer tous les titres d'un certain type de contenu. Dans l'interface d'administration, vous pouvez sélectionner un type de contenu pour lequel masquer le titre.

1
Merci beaucoup d'avoir recommandé ce module, naveen. Je cherchais quelque chose de simple, prêt à l'emploi, c'est pourquoi j'ai choisi la réponse d'acrosman. Cependant, votre suggestion semble fonctionner aussi bien et est en fait préférée si vous souhaitez masquer le titre en fonction du type de contenu. J'ai ajouté un signet à ce module au cas où cela se présenterait pour moi. Merci encore beaucoup pour votre aide!
kvjava1

Je voudrais avertir les utilisateurs de ce module; nous l'avons installé et l'avons utilisé pendant un certain temps, mais nous avons rencontré quelques problèmes surprenants: 1. Il n'est pas intégré aux vues, vous ne pouvez donc pas créer une vue qui indique quels nœuds ont leurs titres exclus ( drupal.org/ project / exclude_node_title / issues / 3065469 ), et 2. il n'est pas stocké dans les révisions, donc si vous regardez l'historique des révisions d'un nœud, il sera affiché avec son titre quoi qu'il arrive, même si cette révision a été définie sur exclure le titre du nœud ( drupal.org/project/exclude_node_title/issues/3077257 ).
user1359

1

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 le thème Bootstrap. Vous pouvez également utiliser le thème bootstrap. C'est du pur CSS, donc aucun sous-thème n'est 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 function bartik_preprocess_html(&$variables), alors ajoutez cette fonction en dernière ligne.

Vider le cache,

2. Obtenez le CSS pour ce nœud

Maintenant, si vous le faites Inspect elementsur ce nœud particulier. Vous pouvez trouver la classe dans la <body></body>section as 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


CodeNext, merci beaucoup pour votre réponse détaillée. En fait, j'ai pu accomplir ce que je devais faire auparavant, comme un hack rapide, en ajoutant le CSS suivant au fichier styles.css de mon sous-thème: .page-header {display: none; } Cependant, la réponse d'Acrosman semblait offrir l'approche la plus simple. J'ai bien aimé votre réponse également, car elle permet de comprendre comment fonctionne le thème dans Drupal8. Merci encore! J'apprécie vraiment cela.
kvjava1
En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.