da camada de visualização do Drupal 7 Uma visão geral ... · Mantenedor do Drupal Brasil,...

Transcript of da camada de visualização do Drupal 7 Uma visão geral ... · Mantenedor do Drupal Brasil,...

Uma visão geral sobre a flexibilidade da camada de visualização do Drupal 7

Temas para Drupal 7

Por Thiago Régis (@tregismoreira)Mantenedor do Drupal Brasil, fundador da Fisqua e instrutor dos cursos online de Drupal

http://twitter.com/tregismoreira

http://drupal-br.org

http://fisqua.com

http://cursos.fisqua.com

http://fisqua.com

Thiago Régis

@tregismoreira

@FisquaDigital

http://fisqua.com

O que é Drupal?

http://fisqua.com

É um sistema gerenciador de conteúdo (SGC ou CMS)

http://fisqua.com

É uma plataforma livre, de código aberto, para a criação de sites e aplicativos web.

http://fisqua.com

É a melhor plataforma para a criação de sites e aplicativos web!

Saiba mais sobre o Drupal:http://oqueedrupal.drupalgardens.com/

http://fisqua.com

O que é umTema no Drupal?

http://fisqua.com

É um conjunto de arquivos que define a camada de aparência do site.

http://fisqua.com

Camada de Aparência???

http://fisqua.com

Dados(conteúdos, comentários etc)

http://fisqua.com

Módulos

http://fisqua.com

Módulos

Blocos

http://fisqua.com

Módulos

Blocos

Permissões de acesso

http://fisqua.com

Módulos

Blocos

Permissões de acesso

Aparência

http://fisqua.com

Algumas característicasde um Tema

http://fisqua.com

É independente das configurações.

http://fisqua.com

Não carrega dados. Apenas variáveis.(Pelo menos é como deveria ser...)

$var

http://fisqua.com

É portável.(Desde que o Drupal seja da mesma versão)

http://fisqua.com

(Drupaint)

http://fisqua.com

Temas gratuitos

http://fisqua.com

MarinelliDemo: migre.me/akFrG

Download: migre.me/akFsz

DanlandDemo: migre.me/akFxe

Download: migre.me/akFwd

BlueMastersDemo: migre.me/akFAH

Download: migre.me/akFsz

Outros temas gratuitoshttp://drupal.org/project/themes

http://fisqua.com

E o que eu preciso para criar o próprio Tema?

http://fisqua.com

# Pleno domínio de HTML e CSS

http://fisqua.com

# Recomendado ter conhecimento de JS e PHP

http://fisqua.com

# Utilizar um editor de códigos (qualquer)

http://fisqua.com

# Utilizar um editor de códigos (qualquer)

# Gostar de trabalhar com front-end :)

http://fisqua.com

Processo de criaçãode um Tema

http://fisqua.com

Estrutura básicade um Tema

http://fisqua.com

purpledrop

assets (css, images, js)

templates

screenshot.png

logo.png

template.php

purpledrop.info (obrigatório)

http://fisqua.com

purpledrop

templates

screenshot.png

logo.png

template.php

http://fisqua.com

purpledrop

templates

screenshot.png

logo.png

template.php

http://fisqua.com

purpledrop

templates

screenshot.png

logo.png

template.php

http://fisqua.com

purpledrop

templates

screenshot.png

logo.png

template.php

http://fisqua.com

purpledrop

templates

screenshot.png

logo.png

template.php

http://fisqua.com

purpledrop

templates

screenshot.png

logo.png

template.php

http://fisqua.com

purpledrop

templates

screenshot.png

logo.png

template.php

templates

html.tpl.php

page.tpl.php

node.tpl.php

region.tpl.php

block.tpl.php

http://fisqua.com

html.tpl.php

http://fisqua.com

html.tpl.php

page.tpl.php

http://fisqua.com

html.tpl.php

page.tpl.php

region.tpl.php

http://fisqua.com

html.tpl.php

page.tpl.php

region.tpl.php

block.tpl.php block.tpl.php

block.tpl.php

http://fisqua.com

html.tpl.php

page.tpl.php

region.tpl.php

block.tpl.php block.tpl.php

block.tpl.php

node.tpl.php

http://fisqua.com

Algumas observações sobre os templates

http://fisqua.com

# Contém apenas marcação HTML + variáveis em PHP

http://fisqua.com

# Servem para personalizar a saída (output) padrão do Drupal

http://fisqua.com

# Caso você não deseje personalizar a saída padrão, não há necessidade de criar os templates dentro do seu tema

http://fisqua.com

# Caso você não deseje personalizar a saída padrão, não há necessidade de criar os templates dentro do seu tema

# Podem ser criados/sugeridos através de módulos ou do template.php

http://fisqua.com

templates

html.tpl.php

page.tpl.php

node.tpl.php

region.tpl.php

block.tpl.php

http://fisqua.com

templates

html.tpl.php

page.tpl.php

System

node.tpl.php

region.tpl.php

block.tpl.php

http://fisqua.com

templates

html.tpl.php

page.tpl.php

System

node.tpl.php

region.tpl.php

block.tpl.php

Node

http://fisqua.com

templates

html.tpl.php

page.tpl.php

System

node.tpl.php

region.tpl.php

block.tpl.php

Node

Block

http://fisqua.com

Sugestões de templates do núcleo do Drupal:http://drupal.org/node/1089656

http://fisqua.com

O arquivo .info

http://fisqua.com

É um arquivo do tipo INI que contém as definições básicas do seu tema

http://fisqua.com

# name (obrigatório)

# description (recomendado)

# core (obrigatório)

# screenshot

# version (desencorajado)

# regions

# stylesheets

# scripts

# php

http://fisqua.com

# screenshot

# regions

# stylesheets

# scripts

# php

http://fisqua.com

# screenshot

# regions

# stylesheets

# scripts

# php

http://fisqua.com

# screenshot

# regions

# stylesheets

# scripts

# php

http://fisqua.com

# screenshot

# regions

# stylesheets

# scripts

# php

http://fisqua.com

# screenshot

# regions

# stylesheets

# scripts

# php

http://fisqua.com

# screenshot

# regions

# stylesheets

# scripts

# php

http://fisqua.com

# screenshot

# regions

# stylesheets

# scripts

# php

http://fisqua.com

# screenshot

# regions

# stylesheets

# scripts

# php

http://fisqua.com

1. name = Garland2. description = A multi-column theme which can be configured...3. package = Core4. version = VERSION5. core = 7.x6. stylesheets[all][] = style.css7. stylesheets[print][] = print.css

http://fisqua.com

namecore description

http://fisqua.com

Saiba mais sobre o arquivo .infohttp://drupal.org/node/171205

namecore description

http://fisqua.com

Por onde começar?

http://fisqua.com

Documentação oficial (em inglês)http://drupal.org/documentation/theme

Canais de Suporte (em português)https://groups.google.com/group/drupal-br

http://drupal-br.orgIRC: #drupal-br

http://fisqua.com

Curso ao vivo, 100% prático e dinâmico!

Acesse:http://migre.me/akG6H

Curso Online de

Criação de Temaspara Drupal 7

http://fisqua.com

Perguntas?

http://fisqua.com

Obrigado!

cursos@fisqua.comhttp://cursos.fisqua.com

Inscreva-se no mailing: http://migre.me/8oUpW

http://fisqua.com

da camada de visualização do Drupal 7 Uma visão geral ... · Mantenedor do Drupal Brasil,...

Documents

Transcript of da camada de visualização do Drupal 7 Uma visão geral ... · Mantenedor do Drupal Brasil,...

IMPLEMENTAÇÃO DO OPERADOR MANTENEDOR NO PROCESSO …

Elevação de Nível de Mantenedor

CEEPE · energia; instalador e mantenedor de sistemas de comutação; instalador e mantenedor de cabeamento estruturado e instalador e mantenedor de sistemas de transmissão. O Curso

Temas no drupal 8

Drupal Performance - Dicas e técnicas para levar seu Drupal às nuvens

Turbinando Drupal com Redis

Drupal meetup iscte-pauloamgomes

Visão Geral Drupal - Natura Drupal Day

PCM Mantenedor

Palestra Drupal

Introduction to Drupal - drupal trainning day

Introdução ao Drupal 6

Rules e Drupal

Introdução ao Drupal 7

Capacitação drupal MAB

Case Drupal: Todeschini

Drupal 7 - Apostila

Oficina Drupal Web Lab

Apresentacao Drupal Jun 2010

MANTENEDOR UNIBARRETOS / DIRETOR DO COLÉGIO …faculdadebarretos.com.br/wp-content/...prof. dr. chade rezek neto mantenedor unibarretos / diretor do colÉgio barretos profª drª