Cramnurbel

Cette page est en lecture seule. Vous pouvez afficher le texte source, mais ne pourrez pas le modifier. Contactez votre administrateur si vous pensez qu'il s'agit d'une erreur.

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

Sources:
  * [[https://blog.templatetoaster.com/create-drupal-theme-from-scratch/]]

Nom du thème créé : **Theme01**

  * Créer le dossier **/themes/custom/Theme01**
  * Y créer l'arborescente suivante :

<code>
themes
    custom
        Theme01
            css
                style.css
            js
                main.js
            templates
                page.html.twig
            Theme01.info.yml
            Theme01.libraries.yml
</code>

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

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

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

<code yaml>
global:
  css:
    theme:
      css/style.css: {}
  js:
    js/main.js: {}
  dependencies:
    - core/jquery
</code>

Redéfinir le template "**page.html.twig**"

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

<code 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>
</code>

Cramnurbel

Outils pour utilisateurs

Outils du site

Outils de la page