Créer un thème avec Drupal 8

Ajouter un fichier CSS

Testez gratuitement nos 1270 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
Les CSS vous aident à gérer le style de votre site. Donc, il vous faut évidemment pouvoir ajouter vos propres fichiers CSS.
03:12

Transcription

Voyons à présent comment personnaliser votre site Drupal en y ajoutant des fichiers css. Pour commencer, vous allez dans votre dossier Formation qui correspond à votre thème graphique. On va créer un nouveau dossier, pour être structuré, on a un dossier spécifique pour les css. On va appeler notre fichier css, on l'appelle style.css, et on peut supprimer les commentaires automatiques, on peut fermer. Ensuite il va falloir créer un nouveau fichier de type yml pour déclarer votre css. En fait, le css peut tout à fait être déclaré là-dedans mais il est plus judicieux et mieux organisé de déclarer notre css dans un autre fichier. On va appeler ce fichier formation.libraries.yml. Il s'agit bien d'un fichier de librairie spécifique pour les librairies extérieures. La syntaxe est la suivante : vous tapez global css, avec l’identation respectée, bien-sûr. Pour le thème-- on est dans css, donc toujours à partir de la racine du thème, /style.css. Voilà la syntaxe à respecter pour ajouter votre scc à partir du fichier librairies. Seulement, Drupal n'a pas encore connaissance du fichier formation.libraries.yml et on va lui indiquer où trouver ce fichier. Vous allez dans votre fichier yml, (le formation.info.yml) et vous saisissez libraries: entrée, même chose, la structure est à respecter scrupuleusement. Vous tapez : formation, donc le nom du fichier/global-css. Voilà. Dans notre style, on va juste rajouter quelque chose pour tester. On va appliquer un background blueviolet sur tout le body. Ici, on va actualiser. Comme il s'agit d'une modification de fichier, bien entendu, on va rafraîchir les caches. On retourne ici, on actualise. On a bien notre fond qui a été pris en compte, ça veut dire que notre librairie a été ajoutée et que notre fichier css, inclus dans la librairie, a également été ajouté. On a bien réussi à ajouter un fichier css, donc à incorporer un fichier css dans la structure du thème de Drupal.

Créer un thème avec Drupal 8

Créez votre propre thème personnalisé Drupal avec Twig, le nouveau moteur de template. Gérez les ressources, personnalisez Drupal de façon avancée grâce aux vues, etc.

1h48 (31 vidéos)
Aucun commentaire n´est disponible actuellement
 
Logiciel :
Spécial abonnés
Date de parution :17 mars 2016

Votre formation est disponible en ligne avec option de téléchargement. Bonne nouvelle : vous ne devez pas choisir entre les deux. Dès que vous achetez une formation, vous disposez des deux options de consultation !

Le téléchargement vous permet de consulter la formation hors ligne et offre une interface plus conviviale. Si vous travaillez sur différents ordinateurs ou que vous ne voulez pas regarder la formation en une seule fois, connectez-vous sur cette page pour consulter en ligne les vidéos de la formation. Nous vous souhaitons un excellent apprentissage avec cette formation vidéo.

N'hésitez pas à nous contacter si vous avez des questions !