Upload
andre-pfeiffer
View
43
Download
4
Embed Size (px)
Citation preview
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