drupal - um site com sua cara
DESCRIPTION
Overview de criação de temas com o drupal. Palestra ministrada no CMS Brasil 2009.TRANSCRIPT
![Page 1: Drupal - Um site com sua cara](https://reader033.vdocuments.mx/reader033/viewer/2022052215/559640991a28ab49558b4670/html5/thumbnails/1.jpg)
Um site com sua cara.
Drupal vs. Temas
![Page 2: Drupal - Um site com sua cara](https://reader033.vdocuments.mx/reader033/viewer/2022052215/559640991a28ab49558b4670/html5/thumbnails/2.jpg)
Apresentação
Pedro Faria de Miranda Pinto
• http://eusouopedro.com (blog)• http://phpavancado.net (projeto paradão)• http://drupal-br.org (Comunidade BR)• http://groups.drupal.org/brasil (Comunidade BR)
• irc://irc.freenode.net/drupal-br
• eu @ eusouopedro . com
![Page 3: Drupal - Um site com sua cara](https://reader033.vdocuments.mx/reader033/viewer/2022052215/559640991a28ab49558b4670/html5/thumbnails/3.jpg)
Apresentação
Meus Módulos
• No Request New Password• Comic View• Region Visibility (Region Configuration)• Search Uploaded Files• UC PagSeguro | Ubercart Payment
![Page 4: Drupal - Um site com sua cara](https://reader033.vdocuments.mx/reader033/viewer/2022052215/559640991a28ab49558b4670/html5/thumbnails/4.jpg)
Apresentação
Recentemente PAPAI de um meninão... DANIEL
8 Semanas11 Semanas
5 Meses
![Page 5: Drupal - Um site com sua cara](https://reader033.vdocuments.mx/reader033/viewer/2022052215/559640991a28ab49558b4670/html5/thumbnails/5.jpg)
O que veremos
• Exemplos• Vantagens e Desvantagens• Como tudo mais ou menos funciona• Criando um novo tema• Como me virar sozinho?• Perguntas• Aplausos• Mais Aplausos• Aplausos de pé• Até a próxima!
![Page 6: Drupal - Um site com sua cara](https://reader033.vdocuments.mx/reader033/viewer/2022052215/559640991a28ab49558b4670/html5/thumbnails/6.jpg)
Exemplos
Todos os exemplos a seguir foram tirados da galeria de sites
do Drupal Brasil
http://drupal-br.org
![Page 7: Drupal - Um site com sua cara](https://reader033.vdocuments.mx/reader033/viewer/2022052215/559640991a28ab49558b4670/html5/thumbnails/7.jpg)
ExemplosComunidade Bíblica de Curitiba
![Page 8: Drupal - Um site com sua cara](https://reader033.vdocuments.mx/reader033/viewer/2022052215/559640991a28ab49558b4670/html5/thumbnails/8.jpg)
ExemplosFundação SOS Mata Atlântica
![Page 9: Drupal - Um site com sua cara](https://reader033.vdocuments.mx/reader033/viewer/2022052215/559640991a28ab49558b4670/html5/thumbnails/9.jpg)
ExemplosUnicamp
![Page 10: Drupal - Um site com sua cara](https://reader033.vdocuments.mx/reader033/viewer/2022052215/559640991a28ab49558b4670/html5/thumbnails/10.jpg)
ExemplosSpecial Cars
![Page 11: Drupal - Um site com sua cara](https://reader033.vdocuments.mx/reader033/viewer/2022052215/559640991a28ab49558b4670/html5/thumbnails/11.jpg)
ExemplosHost SH
![Page 12: Drupal - Um site com sua cara](https://reader033.vdocuments.mx/reader033/viewer/2022052215/559640991a28ab49558b4670/html5/thumbnails/12.jpg)
Vantagens e Desvantagens
Vantagens:
• Documentação completa e fácil. (en_US)• Muito fácil criar seu próprio tema.• Suporta Sub-Temas.• Totalmente customizável.• Não requer pleno conhecimentos de HTML, JS, CSS, PHP
e jQuery.• Possibilidade de estilizar as diversas áreas do seu site de
forma diferente.• etc.
![Page 13: Drupal - Um site com sua cara](https://reader033.vdocuments.mx/reader033/viewer/2022052215/559640991a28ab49558b4670/html5/thumbnails/13.jpg)
Vantagens e Desvantagens
Desvantagens:
![Page 14: Drupal - Um site com sua cara](https://reader033.vdocuments.mx/reader033/viewer/2022052215/559640991a28ab49558b4670/html5/thumbnails/14.jpg)
Como tudo + ou - funciona
![Page 15: Drupal - Um site com sua cara](https://reader033.vdocuments.mx/reader033/viewer/2022052215/559640991a28ab49558b4670/html5/thumbnails/15.jpg)
Criando um novo tema
Podemos colocar nosso tema em alguns lugares. • sites / all / themes / MEU_TEMA• sites / default / themes / MEU_TEMA• sites / url_do_multisite / themes / MEU_TEMA
![Page 16: Drupal - Um site com sua cara](https://reader033.vdocuments.mx/reader033/viewer/2022052215/559640991a28ab49558b4670/html5/thumbnails/16.jpg)
Criando um novo tema
Arquivos para o tema:• MEU_TEMA.info (obrigatório)• Arquivos de um tema• template.php
![Page 17: Drupal - Um site com sua cara](https://reader033.vdocuments.mx/reader033/viewer/2022052215/559640991a28ab49558b4670/html5/thumbnails/17.jpg)
Criando um novo tema
MEU_TEMA.info
name = Meu Temadescription = Descrição do temacore = 6.xengine = phptemplate
stylesheets[all][] = style.cssstylesheets[print][] = print.css scripts[] = meuscript.jsscripts[] = meuoutroscript.js regions[left] = Left sidebarregions[right] = Right sidebarregions[content] = Contentregions[header] = Headerregions[footer] = Footer ...
![Page 18: Drupal - Um site com sua cara](https://reader033.vdocuments.mx/reader033/viewer/2022052215/559640991a28ab49558b4670/html5/thumbnails/18.jpg)
Criando um novo tema
MEU_TEMA.info (continuação)
...
features[] = logofeatures[] = namefeatures[] = sloganfeatures[] = missionfeatures[] = node_user_picturefeatures[] = comment_user_picturefeatures[] = searchfeatures[] = favicon base theme = nomeDoTema Sub Tema
![Page 19: Drupal - Um site com sua cara](https://reader033.vdocuments.mx/reader033/viewer/2022052215/559640991a28ab49558b4670/html5/thumbnails/19.jpg)
Criando um novo tema
Arquivos de um tema
• page-[ front | cainho/interno ].tpl.php• node-[ tipo ].tpl.php• block-[ região | [ modulo | -delta ] ].tpl.php• comment-[ tipo ].tpl.php• forums-[ [ container | tópico ]-forumID ].tpl.php• ... .tpl.php
Mais informações sobre os arquivos em http://drupal.org/node/190815
![Page 20: Drupal - Um site com sua cara](https://reader033.vdocuments.mx/reader033/viewer/2022052215/559640991a28ab49558b4670/html5/thumbnails/20.jpg)
Criando um novo tema
template.php
• Tudo que você não conseguiu fazer até agora pode ser solucionado neste arquivo.
• Implementa o hook_theme, ou seja, customização total.• Funções preprocess. Cria/Altera/Remove variáveis do
tema.
![Page 21: Drupal - Um site com sua cara](https://reader033.vdocuments.mx/reader033/viewer/2022052215/559640991a28ab49558b4670/html5/thumbnails/21.jpg)
Como me virar sozinho?
• Estudar a documentação de temas.• Ler códigos de temas existentes.• Pesquisar suas dúvidas no Google.• Comunidade internacional do Drupal. • Comunidade brasileira de Drupal.• Canal brasileiro de Drupal na Freenode.• SEJA CURIOSO !
![Page 22: Drupal - Um site com sua cara](https://reader033.vdocuments.mx/reader033/viewer/2022052215/559640991a28ab49558b4670/html5/thumbnails/22.jpg)
Perguntas ???