Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
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
Upcoming SlideShare
Loading in …5
×

Criando temas para o drupal 7

500 views

Published on

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

Published in: Education
  • Be the first to comment

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

×