Criando temas
para o Drupal 7
sexta-feira, 26 de junho de 15
André Pfeiffer
• designer
• programador
• professor
sexta-feira, 26 de junho de 15
O que é um tema?
• O tema do Drupal configura como toda a
informação vai aparecer
• O principal conhecimento para fazer um
...
A estrutura de um tema no Drupal
sexta-feira, 26 de junho de 15
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 qu...
arquivo .info
• o único arquivo obrigatório
• define as regiões, arquivos CSS e arquivos
JavaScript
• tem que ter o mesmo n...
Primeiro passo
• crie o diretório do seu tema
• crie o seu arquivo .info
• ative e teste o seu tema
sexta-feira, 26 de jun...
O seu arquivo deve ser algo do tipo
sexta-feira, 26 de junho de 15
Ative o seu tema
(se ele não aparecer é porque você fez algo de errado)
sexta-feira, 26 de junho de 15
E assim que deve aparecer
(não tem nenhuma formatação CSS carregada...)
sexta-feira, 26 de junho de 15
page.tpl.php
• o principal arquivo do tema
• define toda a estrutura da página
• https://api.drupal.org/api/drupal/modules!...
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...
page.tpl.php
sexta-feira, 26 de junho de 15
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...
node.tpl.php
• define como um conteúdo (node) aparece
• page.tpl.php > region.tpl.php >
block.tpl.php > node.tpl.php
• http...
field.tpl.php
• define como um campo aparece
• page.tpl.php > region.tpl.php >
block.tpl.php > node.tpl.php > field.tpl.php
•...
variações
• praticamente todo arquivo de tema pode
ter uma variação
• page--front.tpl.php
• node--article.tpl.php
• field--...
e o PHP?
• o arquivo template.php pode sobreescrever
qualquer variável
• também pode criar variáveis, modificar
formulários...
Dúvidas?
andre@pfeiffer.com.br
sexta-feira, 26 de junho de 15
Próximos SlideShares
Carregando em…5
×

Criando temas para o drupal 7

448 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
448
No SlideShare
0
A partir de incorporações
0
Número de incorporações
1
Ações
Compartilhamentos
0
Downloads
8
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

×