Theming

                      
                        
    

Theming

Per realizzare un tema in Drupal 8 è necessario creare una cartella all'interno della cartella: sites/default/theme/miotemplate A questo punto è necessario creare un primo file che contiene le informazioni base del tema: file: miotemplate.info.yml

name: miotemplate
type: theme
core: 8.x
version: '1.0.0'
 
libraries:
    - 'miotemplate/global-styling'
 
regions:
    headline: headline
    header: header
    content: content
    sidebar: sidebar
    footer: Footer

La parte "libraries" serve a richiamare i file definiti nel file miotemplate.libraries.yml e definito da quel determinato namespace. Di qui il contenuto del file miotemplate.info.yml:

global-styling:
  version: VERSION
  css:
    theme:
      '//fonts.googleapis.com/css?family=Exo:400,300,300italic,500,400italic,500italic,600,600italic,700,700italic%7CMerriweather:400,300,300italic,400italic,700,700italic': { type: external, minified: true }
      css/theme/bootstrap.min.css: {}
      css/theme/font-awesome.min.css:  {}
      css/theme/global.css:            {}
      css/theme/settings.css:          {}
      css/theme/style.css:             {}
      css/theme/responsive.css:        {}
      # css/theme/transition-effect.css: {}
      css/theme/skin.less:             {}
  js:
    # js/jquery-1.11.2.min.js:               { weight: 0 }
    js/bootstrap.min.js:               {}
    js/less.js:               {}
    js/owl.carousel.min.js:               {}
    js/jquery.themepunch.tools.min.js:               {}
    js/jquery.themepunch.revolution.min.js:               {}
    js/jquery.revolution.js:               {}
    js//vailidation.js:               {}
    js/site.js:               {}
 
  dependencies:
    - core/jquery

Qui sono visibile le più probabili combinazioni di file necessari. in pratica si possono richiamare risorse esterne (come i font di google) o i file creati da voi. La sezione "dependecies" indica di caricare jQuery nel vostro template. Ovviamente, il file css dovranno essere inseriti in /sites/default/themes/miotemplate/css/theme e i file javascript in /sites/default/themes/miotemplate/js/