Download - Drupal - Um site com sua cara

Transcript
Page 1: Drupal - Um site com sua cara

Um site com sua cara.

Drupal vs. Temas

Page 2: Drupal - Um site com sua cara

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

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

Apresentação

Recentemente PAPAI de um meninão... DANIEL

8 Semanas11 Semanas

5 Meses

Page 5: Drupal - Um site com sua cara

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

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

ExemplosComunidade Bíblica de Curitiba

Page 8: Drupal - Um site com sua cara

ExemplosFundação SOS Mata Atlântica

Page 9: Drupal - Um site com sua cara

ExemplosUnicamp

Page 10: Drupal - Um site com sua cara

ExemplosSpecial Cars

Page 11: Drupal - Um site com sua cara

ExemplosHost SH

Page 12: Drupal - Um site com sua cara

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

Vantagens e Desvantagens

Desvantagens:

Page 14: Drupal - Um site com sua cara

Como tudo + ou - funciona

Page 15: Drupal - Um site com sua cara

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

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

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

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

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

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

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

Perguntas ???

Page 23: Drupal - Um site com sua cara

Obrigado!

Pedro Faria de Miranda [email protected]://eusouopedro.com