Appeler un CSS perso pour la page d'accueil par défaut Drupal 8

Information importante

En raison d'un grand nombre d'inscriptions de spammers sur notre site, polluant sans relache notre forum, nous suspendons la création de compte via le formulaire de "sign up".

Il est néanmoins toujours possible de devenir adhérent•e en faisant la demande sur cette page, rubrique "Inscription" : https://www.drupal.fr/contact


De plus, le forum est désormais "interdit en écriture". Il n'est plus autorisé d'y écrire un sujet/billet/commentaire.

Pour contacter la communauté, merci de rejoindre le slack "drupalfrance".

Si vous voulez contacter le bureau de l'association, utilisez le formulaire disponible ici, ou envoyez-nous un DM sur twitter.

Submitted by pitipier on

Bonjour,

J’essaie de prendre en main Drupal 8 et je bloque sur la page qui est affichée en page d'accueil
Si j’examine cette page avec Firebug, je vois que dans le head l’appel au fichier bootstrap.min.css

<link rel="stylesheet" href="//cdn.jsdelivr.net/bootstrap/3.3.5/css/bootstrap.min.css" media="all">
Ce qui est normal vu que j’utilise le thème Bootstrap pour ce site.
Je souhaite modifier l’élément .navbar-brand de ce fichier pour augmenter la taille de la police.
Mais j’ai compris aussi qu’il fallait éviter de faire des modifications dans ce fichier bootstrap.min.css et plutôt modifier l’élément dans un fichier CSS personnalisé.
Je crée donc un fichier customstyle.css qui contient cette déclaration de style à affecter à .navbar-brand :

.navbar-brand {
float: left;
height: 50px;
padding: 15px 15px;
font-size: 28px
line-height: 20px
}

Jusque là tout va bien.

Mais maintenant ce que je ne sais pas faire c’est appeler ce fichier de style personnalisé dans la page du site.
Je pense qu’il faut ajouter une ligne dans le head de la page qui doit ressembler à ça :
<link rel="stylesheet" href=« /sites/default/files/css/customstyle.css«  media="all">
Et c’est là que je bloque, je ne sais pas dans quel fichier ajouter cette ligne parce que je ne connais pas le nom de la page qui s’affiche à l’ouverture du site.
J’ai bien vu dans configuration/paramètres de base du site que la page d’accueil par défaut est http://monsite.fr/node mais je ne trouve pas cette page « node » dans l’arborescence des fichiers du site

Comment puis-je donc linker vers ce CSS personnalisé dans ma page d'accueil par défaut ?

Merci d’avance pour votre aide.

Pierre

Forum : 
Support général
Version de Drupal : 
8.x
Tags : 
drupal8
frontpage
page d'accueil

Soumis par vincent59 le 24 Juillet, 2016 - 18:54

Je pense que le plus "propre" serait d'avoir un thème spécifique, sous-thème de Bootstrap.

Dans ce nouveau thème il faudra créer un fichier montheme.libraries.yml dans lequel sont listés les fichiers css ou js que l'on utilisera.

Pour la page d'accueil, je pense que ça peut passer par un template twig spécifique. Sous Drupal 7 on avait des "pre-process" mais je ne sais pas si ça existe encore sous Drupal 8.
Il faut plutôt utiliser "attach_library" dans un template Twig

Cf : https://www.drupal.org/theme-guide/8/assets