Submitted by dataes on
Bonjour, je suis débutant, j'ai fait un petit forum grâce à Views de Drupal8 avec un thème Bootstrap.
J'essaie de customiser le CSS, pour cela j'ai regardé ce Tuto :
http://flocondetoile.fr/blog/la-gestion-des-librairies-avec-drupal-8
Eh bien, je n'y arrive pas...
Mon cheminement:
sites/all/themes/bootstrap/bootstrap.libraries.yml
Ajout:
#Custom
style:
version: 1.x
css:
theme:
css/style.css: {}
sites/all/themes/bootstrap/bootstrap.info.yml
Ajout:
# custom css
name: style
type: theme
base theme: bootstrap
description: 'A custom sub-theme, recolorable, based on Bootstrap'
package: Core
core: 8.x
libraries:
- style/general
Et un ajout d'un fichier style.css dans le dossier css de bootstrap.
Vidage des caches...
Et rien.
Quelqu'un saurait m'aider?
Merci
Toute la doc sur le theming
Permalien Soumis par Qazema le 7 Octobre, 2016 - 08:57
Toute la doc sur le theming de Drupal 8 est dispo ici :
https://www.drupal.org/docs/8/theming
Justement, j'ai suivi cette
Permalien Soumis par dataes le 7 Octobre, 2016 - 12:08
Justement, j'ai suivi cette aide :
voir
Si tu lis bien la doc que je
Permalien Soumis par Qazema le 7 Octobre, 2016 - 13:00
Si tu lis bien la doc que je t'ai fourni, tu verrais que ton thème est situé au mauvais endroit :)
Sur D7 on les mettait bien dans site/all/themes/ ou site/nomdusite/themes/.
Ce n'est plus le cas sur D8 ou le dossier theme se trouve directement à la racine.
Bon j'ai suivi le tuto :
Permalien Soumis par dataes le 10 Octobre, 2016 - 13:34
Bon j'ai suivi le tuto : https://www.drupal.org/docs/8/theming-drupal-8/creating-a-drupal-8-sub-t...
J'ai replacé dans le bon dossier, themes de drupal.
Dans thème j'ai donc bootstrap qui fonctionne et j'ai crée un dossier customcss avec dedans:
-un dossier css avec un fichier css, juste un background-color pour tester.
-un fichier customcss.info.yml
name: customcss
type: theme
description: This is a customcss sub theme of bootstrap
core: 8.x
# Defines the base theme
base theme: Bootstrap
# Defines libraries group in which we can add css/js.
libraries:
- customcss/global-styling
# Regions
regions:
navigation: Navigation
navigation_collapsible: Navigation (Collapsible)
header: Top Bar
highlighted: Highlighted'
help: Help
content: Content
sidebar_first: Primary
sidebar_second: Secondary
footer: Footer
page_top: Page top
page_bottom: Page bottom
-un fichier customcss.libraries.yml
global-styling:
css:
component:
css/style.css: {}
Ca ne fonctionne pas.. Je continue de chercher d'essayer.. :(
J'ai réussi grâce à ce tuto
Permalien Soumis par dataes le 10 Octobre, 2016 - 14:01
J'ai réussi grâce à ce tuto video :
https://www.youtube.com/watch?v=xSEvkvLaVjw
Il fallait prendre le cdn, je n'ai pas trouvé ca dans la doc...
Sujet résolu