Upload
andre-pfeiffer
View
79
Download
3
Embed Size (px)
Citation preview
Criando temaspara 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 tema no Drupal é CSS
• É possível trabalhar em equipes de designers e programadores sem stress
sexta-feira, 26 de junho de 15
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 que esta fazendo
sexta-feira, 26 de junho de 15
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
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
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!system!page.tpl.php/7
• drupal > modules > system > page.tpl.php
sexta-feira, 26 de junho de 15
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.tpl.phpsexta-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 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
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
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
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
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
sexta-feira, 26 de junho de 15