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/