Criando Um Tema Para o Drupal

7/31/2019 Criando Um Tema Para o Drupal

1/17

Cadastro Fruns Manual Traduo Tutoriais OpenAtrium Eventos Ofertas deEmprego

Login do usurio

Nome de usurio:Nome de usurio:Nome de usurio:Nome de usurio: ****

Senha:Senha:Senha:Senha: ****

Login

Criar uma conta

Recuperar senha

Pesquisa no site

Pesquisar

Assine o RSS do Drupal-BR

RSS dos itens mais ativos

RSS contedo pgina inicial

RSS de todo contedo

RSS dos comentrios

ListaListaListaLista de Discussode Discussode Discussode Discusso

Drupal-BR

Download

ltimas versesltimas versesltimas versesltimas verses

Drupal 7.12

Drupal 6.22

0 tweet

Incio Tutoriais

Criando um tema para o Drupal

Esse tutorial mostra como transformar um templateHTML em um tema do Drupal.

Como pr-requisito para entender esse tutorial voc vai precisarentender um pouco de PHP, HTML e CSS para conseguir acompanhartudo.

UpdateUpdateUpdateUpdate: Esse tutorial foi feito com base no Drupal 5.xDrupal 5.xDrupal 5.xDrupal 5.x assim no devefuncionar plenamente nas verses superiores sem algumas alteraes.

Para esse tutorial tambm necessrio que voc j tenha umainstalao do Drupal na sua mquina. Caso voc ainda no tenha ouno saiba como fazer essa instalao pode ver esse tutorial e essescreencast.

Para o melhor entendimento desse tutorial, quando nos referimos atemplatetemplatetemplatetemplate estaremos falando de um layout feito em HTML e que aindano tem funcionalidade no Drupal. Quando nos referirmos a tematematematema

estamos nos referindo a um template j funcionando no Drupal.Ento, antes de mais nada, precisamos encontrar um template. Nonosso tutorial vamos pegar um template j pronto na Internet, no seucaso voc mesmo pode fazer um ou pagar um designer para que ofaa.O template escolhido para esse tutorial foi o Standardized disponvelem http://www.freecsstemplates.org/preview/standardized. Essetemplate grtis, podendo ser baixado gratuitamente. Voc precisarmanter os crditos do tema, pois ele est licenciado sob a CreativeCommons, mas isso no problema pois estamos em uma comunidadese Software livre no ? :-)

Em seguida precisaremos montar nosso tema propriamente dito. Eutenho por hbito partir de um tema pr-existente, mas voc noprecisa fazer isso, uma questo pessoal. Para esse tutorial, vou usarcomo base o tema Bluemarine que j vem com toda instalao doDrupal.

Assim, a primeira coisa a fazer baixar o template (acima voc tem oendereo para download). Em seguida entramos na pasta themesthemesthemesthemes danossa instalao do Drupal e copiamos toda a pasta do temabluemarinebluemarinebluemarinebluemarine com um nome diferente, no nosso caso o nome do nosso

tema ser tutorialtutorialtutorialtutorial. O resultado final ser algo como mostrado abaixo.


2/17

ContribuiesContribuiesContribuiesContribuies

Mdulos

Temas

Traduo

Itens ativos

Publicar contedo

Modulo CIELO para DrupalCommerce

Erro function.unserializeaps instalar site em outroservidor

Site fora do ar

Contedo de slideshow

traduzivel

Agenda e erro em pginascom comentrios

aps enviar um formulriode contato, como obter ostatus do envio?

Mail MIME

Taxonomia: diferenasentre D6 e D7

Alterar o layout de um tipo

de contedo

Veja mais

Em seguida copiamos alguns elementos do template para a pasta donosso novo tema. No caso desse nosso tema, vamos copiar a pastaimagesimagesimagesimages e o arquivo default.cssdefault.cssdefault.cssdefault.css que esto na pasta do template para apasta do nosso tema. Em seguida, apagamos o arquivo style.cssstyle.cssstyle.cssstyle.css que jestava na pasta do nosso tema e renomeamos o arquivo default.cssdefault.cssdefault.cssdefault.csspara style.css.style.css.style.css.style.css. Isso necessrio pois o Drupal entende, por padro, queo nome do arquivo de CSS do nosso tema se chama style.cssstyle.cssstyle.cssstyle.css.Obviamente podemos ter outros aquivos CSS, mas para o nosso temavamos fazer seguindo o padro. Uma outra coisa que podemos fazer baixar um thumbnail para substituir o que j existe do bluemarine. Isso

No imprescindvel mas importante pois atravs desse thumbnailque vamos poder visualizar na rea de administrao de temas qual onosso tema. No caso do template que baixamos, ele j tem umthumbnail emhttp://www.freecsstemplates.org/download/thumbnail/standardized.Baixe esse arquivo e substitua o arquivo screenshot.pngscreenshot.pngscreenshot.pngscreenshot.png que est napasta do nosso tema.

Com isso terminamos os preparativos e podemos partir para aconstruo do tema propriamente dita. Como eu disse me baseio emum tema para construir os meus, ento o trabalho aqui um pouco de

copiar e colar, e vou mostrar como estava antes e depois at oresultado final.

Para comear o trabalho, primeiro renomeamos o arquivo page.tpl.phppage.tpl.phppage.tpl.phppage.tpl.phpdo tema que copiamos para algo como page.tpl.php.oldpage.tpl.php.oldpage.tpl.php.oldpage.tpl.php.old e copiamos oarquivo index.htmlindex.htmlindex.htmlindex.html do template para a pasta do tema com o nomepage.tpl.phppage.tpl.phppage.tpl.phppage.tpl.php. No final poderemos apagar o page.tpl.php.oldpage.tpl.php.oldpage.tpl.php.oldpage.tpl.php.old. Emseguida abrimos os dois arquivos para montar o tema. Para facilitar oentendimento, dividi em partes de forma que podemos iracompanhando pedao por pedao da construo do tema.

Comeamos com a tag HTML do nosso tema. No tema original ela

assim:

Aqui vemos duas marcaes em PHP, com a varivel $language$language$language$language que ocdigo do idioma do site. Isso usado para formatar o HTML de acordocom os padres da W3C. No nosso template veio assim:


3/17

Perceba que aqui existe um comentrio sobre a licena do template, e atag HTML no tem designao de idioma, ento modificamos para quefique assim:

Pronto, temos essa parte terminada. Em seguida vamos para oscabealhos. nessa parte que so declarados os estilos, javascript evrias outras partes importantes do tema do Drupal. Abaixo o original,no tema bluemarine:

E abaixo o original no nosso template:

Por fim temos o resultado final:

Veja que o resultado final igual ao original do bluemarine. Nem

sempre ser, no nosso tema vamos usar a estrutura bsica, ento noprecisamos de alteraes. Agora uma breve explicao do que cadauma das variveis nessa seo:

$head_title$head_title$head_title$head_title - Essa varivel traz o ttulo da pgina. Poderamospreencher o ttulo diretamente, mas perderamos o ttulo que gerado diretamente para cada pgina. Se voc nunca reparou quecada pgina tem um ttulo no Drupal, da prxima vez que vocacessar um site com o Drupal, d uma olhada na barra de ttulodo seu navegador.

$head$head$head$head - Essa varivel carrega uma srie de informaes

importantes para o seu site. por ela que so carregadas asinformaes de quais os RSS disponveis no seu site, o cone queaparece na barra de endereos (conhecido com faviconfaviconfaviconfavicon) alm dacodificao da pgina (utf-8, iso-8859-1 e etc).

$styles$styles$styles$styles - Como o nome mesmo diz, aqui onde vem asdeclaraes de estilos. O Drupal pode carregar vrios arquivos


4/17

CSS, e de fato ele faz isso. Se voc olhar o cdigo fonte de umapgina gerada pelo Drupal ver que ele tem vrias chamadas dearquivos CSS, uma para cada mdulo que implementa isso. Emum futuro tutorial sobre construo de mdulo veremos isso.Veja tambm, no cdigo fonte gerado, que existe uma chamadapara um estilo chamado style.cssstyle.cssstyle.cssstyle.css, esse o style.css do nossotema, que a gente copiou do template original, lembra?$scripts$scripts$scripts$scripts - faz exatamente a mesma coisa que a $styles, mas, aoinvs de fazer isso com os estilos, faz com os javascript do site.

Por ltimo tem uma chamada vazia para um javascript, que notem funo, mas que deixamos apenas para exemplificar quenem tudo precisa tem uma funo definida na hora de construiro template. Quando houver casos como esse, voc pode removeraqui fica s de exemplo.

Agora vamos ver a parte do cabealho do nosso tema. Se voc j deuuma olhada no tema que escolhemos como padro, lembrar que eletem um cabealho com o menu, em uma barra verde, e abaixo umttulo. Vamos ento ver como fazer isso. Primeiro vemos como notema original, o bluemarine:

E depois como veio no template:

Por ltimo vemos como ficou:

Vejamos o que cada uma dessas variveis:

$site_name$site_name$site_name$site_name - Contm o nome do site, que preenchemos nasconfiguraes do site.

$base_path$base_path$base_path$base_path - O caminho at a raiz do nosso site. Suponhamosque nosso site seja http://site.com.br/drupal esse ser o$base_path. muito til para poder construirmos links como ocaso acima.

$site_slogan$site_slogan$site_slogan$site_slogan - o slogan que preenchemos nas configuraesdo site.

Vemos no original tambm a varivel $logo que a URL dologotipo do site. No caso do tema bluemarine o DrupaliconDrupaliconDrupaliconDrupalicon(gota), no nosso caso no vamos us-lo. Voc, obviamente, podeusar o endereo da imagem diretamente no seu tema, mas smpre bom utilizar a varivel logo pois assim podemos alterarpela interface do Drupal sem precisar mexer no template.

Note ainda que mativemos a estrutura do HTML bsico do nossotemplate. Isso porque podem haver elementos HTML que precisaremospara manter o estilo pretendido. No caso, deixamos o DIV com suaclasse header que ele j possui.


5/17

Em seguida vamos para a seo que trata do menu. Vejamos como ooriginal no bluemarine

E como o template escolhido trata essa parte:

Por fim, como ficou com a alterao que fizemos:

Antes de mais nada, veja que cortamos algumas coisas no nossocdigo. O Drupal vem com dois nveis de menu, prontos para seremusados: o primrio e o secundrio. No nosso caso, s vamos usar oprimrio, e o secundrio foi excludo. Outra coisa que exclumos foi acaixa de pesquisa, pois vamos usar um bloco para isso. Ento vejamoso que significa cada uma dessas variveis:

$secondary_links$secondary_links$secondary_links$secondary_links - Essa varivel que montaria o menusecundrio, que no nosso caso no ir exisitr.

$primary_links$primary_links$primary_links$primary_links - Essa a varivel que monta no menu principal.

No confunda com o menu de navegao lateral. O menuprimrio aqui o menu que o dono do site ir para disponibilizaros itens para os seus usurios acessarem as vrias partes do site.Veremos como inserir um link aqui, logo abaixo

$search_box$search_box$search_box$search_box - a caixa de busca do site. Note que essa varivelno carrega o bloco que contm a caixa de busca, mas simmonta uma outra caixa de busca, por isso no vamos us-la,pois faremos isso com o bloco que contem a caixa de busca.

Vemos tambm o uso da funo themethemethemetheme com a constante linkslinkslinkslinks.Essa funo monta um menu com os vrios links contidos navarivel que passada para ele. No nosso caso final, temos a

montagem do menu primrio. Tambm nos dada aoportunidade de personalizar a classe e o id utilizado nessemenu. Esse tutorial no cobre o uso dessa funo.

Agora vamos para a parte principal do nosso tema. O tema nos permitepersonalizar a apresentao do contedo do site. O Drupal entendeque o contedo tudo que exibido na parte principal do do seu site,assim nem tudo que exibido nessa seo de fato contedo, mascoisas como os formulrios de edio, configurao e etc. tambm so


6/17

exibidos nessa rea. Vejamos como o original no bluemarine:

Em seguida como veio no nosso template. Note que no est tudo queh no template, apenas uma parte.

Por ltimo como ficou depois de alterarmos:

Novamente veja que mudamos apenas o que precisamos do Drupal.Parte da formatao original do template ficou. Vejamos o que cadauma dessas variveis:

$breadcrumb$breadcrumb$breadcrumb$breadcrumb - Essa varivel carrega o breadcrumb, que nadamais do que a trilha ou caminho pelo qual voc passou at

chegar em uma determinada parte d site.

$title$title$title$title - o ttulo do contedo que voc est vendo. Note aquique no temos apenas o ttulo de tipos de contedo, mas detoda pgina que acessamos.

$tabs$tabs$tabs$tabs - Quando logado temos algumas abas de edio, e essavarivel que as carrega.

$help$help$help$help - Mensagens de ajuda so exibidas em algumas partes dosite, essa a varivel responsvel por isso.

$messages$messages$messages$messages - Toda vez que voc realiza uma ao que necessria alguma mensagem, seja de sucesso ou erro, aquique ela ser carregada.

$content$content$content$content - Aqui onde vem o contedo em si.$feed_icons$feed_icons$feed_icons$feed_icons - Toda vez que uma pgina disponibiliza o contedoem RSS, essa varivel preenchida com um link com umaimagem para o RSS dessa pgina.


7/17

Veremos agora a nossa barra lateral da esquerda, que ter a caixa debusca, caixa de login, e, quando logado, o menu de administrao(tambm conhecido como navegao). Vejamos ento o original nobluemarine:

Como o template escolhido veio:

E como ficou no final:

Nesse caso temos apenas uma varivel, $sidebar_left$sidebar_left$sidebar_left$sidebar_left, que ir carregartodos os blocos que posicionarmos na esquerda. Nesse momento cabeuma explicao sobre como carregar os blocos no Drupal e quaisvariveis so usadas para isso.O Drupal trabalha com um conceito de regio. Por padro ele define 5regies onde podemos posicionar blocos. Essas regies so mostradasno template page.tpl.phppage.tpl.phppage.tpl.phppage.tpl.php em forma de variveis como abaixo:

$header$header$header$header - Varivel que carrega os blocos posicionados no

cabealho de um tema

$sidebar_left$sidebar_left$sidebar_left$sidebar_left - Que j vimos e sabemos que carrega os blocosposicionados na barra lateral da esquerda

$sidebar_right$sidebar_right$sidebar_right$sidebar_right - Que faz o mesmo que a $sidebar_left$sidebar_left$sidebar_left$sidebar_left, mas aoinvs carrega os blocos na barra lateral da direita


8/17

$content$content$content$content - Que carrega, por padro, os blocos abaixo docontedo

$footer_message$footer_message$footer_message$footer_message - Que carrega os blocos posicionados norodap.

possvel que se defina outras regies, mas esse tutorial no ir cobririsso. Num futuro tutorial falaremos disso.

Agora veremos a ltima parte do nosso tema, o rodap. Abaixo a verooriginal no bluemarine:

E em seguida o template:

Por fim, a verso alterada no nosso tema:

Novamente, parte do template foi mantida, pois ela fundamental paraa formatao correta do site. Vejamos o que cada uma dessasvariveis:

$footer_message$footer_message$footer_message$footer_message - J vimos essa varivel, ela responsvel por

carregar os blocos posicionados no rodap.

$closure$closure$closure$closure - Essa varivel carrega algumas instrues, geralmenteavascript, que devem ser executadas aps o processamentototal da pgina. Um bom exemplo o cdigo do GoogleAnalytics. Cada mdulo pode definir o que vir nessa varivel.Por padro ela vem vazia.

Pronto, para esse tema que escolhemos, isso tudo que precisamosmexer com PHP/HTML. Veremos agora como deixar mais prximo dotemplate original, pois ainda so necessrios alguns pequenos ajustesde CSS.

Antes de mais nada, precisamos habilitar o nosso novo tema. Assimvoc deve se logar como administrador, e ir na parte de temas(AdminsitrarAdminsitrarAdminsitrarAdminsitrar ---->>>> Construo do siteConstruo do siteConstruo do siteConstruo do site ---->>>> TemasTemasTemasTemas) e habilitar o nosso novotema, e defin-lo como padro:


9/17

Vejamos como ficou o site com essas mudanas que fizemos (clique naimagem para ampliar):

Veja que ainda existem coisas a serem feitas. Precisamos colocar obloco de login, a caixa de busca e formatar o contedo.Vamos criar um item que aparea no menu superior. Para isso crie umapgina (Criar contedoCriar contedoCriar contedoCriar contedo ---->>>> PginaPginaPginaPgina) e preencha os campos que desejar eem opes de menu preencha como abaixo:

Isso far com que aparea um menu na barra verde. Vejam que, comoeu disse antes, o primary linksprimary linksprimary linksprimary links diferente do menu de navegao.

Agora ns temos um item no menu superior, podemos criar tantosquantos desejarmos.

Agora vamos habilitar a caixa de busca na barra lateral da esquerda,para isso v at a pgina de adminstrao de blocos (AdministrarAdministrarAdministrarAdministrar ---->>>>


10/17

Construo do SiteConstruo do SiteConstruo do SiteConstruo do Site ---- >>>> BlocosBlocosBlocosBlocos) e habilitamos o bloco da busca naesquerda conforme abaixo:

Para que usurios annimos acessem a caixa de busca, precisamos dara permisso correta:

Pronto, temos todos os elementos que precisamos no nosso site.Nossa caixa de busca ficou assim:

Agora faltam os ajustes de CSS. Precisaremos identificar quais asclasses que definem a cor das duas caixas, login e busca alm dosbotes e caixa de texto.

Olhando o cdigo fonte do template, identifiquei que a caixa de login,no template, tem aplicada a classe boxAboxAboxAboxA e a de busca boxBboxBboxBboxB. Olhando ocdigo gerado pelo site at o momento, pude identificar que o bloco delogin possui a classe blockblockblockblock----useruseruserusere o bloco de busca possui a classeblockblockblockblock----searchsearchsearchsearch.

Assim, tendo mapeado as classes de origem e destino, editamos oarquivo style.css e trocamos todas as ocorrncias de uma classe (nocaso boxAboxAboxAboxA e boxBboxBboxBboxB) por outra (no caso blockblockblockblock----useruseruserusere blockblockblockblock----searchsearchsearchsearch).Assim temos o resultado para a caixa de busca:

Mas ainda ainda no est como espervamos. Nem o boto nem a caixa

de texto est como espervamos, para isso precisaremos trocar maisuma parte do CSS pelas classes corretas.Vejamos ento. A caixa de texto padro do template utiliza a classetexttexttexttextque vamos ter que trocar pela classe que o Drupal utiliza, chamadaformformformform----text.text.text.text. Para isso, editamos novamente o arquivo style.cssstyle.cssstyle.cssstyle.css eprocuramos or todas as ocorrncias de input.textinput.textinput.textinput.texte trocamos porinput.forminput.forminput.forminput.form----texttexttexttext. Igualmente com o boto, que no template tem aclasse buttonbuttonbuttonbuttone no Drupal a classe formformformform----submitsubmitsubmitsubmit.

Pronto, com todas as classes trocadas, temos como resultado final:


11/17

Ento at o momento temos o seguinte com usurio annimo(cliquepara ampliar):

E com usurio administrador(clique para ampliar):

No entanto no est 100% igual ao que desejamos, pois acima de cadabloco temos um ttulo, coisa que no h no nosso template original.Assim precisamos desabilitar isso. Para tanto acesse a rea deadminstrao dos blocos (AdministrarAdministrarAdministrarAdministrar ---->>>> Construo do siteConstruo do siteConstruo do siteConstruo do site ---->>>>BlocosBlocosBlocosBlocos) e escolha a opo "configurarconfigurarconfigurarconfigurar" dos dois blocos que queremostirar o ttulo e troque o nome do ttulo do bloco para , comoabiaxo:

Por fim, precisamos definir o nome do site, o slogan e a mensagem derodap. Para isso acesse a rea de adminsitrao do site na parte de

informaes (AdministrarAdministrarAdministrarAdministrar ---->>>> Configurao do siteConfigurao do siteConfigurao do siteConfigurao do site ---->>>> Informaes doInformaes doInformaes doInformaes dositesitesitesite) e altere os dados como abaixo e depois salve as informaces(clique para ampliar):

Isso por si s far com que voc tenha esses dados configurado. Pormo slogan do site depende do seu tema. Alguns desse elementos socontrolados individualmente por cada tema, e o nosso tema est com oslogan desativado, ento teremos que ativ-lo. Para isso acesse a rea


12/17

Criando sua prpriaautenticao do Drupal

acima Desenvolvendo Portais como CMS Drupal

de configurao do tema (AdministrarAdministrarAdministrarAdministrar ---->>>> Construo do siteConstruo do siteConstruo do siteConstruo do site ---->>>>TemasTemasTemasTemas) e clique na opo "ConfigurarConfigurarConfigurarConfigurar" do nosso tema e, em seguida,marque a caixa de "Slogan do siteSlogan do siteSlogan do siteSlogan do site", conforme abaixo:

Pronto, isso termina com a configurao do nosso site, veja comoficar na verso final, com usurio annimo(clique para ampliar):

E com o usurio logado(clique para ampliar):

Temos um template aplicado no nosso site. bom lembrar novamenteque esse no o nico mtodo de fazer temas, e para algumas pessoasno o melhor. Tambm deve-se lembrar que esse um exemplosimples e que o Drupal te deixa fazer muito mais coisa do que foimostrado nesse simples tutorial.

Abaixo voc pode baixar o template pronto

Duvidas, sugestes e comentrios so bem vindos.

Um abrao e espero que seja til para voc.AnexoAnexoAnexoAnexo TamanhoTamanhoTamanhoTamanho

tutorial.zip 14.14 KB


13/17

Enviado por rafael em dom, 12/16/2007 - 15:50 5.x Verso para

impresso Se logue ou se registre para poder enviar comentrios 24239

leituras

Em seg, 12/17/2007 - 13:24 danieldocki disse:

aprendi e muito com esse tutorial e espero mais alguns...

Se logue ou se registre para poder enviar comentrios

Em qui, 12/30/2010 - 09:49 nuvenus disse:

Outro material muito completo sobre o assunto! Essa comunidades tem fera mesmo!

amo muito tudo isso!


Em qua, 01/05/2011 - 09:14 marketingdovale disse:

Poh amigo esse outro link que voc postou ai no est comnada.esse tutorial j tem um tempo mais achei muitas coisasinteressantes nele. Valeu pelas informaes.

Marketing do Vale - links patrocinados - criao de sites


Em qua, 12/19/2007 - 22:01 Alucard disse:

Excelente tutorial, um dos melhores do gnero que vi na web at hoje,ficou muito bem explicado.

Valeu!

J


Em qui, 02/07/2008 - 11:05 thi.dias disse:

Gostei do tutorial. J deu pra me tirar do zero. Agora tenho umasdvidas.

Primeiro: O menu horizontal fica em que regio? header ou content?

Segundo: No ficou muito claro pra mim quanto ao cdigo fonte dosite. Pra fazer toda modificao que eu preciso, s vou mexer nocdigo do page.tpl.php? No preciso modificar o cdigo dos blocos?D uma detalhada mais quanto a isso, se possvel.

Obrigado desde j. E parabns.


14/17


Em qui, 02/07/2008 - 13:16 rafael disse:

Ol,

O menu pode ficar onde voc quiser. Voc pode posicionarqualquer menu em qualquer regio, pois sempre que voc cria ummenu (pela interface do Drupal) automaticamente

disponibilizado um bloco com esse menu (na rea de blocos daadministrao do Drupal). L voc coloca o bloco em qualquerregio.

Se voc est se refereindo ao menu "primary links" que j vem porpadro, esse voc posiciona onde desejar, movendo a varivel$primary_links no page.tpl.php

Vou ver se melhoro a explicao dos outros elementos. Mas jadianto. No geral vc vai precisar mexer no page.tpl.php se vocquiser mudar o estilo de formatao dos blocos, voc pode mexer

no block.tpl.php tb.

Espero que ajude.

Abrao,

--Rafael Ferreira Silvahttp://www.rafaelsilva.net


Em seg, 02/11/2008 - 10:10 thi.dias disse:

Vlw, vou aguardar os detalhes, mas j vou meter a mo na massa. Faztempo que adio esse projeto. Agora vai!Muito obrigado.


Em qua, 10/15/2008 - 22:00 SpyderIt disse:

Muito bom mesmo!!

faltou o passo de alterar o .info para identificar o theme, mas vou tefalar, precisamos de mais material como esse em portugus.

parabns e obrigado rss,Flavio Ribeirowww.spyderit.com.br

Flavio Ribeirowww.spyderit.com.br


Em sex, 10/24/2008 - 16:53 Tonscosta disse:


15/17

Pois cara... como eu fao pra alterar o info, pois o meu templatenum t aparecendo l nos temas


Em qua, 11/12/2008 - 08:58 chico_melo disse:

Eae Tonscosta!

ento cara, pra alterar o arquivo info moleza. No pacote dotemplate que foi mostrado no vem o arquivo info, entobasta voc copiar de algum outro modulo (bluemarine por ex)o arquivo "bluemarine.info", altere o nome para o nome doseu template (tutorial.info por ex) e edite ele em qualquereditor de texto!basicamente vc ir encontrar a seguinte estrutura:

name = Bluemarinedescription = Table-based multi-column theme with a marineand ash color scheme.

version = VERSIONcore = 6.x

ento basta alterar o name (nome do seu template),description (descrio do seu template), version (verso deletipo 0.1 pra comear xD) e o core (seria para qual verso dodrupal ser o template)

aps esses itens modificados seu template jah ir aparecer nalista dos temas disponives !

vlw

=D

=D


Em sex, 11/21/2008 - 14:37 cesarioalvim disse:

E ai beleza? o tutorial e realmente muito bom so qeu naoestou conseguindo fazer a minha pagina aHTML aparecer

la dentro ela ta cheia de flash fotos e tudo pronto mudei onome do info tb ela aprece la s qe fica tudodesconfigurado as figuras nao aparecem la... nem ostextos. como que fao?


Em ter, 05/12/2009 - 15:46 flavio_tito disse:

recoverable fatal error: Object of class stdClass could not be

converted to string in C:\xampp\htdocs\drupal-6.11\themes\tutorial\page.tpl.php on line 7.

Segui o tutorial em cada detalhe, mas esse erro aparece no topo daminha pgina. Minha verso drupal-6.11.


16/17

algum sabe me dizer o que acontece?obrigado.


Em qui, 05/21/2009 - 09:15 rafael disse:

Flvio,

Esse tutorial foi feito pensando no Drupal 5, ento alguma coisapode, de fato, dar errado na verso 6. Vou tentar fazer umaatualizao para que ele funcione no 6 e posto aqui.

Abrao

--Rafael Ferreira Silvahttp://www.rafaelsilva.net


Em sex, 09/11/2009 - 04:24Jhonatta disse:

Flvio e Rafael, o mesmo problema ocorreu comigo.Encontrei a soluo aqui: http://drupal.org/node/241896Bsicamente, s substituir $language por $language->language,no arquivo citado na mensagem de erro


Em qua, 01/05/2011 - 09:09 claudiorodrigues disse:

Tambm estava tendo esse problema e ai abandonei umpouco o projeto, quando voltei no tpico estava a soluo notpico que voc postou.Obrigado pela ajuda ai.

Vagas POA - Anunciar vagas de Emprego


Em qui, 05/21/2009 - 12:44 flavio_tito disse:

obrigado Rafael!


Em qua, 11/23/2011 - 14:02 dilsondourado disse:

Tutorial excelente!!!!!



17/17

Gentilmente hospedado porEste site feito, orgulhosamente, com Drupal.

Criando Um Tema Para o Drupal

Documents

Transcript of Criando Um Tema Para o Drupal