Outils pour utilisateurs

Outils du site


drupal8:themes:ecriture_theme_depuis_zero

Écriture d'un thème depuis zéro

Sources:

Nom du thème créé : Theme01

  • Créer le dossier /themes/custom/Theme01
  • Y créer l'arborescente suivante :
themes
    custom
        Theme01
            css
                style.css
            js
                main.js
            templates
                page.html.twig
            Theme01.info.yml
            Theme01.libraries.yml

Fichier /themes/custom/Theme01/Theme01.info.yml

name: Theme01
type: theme
core: 8.x
libraries:
  - Theme01/global
regions:
  header: Header
  content: Content
  footer: Footer

Fichier /themes/custom/Theme01/Theme01.libraries.yml

global:
  css:
    theme:
      css/style.css: {}
  js:
    js/main.js: {}
  dependencies:
    - core/jquery

Redéfinir le template “page.html.twig

Fichier /themes/custom/Theme01/templates/page.html.twig

<!-- région "header" -->
<div class="header">
    {{page.header}}
</div>
<!-- région "content" -->
<div class="content">
    {{page.content}}
</div>
<!-- région "footer" -->
<div class="footer">
    {{page.footer}}
</div>
drupal8/themes/ecriture_theme_depuis_zero.txt · Dernière modification: 2019/08/11 05:49 par marclebrun