CriandoThema para Drupal 8 parte 1 | Indev Web
Drupal Thema Bootstrap 4

Estrutura e Arquivos Basicos

Nesse artigo irei mostrar como é fácil criar umThema para Drupal, por ser algo um pouco grande para se explicar irei dividir em algumas partes.

Nosso Thema para Drupal 8 será bem simples, porem irá abrdar tudo que você precisa saber para criar o seu.

 

VHost Nginx

 

Bem antes de começar vamos montar o vhost, por muito tempo use o apache, mas como a ideia é aprender a usar novas , tecnologias irei usar o Nginx, se nunca usou, ou não tem intimidade leia o artigo VHost Com Nginx

recomendo que usem essa configuração VHost

 

Estrutura 

Nossa estrutura de pasta sera a seguinte

- themas
 - bootstrap4 (nosso Thema)
   - css
   - js
   - image
   -templates

essa é nossa estrutura de pasta, aora vamos por a mão na massa, primeiro vamos criar o arquivo principal de nosso tema.

bootstrap4.info.yml

 

apos criar esse arquivo vamos entender algumas coisas

 

name: Bootstrap 4 #nome do thema

description: Thema base with bootstrap 4 # descrição do Thema

type: theme  #tipo 

core: 8.x  # versão do core do Drupal

 

libraries:  #onde colocaremos o css e js

- bootstrap4/global-css 

- bootstrap4/global-js

stylesheets-remove: # remove css que não iremos usar do core do drupal

- core/themes/stable/css/views/views.module.css

- core/themes/stable/css/system/components/align.module.css

 

regions: # onde seram as regiões editáveis no nosso Thema

content: 'Main Content'

header: 'Header'

footer: 'Footer'

main_navegation: 'Main Navegation'

 

gora vamos ao arquivo que inclui nosso css e js

bootstrap4.libraries.yml

 

agora que ja colocamos nossos rquivos vamos criar nossa pagina que irá renderizar isso, o nome que o drupal usa é page.html.twig.

 

se tudo correu certo o Thema, já ira aparecer, sem nenhuma formatação ou componente, mas veremos mais na parte 2

source 

Comentario