Como criar um tema para o WordPress – parte I Por Érico Oliveira dia 07 de junho de 2007 às 17:51 | Imprimir este post

Neste tutorial explicarei como criar um tema para o WordPress baseado em um template XHTML/CSS. Como não sou designer e nosso objetivo aqui não é criar um template e sim um tema para o WordPress, fui no OSWD e escolhi um template, o escolhido foi o Mighty, desenvolvido pelo Kulor.

Template Mighty

Template Mighty

Todos os templates que existem lá, você pode copiar, modificar e utilizar da forma que quiser, desde que cite o autor. Então escolha um template ou crie o seu próprio e vamos colocar a mão na massa.

Um detalhe importante, na verdade dois, primeiro: para a completa compreensão deste tutorial é necessário que você saiba HTML e CSS, se souber alguma coisa de PHP será ótimo mas não é essencial. Segundo: para tornar mais rápido e prático o desenvolvimento do tema eu recomendo que você instale o WordPress no seu computador, eu já fiz um tutorial explicando como fazer isso, espero que lhe seja útil.

Nesta primeira parte do tutorial explicarei onde colocar os arquivos, como o WordPress reconhece seu tema e como criar o cabeçalho. Vamos lá, acesse a pasta wp-content/themes, que está localizada dentro do seu WordPress no seu computador ou no seu servidor, crie uma pasta com o nome da sua template, no meu caso será Mighty, e salve os arquivos da template. Qualquer tema do WordPress deve ter no mínimo dois arquivos, index.php e style.css. No nosso caso teremos mais, são eles: index.php, header.php, sidebar.php, footer.php, comments.php, style.css, screenshot.png e mais uma pasta chamada images (que contem as imagens utilizadas na template). Na medida que formos construindo a template irei explicando para que serve cada um destes arquivos.

Antes de entrarmos diretamente na modificação dos arquivos faremos logo a imagem de preview do tema, que aparece na administração, no momento em que você está selecionando as templates. O arquivo deve ser chamar screenshot.png e possuir 300×225 pixels. Deverá ser salva na pasta do tema como todos os outros arquivos, no nosso caso wp-content/themes/mighty. Lembrei agora de uma dica muito legal que sempre utilizo quando tenho alguma dúvida, vejo como foi feito nos outros templates, principalmente no Classic e Default, que foram os primeiros temas do WordPress.

A primeira modificação a ser feita será no arquivo style.css. Neste arquivo deveremos inserir as informações sobre a template, que o WordPress utilizará para reconhecer como um tema e exibirá na seção Presentation>Theme do administrador. Se estes dados não forem inseridas no início do style.css, o tema não aparecerá para você escolher na administração. As informações que deverão ser inseridas são as seguintes:

/*
Theme Name: Mighty
Theme URI: http://www.pblog.com.br/
Description: Tema desenvolvido por Erico Oliveira baseado no template Mighty
Author: Erico Oliveira
Author URI: http://www.pblog.com.br
Version: 1.0
*/

Acredito que aqui não há nada a ser esclarecido, tudo é bem óbvio. Vamos adiante.

O próximo arquivo que faremos é o header.php, ou seja, o cabeçalho. Copiaremos o trecho do código referente a esta parte da template:

Cabeçalho do tema Mighty

Cabeçalho do tema Mighty

Que é exatamente esta:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Mighty</title>
<meta http-equiv="content-type" content="application/xhtml+xml; charset=utf-8" />
<link rel="stylesheet" href="style.css" media="all" type="text/css" />
<link rel="alternate" href="" title="RSS Feed" type="application/rss+xml" />
</li>
</head>
<body>
<div id="header">
<div class="subContainer">
<div id="logo">
<div id="box">MIGHTY</div>
<p>Template by James Broad</p>
</div>
</div>
</div>
<div id="navigation">
<ul>
<li id="active"><a href="">Home</a></li>
<li><a href="">About Mighty</a></li>
<li><a href="">Products</a></li>
<li><a href="">Services</a></li>
<li><a href="">Contact Us</a></li>
</ul>
</div>

Agora iremos substituir parte do código estático do HTML pelas tags do WordPress. Para quem não está muito familiarizado com PHP ou outra linguagem dinâmica o negócio funciona assim: na linha 5 do código HTML, por exemplo, temos e iremos substituir por . Desta maneira quando o arquivo header.php for solicitado, o servidor irá processar todos os trechos de códigos compreendidos entre e ?> antes de enviar para o seu browser, neste caso ele substituirá a tag bloginfo('name'); pelo título do blog que você informou no administrador do WordPress. Ok? Vamos então ver como ficou todo código com as tags do WordPress.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title><?php bloginfo('name'); ?></title>
<meta name="generator" content="WordPress <?php bloginfo('version'); ?>" />
<meta http-equiv="content-type" content="<?php bloginfo('html_type'); ?>; <?php bloginfo('charset'); ?>" />
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" media="all" type="text/css" />
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="alternate" type="text/xml" title="RSS .92" href="<?php bloginfo('rss_url'); ?>" />
<link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="<?php bloginfo('atom_url'); ?>" />
 <li></li>
<?php wp_head(); ?>
</head>
<body>
<div id="header">
<div class="subContainer">
<div id="logo">
<div id="box"><?php bloginfo('name'); ?></div>
<p><?php bloginfo('description'); ?></p>
</div>
</div>
</div>
<div id="navigation">
<ul>
<li><a href="<?php echo get_option('home'); ?>/">Home</a></li>
<?php wp_list_pages('title_li='); ?>
</ul>
</div>

Agora vou explicar todas tags utilizadas neste cabeçalho. Se você quiser saber mais detalhes sobre as tags ou conhecer as demais tags do WordPress eu recomendo uma visita ao Codex>Template Tags (em inglês, ok?).

  • bloginfo('name') - este quase dispensa explicações, nome do blog;
  • bloginfo('version') - versão do WordPress;
  • bloginfo(’html_type’) - "Content-type" do seu blog;
  • bloginfo(’charset’); - codificação de caracteres utilizada no blog;
  • bloginfo(’stylesheet_url’) - CSS do seu tema;
  • bloginfo(’rss2_url’) - RSS 2.0 do blog;
  • bloginfo(’rss_url’) - RSS 0.92 do blog;
  • bloginfo(’atom_url’) - Atom do blog;
  • wp_head() - é uma tag especial que permite que certos plugins insiram códigos no cabeçalho de seu tema. Quando esta tag não é inserida vários plugins deixam de funcionar, então não esqueça de colocá-la em todos os seus temas;
  • bloginfo('description') - descrição do blog;
  • get_option('home') - na verdade trata-se de uma função e não uma tag, por isso deve vir precedida da função echo do PHP, que exibe o resultado de uma função ou variável. Neste caso irá retornar a URL inicial do blog;
  • wp_list_pages('title_li=') - exibe uma lista com todas as páginas existentes.

Terminamos assim a primeira parte do nosso tutorial. Na próxima etapa falaremos sobre o corpo principal do site, onde são exibidos o objetivo de todo blog, os posts.

Adicionar um comentário

77 comentários : “ Como criar um tema para o WordPress – parte I ”

  1. 1
    Gravatar
    Pedro Menezes :

    Demorou um pouco, mas chegou. Estava faltando bons tutoriais sobre isso nos blogs.
    Embora não seja tão difícil de fazer, pode ser um pouco cansativo.
    Parabéns pela iniciativa! :D

  2. 2
    Gravatar
    Érico Oliveira :

    Obrigado Pedro! Espero continuar com este mesmo entusiasmo por bastante tempo. :)

  3. 3
    Gravatar
    Marcus :

    Muito boa a parte I, espero que você tenha pique para chegar até a última parte, porque os tutoriais em blogs brasileiros que tenho visto param na metade, isso é um pouco chato…estou muito a fim de fazer meu próprio tema e estou pesquisando pela net, gostei do site, parabéns :)

  4. 4
    Gravatar
    Dario :

    Gostei do tutorial brother, talvez eu crie um pouco de vergonha na cara e deixe de preguiça pra começar a criar um tema próprio pro ticnervoso, apesar de gostar do que se encontra lá.
    abraços.

  5. 5
    Gravatar
    Como criar um tema para o WordPress - parte III :

    [...] Como criar um tema para o WordPress – parte IPlugins que não podem faltar no seu blogComo criar um tema para o WordPress – parte IIInstale plugins e temas com apenas um cliqueColeção de Temas para o WordPressTema para WordPress com cara de CMSDiferentes estilos para os anúncios do Google AdsenseComo diferenciar os seus comentários dos comentários dos visitantesTema com 2 colunas e design primorosoUtilizando o FTP para enviar arquivos para o servidor [...]

  6. 6
    Gravatar
    Garcia Junior :

    cara, teu blog serviu pra eu aprender umas coisinhas sobre a programação no wordpress. descobri esse programa na semana passada e já criei um blog no meu site, veja lá e me diga o que acha: http://www.imagetica.net/blog.

  7. 7
    Gravatar
    Érico Oliveira :

    Sempre fico mais motivado ao saber que meus tutoriais tem ajudado pessoas como você, a criar seus próprios blogs e personalizá-los. Parabéns!

  8. 8
    Gravatar
    Como criar um tema para o WordPress - parte IV :

    [...] criar um tema para o WordPress – parte IIComo criar um tema para o WordPress – parte IPlugins que não podem faltar no seu blogColeção de Temas para o WordPressInstale plugins e temas [...]

  9. 9
    Gravatar
    Como criar um tema para o WordPress - parte V :

    [...] criar um tema para o WordPress – parte IIComo criar um tema para o WordPress – parte IPlugins que não podem faltar no seu blogColeção de Temas para o WordPressInstale plugins e temas [...]

  10. 10
    Gravatar
    Como criar um tema para o WordPress - parte V :

    [...] criar um tema para o WordPress – parte IIComo criar um tema para o WordPress – parte IPlugins que não podem faltar no seu blogColeção de Temas para o WordPressInstale plugins e temas [...]

  11. 11
    Gravatar
    Os 10 Melhores Sites para Baixar Themes para WordPress | PedroMenezes.com :

    [...] Série – Como criar um tema para WordPress ~ o Érico Oliveira do Pblog está com esta série que está fazendo o maior sucesso! Se você não gosta de geradores ou de usar themes dos outros, dê uma passada lá! [...]

  12. 12
    Gravatar
    Boas Vindas « Blog do Universo Sertanejo :

    [...] Nao! Dessa vez nao eh um post meu e sim uma recomendacao para o pBlog, que fez recentemente esse post aqui: Como criar Tema para o Wordpress, parte [...]

  13. 13
    Gravatar
    pBlog, Personalize seu blog Wordpress » Blog Archive » Como criar um tema para o WordPress - parte II :

    [...] criar um tema para o WordPress – parte IIComo criar um tema para o WordPress – parte IPlugin Digg style paginationTema para WordPress traduzido para portuguêsComo exibir tags no [...]

  14. 14
    Gravatar
    Cadu de Castro Alves :

    Érico,

    não conhecia teu blog. Muito boa a tua iniciativa de escrever tutoriais sobre WP. Aqui no Brasil temos poucas fontes boas como esta.

    Acabei de lançar um tema gratuito para WP voltado para portais. A minha idéia é criar e disponibilizar temas gratuitos que fujam ao formato padrão dos temas, ou seja, a cara de blog. Já tenho iniciados mais dois temas, também gratuitos, que em breve estarão disponíveis. Mas o foco dos temas ainda é segredo.

    Parabéns pelo blog! Abraços!

  15. 15
    Gravatar
    runway :

    Criei um tema em css mas ele não aparece na lista. Alguem tem uma dica?

    http://expectante.info
    http://amopax.com

  16. 16
    Gravatar
    Julio :

    amigo muito boa iniciativa, voce está de parabens por esse tutorial.

  17. 17
    Gravatar
    Themas Templates modelos de layouts design wordpress donwload e links diversos | Blog do teo :

    [...] Série – Como criar um tema para WordPress ~ o Érico Oliveira do Pblog está com esta série que está fazendo o maior sucesso! Se você não gosta de geradores ou de usar themes dos outros, dê uma passada lá! [...]

  18. 18
    Gravatar
    Akanga :

    Muito bom !

  19. 19
    Gravatar
    DanielCastro :

    Ótimo tutorial.
    Estou indo ler as próximas partes e tenho certeza que vai me ajudar muito…

    Obrigado por contribuir com a comunidade internauta ;)

  20. 20
    Gravatar
    Pablo Almeida :

    ES-PE-TA-CU-LAR! ;)

  21. 21
    Gravatar
    Oito Passos Para... um novo visual | inovaVOX.com :

    [...] de como cortar uma cabeleira (só sei cortar cabelo com um “tosador”), muito menos como fazer um tema para blog no wordpress, sou péssimo professor. Na verdade escrevo este post para lhe apresentar o novo visual o blog Oito [...]

  22. 22
    Gravatar
    Os 10 Melhores Sites para Baixar Themes para WordPress « :: vida digital :: :

    [...] Série – Como criar um tema para WordPress ~ o Érico Oliveira do Pblog está com esta série que está fazendo o maior sucesso! Se você não gosta de geradores ou de usar themes dos outros, dê uma passada lá!” [...]

  23. 23
    Gravatar
    pBlog: dicas, truques e macetes para Wordpress :

    [...] Como criar um tema para o WordPress – parte I [...]

  24. 24
    Gravatar
    Criar template para Wordpress - Templatr Template Generator :

    [...] quem tiver interessado em aprender como criar um Tema Wordpress do zero encontrei tambem o post do PBlog que detalha em 5 posts como fazer um tema para seu blog Abraço a [...]

  25. 25
    Gravatar
    Patricia :

    muito bom esse tutorial.. mas tenho preguiça de seguir haha

  26. 26
    Gravatar
    Neviim :

    Um site com bons tutoriais para worpress: http://tinyurl.com/6khhqa

  27. 27
    Gravatar
    O primeiro template para Wordpress que fiz por PDL - Puta da Loucura :

    [...] Como criar um tema para o WordPress – parte I [...]

  28. 28
    Gravatar
    Não sabe fazer? procure um tutorial : Info Dinheiro :

    [...] Como criar um tema para o WordPress – parte I [...]

  29. 29
    Gravatar
    maurizansanteli :

    @zenatuz três links bons http://tinyurl.com/5olpk5
    http://tinyurl.com/6khhqa

  30. 30
    Gravatar
    leobaiano :

    @blogcitario o Pblog uma vez publicou como desenvolver um tema baseado numa página xhtml + CSS – http://tinyurl.com/6khhqa

  31. 31
    Gravatar
    WTF? Dicas e Noticias :

    Legal, estou começando a criar templates que é muito dificil mas chegarei lá seu post será uma grande ajuda….

  32. 32
    Gravatar
    Samuel Lamim de Carvalho :

    “Agora iremos substituir parte do código estático do HTML pelas tags do WordPress.”

    Cara. infelizmente me perdi nessa parte.
    onde vão os códigos deste passo? vc menciona um HTML, e acabei me perdendo. isso vai ser um arquivo novo? como chamá-lo?

    mais até aqui to gostando um monte. instalei tudo certinho e tá funcionando legal.

    parabens pelo tutorial. vou continuar as próximas partes. (derrepente acabo descobrindo a resposta pra essa pergunta)

    ^^

  33. 33
    Gravatar
    sumy :

    Meu template possui três colunas.
    Não sei para que serve a coluna da direita.
    Peço ajuda.

  34. 34
    Gravatar
    Blog do Gustavo » Blog Archive » Atualização do Pagerank :

    [...] posso vir a colher frutos no futuro. Aproveito o espaço para agradecer as dicas que tenho lido no pBlog e no Fique-Rico, o que me ajudou a amadurecer e alcançar esse [...]

  35. 35
    Gravatar
    Cristiano :

    Valee mesmo amigo, era isso que eu estava procurando

  36. 36
    Gravatar
    Sidnei :

    Acredito que deu algum problema com o blog, pois nao estou conseguindo visualizar direito, nem no FF e nem no IE,
    estou tentando fazer meu primeiro tema, mas acho que vou ter que esperar o site voltar ao normal, pois é dificil conteudo de qualidade na net, e aui é show de bola.

  37. 37
    Gravatar
    Sidnei :

    Pooooowww valeu pela atençao, amanhã no horário do almoço volto a meu exercicio diário de estudar WP e acompanhar seus tutoriais…
    inflelizmente só me resta o horário de almoço pra fazeer algo ou aprender algo. :(

    Valeu.

  38. 38
    Gravatar
    Johnny :

    Cara, seu blog não é uma mão na roda não, é a oficina inteira.

    Parabéns e obrigado por se propor a isso tudo.

  39. 39
    Gravatar
    de musicas :

    boa, boa…
    já estou dando uma estudada….

  40. 40
    Gravatar
    Michelle :

    Mto bom o tutorial. Me ajudou bastante!

  41. 41
    Gravatar
    Guiiih Tutoriais » Como criar um tema para o WordPress - parte II :

    [...] primeira parte do tutorial expliquei como funciona um tema WordPress em linhas gerais e sobre os arquivos screenshot.png, [...]

  42. 42
    Gravatar
    Dabliuerre.com » Os 10 Melhores Sites para Baixar Themes para WordPress :

    [...] Série – Como criar um tema para WordPress ][ o Érico Oliveira do Pblog está com esta série que está fazendo o maior sucesso! Se você não gosta de geradores ou de usar themes dos outros, dê uma passada lá!” [...]

  43. 43
    Gravatar
    Paulo :

    Érico,

    Fui no seu tutorial “Instale o wordpress no seu computador”, baixei a versão 3.0 do EasyPhP ( o seu link estava com erro mas achei o correto), criei o banco de dados e na hora da instalação do wordpress ele dá erro devido a não achar o banco de dados. Mysql está lá mas o wordpress não localiza. Deve ser questão de diretório,mas não sei como proceder.
    Tem uma dica?
    Valeu pelo tutorial.

  44. 44
    Gravatar
    Edson :

    Amigo, o tutorial está excelente, mas não consegui seguí-lo pois algumas partes do código não estão sendo visualizadas. Tentei com o Firefox 3 e o Internet Explorer.

    Por exemplo, na parte:

    Que é exatamente esta:

    1.
    2.
    3.
    4. Mighty
    5.
    6.
    7.
    8.
    9.
    10.
    11.

    Na linha 5 você diz que precisa ter determinado código, mas não está parecendo este código, imagino que o WordPress tenha apago o código. Poderia verificar isso? Pois gostaria de seguir o seu tutorial.

    Obrigado e parabéns.

  45. 45
    Gravatar
    Érico Oliveira :

    Edson, estou visualizando normalmente o código, não sei o pode ter acontecido para você não ver o código.

  46. 46
    Gravatar
    Gabriela :

    Olá! Adorei o tutorial. Nenhum outro site tem tão explicado quanto aqui. Mas me diga uma coisa… eu comprei um site na Insite e tenho enviar arquivos por FTP e nunca consigo porque dá erro. O que pode ser? É problema na hospedagem? Obrigada.

  47. 47
    Gravatar
    Érico Oliveira :

    Gabriela, é comum acontecer problemas durante o upload de arquivos por FTP principalmente se são muitos arquivos como no caso do WordPress. A dica que tenho é para não enviar todos os arquivos de uma só vez. Envie primeiro uma pasta, depois outra e assim por diante.

  48. 48
    Gravatar
    Sombrillita :

    Nossa q legal
    To aqui instalando paso por paso
    e to amando os pasos Rss
    Muito obrigada pelo tuto..
    Bjsss

  49. 49
    Gravatar
    Alberto André :

    Não consigo visualizar os códigos =/

  50. 50
    Gravatar
    Mar-20-2009 web design links | w3feeds :

    [...] Como criar um tema para o WordPress – parte I | pBlog [...]

  51. 51
    Gravatar
    Como criar um tema para o WordPress - parte I | João Andrade l Web Designer :

    [...] autor. Então escolha um template ou crie o seu próprio e vamos colocar a mão na massa.Um detalhe importante, na verdade dois, primeiro: para a completa compreensão deste tutorial é necessário que você [...]

  52. 52
    Gravatar
    Como criar um tema para o WordPress - parte II | João Andrade l Web Designer :

    [...] primeira parte do tutorial expliquei como funciona um tema WordPress em linhas gerais e sobre os arquivos screenshot.png, [...]

  53. 53
    Gravatar
    Como criar um tema para o WordPress - parte V | João Andrade l Web Designer :

    [...] tempo. Para quem está chegando agora, é bom dar uma olhada nos posts anteriores deste tutorial, parte I, parte II, parte III e parte [...]

  54. 54
    Gravatar
    Como criar um tema para o WordPress - parte III | João Andrade l Web Designer :

    [...] apenas andei sem tempo nas últimas semanas. Para quem está chegando agora, recomendo a leitura da Parte I e Parte II do tutorial. Na primeira parte do tutorial expliquei como funciona um tema WordPress em [...]

  55. 55
    Gravatar
    Rodrigo :

    @rodrigobreck p/ estudar customização no wp pega essa serie: http://bit.ly/F2qXc

  56. 56
    Gravatar
    Como criar um tema para o WordPress – parte I | pBlog :

    [...] post: Como criar um tema para o WordPress – parte I | pBlog Tags: exibe-todas – pages-existentes – todas-as-pages Comments0 Leave a Reply Click here [...]

  57. 57
    Gravatar
    Rayzah :

    Parabéns! Tutorial muito bom pra quem quer começar a fazer os próprios themes…como eu =P, valeu pela ajuda!

  58. 58
    Gravatar
    Delicious Over 50 :

    Como criar um tema para o WordPress – parte I | pBlog http://bit.ly/wfzUZ wordpress

  59. 59
    Gravatar
    Mayumi Sato :

    Legal pra quem quer editar o wp: http://bit.ly/F2qXc

  60. 60
    Gravatar
    William :

    Amigos, qual o melhor editor para editar os temas para Wordpress? estou começando agora a usar Wordpress, to usando no momento o DW.

    Érico, Parabéns pelo blog e pelos posts

  61. 61
    Gravatar
    Rafael Mota :

    @AlineLii http://bit.ly/F2qXc
    não desista leia isso antes

  62. 62
    Gravatar
    Leidielson :

    gostei das dicas.
    muito bom

  63. 63
    Gravatar
    Everson Leite Costa :

    Vc ta no #edted oficina de wordpress?. saiba criar um tema http://bit.ly/F2qXc

  64. 64
    Gravatar
    Gabriel de Faria Corrêa :

    bem legal

  65. 65
    Gravatar
    Davi :

    WP é realmente tudo isso que falam né?!

    Segue o link pro CODEX em portugues!

    http://codex.wordpress.org/pt:P%C3%A1gina_Inicial

    bração

    vlw e fuizzz

  66. 66
    Gravatar
    Bruno :

    Ai feraaaa muito bom seu trabalho…

    so que ainda to com muitas duvidas…. não consegui instalar ainda o wordpress no meu pc…quando chega na parte de instalação do wordpress da um erro..ele não conecta ao servidor….

    Seria uma boa se vc disponibilizasse umas videos-aulas…ajudaria muito…

    consegui fazer boa parte do que vc citou na instalação….

    Continue com o belo trablho…

    abração de um futuro blogueiro…

  67. 67
    Gravatar
    хостинг :

    ler todo o blog, muito bom

  68. 68
    Gravatar
    ricardo :

    Tutorial de temas para wp: http://www.pblog.com.br/2007/06/07/como-criar-um-tema-para-o-wordpress-parte-i/

  69. 69
    Gravatar
    ricardo :

    Tutorial de temas para wp: http://www.pblog.com.br/2007/06/07/como-criar-um-tema-para-o-wordpress-parte-i/

  70. 70
    Gravatar
    Erika Sarti :

    @SilvaWelington http://www.pblog.com.br/2007/06/07/como-criar-um-tema-para-o-wordpress-parte-i/ todo o blog tem um conteúdo ótimo sobre WP

  71. 71
    Gravatar
    Erika Sarti :

    @SilvaWelington http://www.pblog.com.br/2007/06/07/como-criar-um-tema-para-o-wordpress-parte-i/ todo o blog tem um conteúdo ótimo sobre WP

  72. 72
    Gravatar
    Regiane :

    Sim e as imagens onde referenciar ?

  73. 73
    Gravatar
    Keyth :

    Olá,
    apesar de ter colocado os comments no style.css como foi falado, o tema nao aparece no amdmin do site. alguma ideia?

    obrigada.

  74. 74
    Gravatar
    Grazik :

    Eu estou com o mesmo problema da Keyth.

    O tema não aparece nos themes do wordpress que eu instalei no computador. Poderia ajudar?

  75. 75
    Gravatar
    Érico Oliveira :

    Keyth e Grazik,

    Para o tema ser exibido na ardministração do WordPress o arquivo CSS deve se chamar obrigatoriamente style.css, o cabeçalho deve ser igual ao mostrado no post (mudando apenas o nome do tema, o autor, etc) e ele deve estar localizado na raiz do tema, ou seja, não pode estar dentro de uma pasta.

  76. 76
    Gravatar
    Carlos Victor :

    Primeiramente, gostei muito do seu tutorial! está me ajudando bastante…

    Eu nem ia comentar isso pq o post tem taaaanto tempo, mas como vejo que ainda tem atividade nos comentarios. Mas parece que tem um pequeno erro na linha 8 da primeira listagem de código e na linha 11 da segunda…parece que tem uns ’s perdidos…hahahaha
    nao sei se foi de proposito, mas no pacote final que vc disponibilizou para download eles nao aparecem…
    eu sei q isso nao é nada demais, mas eu tbm tenho um blog e gosto qnd as pessoas mostram essas coisas que deixamos passar :-)

    mais uma vez, obrigado pelo tutorial!

    abraço!

  77. 77
    Gravatar
    Como criar um tema para wordpress « WPDesign – Personaliza o teu blogue :

    [...] Como criar um tema para o WordPress – parte I [...]

Escreva um Comentário