Temas no Drupal 8

sábado, 27 de junho de 15

André Pfeiffer

• designer

• programador

• professor

sábado, 27 de junho de 15

Don`t panic!

sábado, 27 de junho de 15

HTML 5

• imagem responsiva

• design responsivo

• menu de administração resposivo

sábado, 27 de junho de 15

IE

• sem suporte a IE6, IE7 e IE8

• jQuery 2.0 e CSS3

• 10 a 20% dos brasileiros ainda usam IE

sábado, 27 de junho de 15

YAML config

• não existe mais .info

• YAML nem é tão complicado assim

• não é uma invenção do Drupal

sábado, 27 de junho de 15

palestra.info palestra.info.yml

continua...

sábado, 27 de junho de 15

palestra.libraries.yml

palestra.breakpoints.yml

sábado, 27 de junho de 15

TWIG

• .tpl.php vira .html.twig

• não tem mais PHP nos templates

• mais seguro

• nem é tão difícil aprender

sábado, 27 de junho de 15

TWIG 101

• {% if logo %}{% endif %}

• {{ front_page }}

• {{ head_title|safe_join(' | ') }

• {# link is in html.html.twig #}

• http://twig.sensiolabs.org

• https://www.drupal.org/theme-guide/8/twig

sábado, 27 de junho de 15

TWIG ++

• <div {{ attributes.removeClass(“badModule”) }}>

• {{ content|without('links') }}{{ content.links }}

• {{ dump(title) }} <--- twig debug

sábado, 27 de junho de 15

TWIG debug

sites > default > service.yml

sábado, 27 de junho de 15

TWIG debug

sábado, 27 de junho de 15

TWIG block

page.html.twig

sábado, 27 de junho de 15

TWIG block

page--front.html.twig

sábado, 27 de junho de 15

R.I.P. hook_theme

menu.html.twigsábado, 27 de junho de 15

Classy

• Todo HTML gerado pelo Drupal (incluindo suas classes) agora esta no tema Classy

• core > themes > classy

• Você pode declarar o classy como seu tema base

• ou você pode declarar seu HTML do zero!

sábado, 27 de junho de 15

sábado, 27 de junho de 15

... e agora?

• Respire

• Atualize o seu PHP

• Instale o Drupal 8

• Divirta-se!

sábado, 27 de junho de 15

Obrigado!

sábado, 27 de junho de 15

Dúvidas?andre@pfeiffer.com.br

sábado, 27 de junho de 15