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...
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 ...
TWIG 101
• {% if logo %}
{% endif %}
• {{ front_page }}
• {{ head_title|safe_join(' | ') }
• {# link is in html.html.twig ...
TWIG ++
• <div {{ attributes.removeClass(“badModule”) }}>
• {{ content|without('links') }}
{{ content.links }}
• {{ dump(t...
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.twig
sábado, 27 de junho de 15
Classy
• Todo HTML gerado pelo Drupal (incluindo
suas classes) agora esta no tema Classy
• core > themes > classy
• Você p...
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
Próximos SlideShares
Carregando em…5
×

Temas no drupal 8

472 visualizações

Publicada em

Palestra feita no Drupalcamp São Paulo em 27/06/2015

Publicada em: Educação
0 comentários
3 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

Sem downloads
Visualizações
Visualizações totais
472
No SlideShare
0
A partir de incorporações
0
Número de incorporações
2
Ações
Compartilhamentos
0
Downloads
5
Comentários
0
Gostaram
3
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Temas no drupal 8

  1. 1. Temas no Drupal 8 sábado, 27 de junho de 15
  2. 2. André Pfeiffer • designer • programador • professor sábado, 27 de junho de 15
  3. 3. Don`t panic! sábado, 27 de junho de 15
  4. 4. HTML 5 • imagem responsiva • design responsivo • menu de administração resposivo sábado, 27 de junho de 15
  5. 5. 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
  6. 6. 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
  7. 7. palestra.info palestra.info.yml continua... sábado, 27 de junho de 15
  8. 8. palestra.libraries.yml palestra.breakpoints.yml sábado, 27 de junho de 15
  9. 9. 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
  10. 10. 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
  11. 11. TWIG ++ • <div {{ attributes.removeClass(“badModule”) }}> • {{ content|without('links') }} {{ content.links }} • {{ dump(title) }} <--- twig debug sábado, 27 de junho de 15
  12. 12. TWIG debug sites > default > service.yml sábado, 27 de junho de 15
  13. 13. TWIG debug sábado, 27 de junho de 15
  14. 14. TWIG block page.html.twig sábado, 27 de junho de 15
  15. 15. TWIG block page--front.html.twig sábado, 27 de junho de 15
  16. 16. R.I.P. hook_theme menu.html.twig sábado, 27 de junho de 15
  17. 17. 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
  18. 18. sábado, 27 de junho de 15
  19. 19. ... e agora? • Respire • Atualize o seu PHP • Instale o Drupal 8 • Divirta-se! sábado, 27 de junho de 15
  20. 20. Obrigado! sábado, 27 de junho de 15
  21. 21. Dúvidas? andre@pfeiffer.com.br sábado, 27 de junho de 15

×