Criando temas para o drupal 7

390 visualizações

Publicada em

Palestra feita no dia 26/06/2015 na Drupalcamp de São Paulo

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

Sem downloads
Visualizações
Visualizações totais
390
No SlideShare
0
A partir de incorporações
0
Número de incorporações
1
Ações
Compartilhamentos
0
Downloads
6
Comentários
0
Gostaram
1
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Criando temas para o drupal 7

  1. 1. Criando temas para o Drupal 7 sexta-feira, 26 de junho de 15
  2. 2. André Pfeiffer • designer • programador • professor sexta-feira, 26 de junho de 15
  3. 3. O que é um tema? • O tema do Drupal configura como toda a informação vai aparecer • O principal conhecimento para fazer um tema no Drupal é CSS • É possível trabalhar em equipes de designers e programadores sem stress sexta-feira, 26 de junho de 15
  4. 4. A estrutura de um tema no Drupal sexta-feira, 26 de junho de 15
  5. 5. Dicas • não tente aprender a partir de um tema pronto • pequenos passos • não modifique o PHP a não ser que você saiba o que esta fazendo sexta-feira, 26 de junho de 15
  6. 6. arquivo .info • o único arquivo obrigatório • define as regiões, arquivos CSS e arquivos JavaScript • tem que ter o mesmo nome do diretório • https://drupal.org/node/171205 sexta-feira, 26 de junho de 15
  7. 7. Primeiro passo • crie o diretório do seu tema • crie o seu arquivo .info • ative e teste o seu tema sexta-feira, 26 de junho de 15
  8. 8. O seu arquivo deve ser algo do tipo sexta-feira, 26 de junho de 15
  9. 9. Ative o seu tema (se ele não aparecer é porque você fez algo de errado) sexta-feira, 26 de junho de 15
  10. 10. E assim que deve aparecer (não tem nenhuma formatação CSS carregada...) sexta-feira, 26 de junho de 15
  11. 11. page.tpl.php • o principal arquivo do tema • define toda a estrutura da página • https://api.drupal.org/api/drupal/modules! system!page.tpl.php/7 • drupal > modules > system > page.tpl.php sexta-feira, 26 de junho de 15
  12. 12. Segundo passo • copie o arquivo page.tpl.php do diretório modules/system para o diretório do seu tema • leia o PHP em seus blocos (indentação é importante!) • edite apenas o necessário • controle como aparece através do CSS sexta-feira, 26 de junho de 15
  13. 13. page.tpl.php sexta-feira, 26 de junho de 15
  14. 14. Além • o principal trabalho é no page.tpl.php e no CSS • agora são apenas “ajustes finos” • cada módulo, padrão ou não, tem seus arquivos .tpl.php • basta copiar esses arquivos que você precisar editar para o seu tema • limpe sempre o cache (configurações > desempenho > limpar todos os caches) sexta-feira, 26 de junho de 15
  15. 15. node.tpl.php • define como um conteúdo (node) aparece • page.tpl.php > region.tpl.php > block.tpl.php > node.tpl.php • https://api.drupal.org/api/drupal/modules! node!node.tpl.php/7 • drupal > modules > node > node.tpl.php sexta-feira, 26 de junho de 15
  16. 16. field.tpl.php • define como um campo aparece • page.tpl.php > region.tpl.php > block.tpl.php > node.tpl.php > field.tpl.php • https://api.drupal.org/api/drupal/modules! field!theme!field.tpl.php/7 sexta-feira, 26 de junho de 15
  17. 17. variações • praticamente todo arquivo de tema pode ter uma variação • page--front.tpl.php • node--article.tpl.php • field--field_cursos.tpl.php • https://drupal.org/node/1089656 sexta-feira, 26 de junho de 15
  18. 18. e o PHP? • o arquivo template.php pode sobreescrever qualquer variável • também pode criar variáveis, modificar formulários • no arquivo template.php você pode atuar antes ou depois que um arquivo tpl.php é renderizado sexta-feira, 26 de junho de 15
  19. 19. Dúvidas? andre@pfeiffer.com.br sexta-feira, 26 de junho de 15

×