Download - Temas no drupal 8

Transcript
Page 1: Temas no drupal 8

Temas no Drupal 8

sábado, 27 de junho de 15

Page 2: Temas no drupal 8

André Pfeiffer

• designer

• programador

• professor

sábado, 27 de junho de 15

Page 3: Temas no drupal 8

Don`t panic!

sábado, 27 de junho de 15

Page 4: Temas no drupal 8

HTML 5

• imagem responsiva

• design responsivo

• menu de administração resposivo

sábado, 27 de junho de 15

Page 5: Temas no drupal 8

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

Page 6: Temas no drupal 8

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

Page 7: Temas no drupal 8

palestra.info palestra.info.yml

continua...

sábado, 27 de junho de 15

Page 8: Temas no drupal 8

palestra.libraries.yml

palestra.breakpoints.yml

sábado, 27 de junho de 15

Page 9: Temas no drupal 8

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

Page 10: Temas no drupal 8

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

Page 11: Temas no drupal 8

TWIG ++

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

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

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

sábado, 27 de junho de 15

Page 12: Temas no drupal 8

TWIG debug

sites > default > service.yml

sábado, 27 de junho de 15

Page 13: Temas no drupal 8

TWIG debug

sábado, 27 de junho de 15

Page 14: Temas no drupal 8

TWIG block

page.html.twig

sábado, 27 de junho de 15

Page 15: Temas no drupal 8

TWIG block

page--front.html.twig

sábado, 27 de junho de 15

Page 16: Temas no drupal 8

R.I.P. hook_theme

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

Page 17: Temas no drupal 8

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

Page 18: Temas no drupal 8

sábado, 27 de junho de 15

Page 19: Temas no drupal 8

... e agora?

• Respire

• Atualize o seu PHP

• Instale o Drupal 8

• Divirta-se!

sábado, 27 de junho de 15

Page 20: Temas no drupal 8

Obrigado!

sábado, 27 de junho de 15