Criando temas para o drupal 7
-
Upload
andre-pfeiffer -
Category
Education
-
view
79 -
download
3
Transcript of Criando temas para o drupal 7
![Page 1: Criando temas para o drupal 7](https://reader031.fdocument.pub/reader031/viewer/2022020123/55bed46bbb61eb133d8b46d6/html5/thumbnails/1.jpg)
Criando temaspara o Drupal 7
sexta-feira, 26 de junho de 15
![Page 2: Criando temas para o drupal 7](https://reader031.fdocument.pub/reader031/viewer/2022020123/55bed46bbb61eb133d8b46d6/html5/thumbnails/2.jpg)
André Pfeiffer
• designer
• programador
• professor
sexta-feira, 26 de junho de 15
![Page 3: Criando temas para o drupal 7](https://reader031.fdocument.pub/reader031/viewer/2022020123/55bed46bbb61eb133d8b46d6/html5/thumbnails/3.jpg)
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
![Page 4: Criando temas para o drupal 7](https://reader031.fdocument.pub/reader031/viewer/2022020123/55bed46bbb61eb133d8b46d6/html5/thumbnails/4.jpg)
A estrutura de um tema no Drupal
sexta-feira, 26 de junho de 15
![Page 5: Criando temas para o drupal 7](https://reader031.fdocument.pub/reader031/viewer/2022020123/55bed46bbb61eb133d8b46d6/html5/thumbnails/5.jpg)
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
![Page 6: Criando temas para o drupal 7](https://reader031.fdocument.pub/reader031/viewer/2022020123/55bed46bbb61eb133d8b46d6/html5/thumbnails/6.jpg)
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
![Page 7: Criando temas para o drupal 7](https://reader031.fdocument.pub/reader031/viewer/2022020123/55bed46bbb61eb133d8b46d6/html5/thumbnails/7.jpg)
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
![Page 8: Criando temas para o drupal 7](https://reader031.fdocument.pub/reader031/viewer/2022020123/55bed46bbb61eb133d8b46d6/html5/thumbnails/8.jpg)
O seu arquivo deve ser algo do tipo
sexta-feira, 26 de junho de 15
![Page 9: Criando temas para o drupal 7](https://reader031.fdocument.pub/reader031/viewer/2022020123/55bed46bbb61eb133d8b46d6/html5/thumbnails/9.jpg)
Ative o seu tema (se ele não aparecer é porque você fez algo de errado)
sexta-feira, 26 de junho de 15
![Page 10: Criando temas para o drupal 7](https://reader031.fdocument.pub/reader031/viewer/2022020123/55bed46bbb61eb133d8b46d6/html5/thumbnails/10.jpg)
E assim que deve aparecer (não tem nenhuma formatação CSS carregada...)
sexta-feira, 26 de junho de 15
![Page 11: Criando temas para o drupal 7](https://reader031.fdocument.pub/reader031/viewer/2022020123/55bed46bbb61eb133d8b46d6/html5/thumbnails/11.jpg)
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
![Page 12: Criando temas para o drupal 7](https://reader031.fdocument.pub/reader031/viewer/2022020123/55bed46bbb61eb133d8b46d6/html5/thumbnails/12.jpg)
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
![Page 13: Criando temas para o drupal 7](https://reader031.fdocument.pub/reader031/viewer/2022020123/55bed46bbb61eb133d8b46d6/html5/thumbnails/13.jpg)
page.tpl.phpsexta-feira, 26 de junho de 15
![Page 14: Criando temas para o drupal 7](https://reader031.fdocument.pub/reader031/viewer/2022020123/55bed46bbb61eb133d8b46d6/html5/thumbnails/14.jpg)
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
![Page 15: Criando temas para o drupal 7](https://reader031.fdocument.pub/reader031/viewer/2022020123/55bed46bbb61eb133d8b46d6/html5/thumbnails/15.jpg)
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
![Page 16: Criando temas para o drupal 7](https://reader031.fdocument.pub/reader031/viewer/2022020123/55bed46bbb61eb133d8b46d6/html5/thumbnails/16.jpg)
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
![Page 17: Criando temas para o drupal 7](https://reader031.fdocument.pub/reader031/viewer/2022020123/55bed46bbb61eb133d8b46d6/html5/thumbnails/17.jpg)
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
![Page 18: Criando temas para o drupal 7](https://reader031.fdocument.pub/reader031/viewer/2022020123/55bed46bbb61eb133d8b46d6/html5/thumbnails/18.jpg)
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
![Page 19: Criando temas para o drupal 7](https://reader031.fdocument.pub/reader031/viewer/2022020123/55bed46bbb61eb133d8b46d6/html5/thumbnails/19.jpg)
sexta-feira, 26 de junho de 15