Desenvolvendo para a web #4: tema para WordPress

25 de junho de 2012 Webdesign 5 comentários

Os temas do WordPress consistem em um conjunto de arquivos, em que cada um tem o seu papel no conjunto. Header.php e footer.php consistem em cabeçalho e rodapé, respectivamente, e são usados em quase todas as páginas, enquanto outros arquivos possuem suas especificidades de aparição. O WordPress possui uma hierarquia entre os arquivos dos temas.

O objetivo deste post não é explicar como funciona o mecanismo que o WordPress utiliza para indexar as páginas e reconhecer arquivos, mas sim mostrar os arquivos necessários para a criação de um tema.

Primeiramente, vamos aprender como se instala um tema já pronto.

Instalando um tema via Painel de Controle

No painel do WordPress, acesse a aba Aparência e clique em Temas. (Menu > Aparência > Temas)

Ao acessar, clique em Instalar Temas e você terá a opção de pesquisar temas ou fazer upload de um tema do seu computador.

Identificando o tema ideal ao seu projeto, clique em instalar. Em poucos minutos o seu tema estará instalado e pronto para utilizá-lo. Vá até a aba Gerenciar Temas e ative-o.

Instalando um tema via FTP.

Após baixar o tema de sua preferência, descompacte-o criando uma nova pasta no diretório wp-content/themes.  No painel de controle, acesse Menu > Aparência > Temas > Gerenciar Temas e ative-o.

Desenvolvendo o próprio tema

Quando desenvolvemos nosso próprio tema, este  se adequará, exclusivamente, às necessidades que o projeto web necessita. Além disso, segundo o Codex do WordPress, é criativo e também divertido (concordam?). Além disso, também é uma oportunidade para aprender mais sobre CSS, HTML e PHP.

Diretório e arquivos

Os temas do WordPress ficam no diretório wp-content/themes.

Abaixo os arquivos principais que formam o tema do WordPress.

index.php
É o arquivo principal. Deve estar  presente em todos os temas.

style.css
Representa a folha de estilo principal. Quer saber mais sobre CSS? Confira aqui.

comments.php
O modelo de comentários.

single.php
O arquivo para o modelo de único post, quando este é consultado separadamente.

page.php
O arquivo para o modelo de página, quando esta é consultada separadamente.

404.php
Representa o “Erro 404″, é usado quando o WordPress não encontra um post ou página que corresponda a consulta.

header.php
Representa o cabeçalho do tema. Geralmente o menu vem integrado.

footer.php
Representa o rodapé do tema.

functions.php
Arquivo que contém todas as funções php do seu tema.

sidebar.php
Representa a barra lateral. Com os Widgets.

Loop
O loop (laço) consiste em uma forma de mostrar os posts na página principal, de acordo com critérios pré-estabelecidos.  Qualquer código colocado dentro do loop será repetido em cada post.  Assim, podemos definir que todos os posts terão Título, data, horário e autor, por exemplo.  O código abaixo exemplifica o conceito de Loop no arquivo index.html.

< ? php get_header();
  if (have_posts()) :
     while (have_posts()) :
        the_post();
        the_content();
     endwhile;
  endif;
get_sidebar();
get_footer(); ? >

 

Há muitos outros arquivos não menos importantes que podem ser inseridos em seu tema. Como se percebe, os arquivos são bem organizados e cada qual com sua importância num todo. Essa organização remete a ganhos. Levando em consideração as empresas de desenvolvimento web, um tema desenvolvido por um profissional poderá ser entendido, quase que totalmente, por outro profissional. Essa é uma das questões mais importantes da “filosofia WordPress” que espero ter passado à vocês.

Para saber mais sobre o assunto, acessem a página do Codex, com informações sobre a Hierarquia dos arquivos.

Dúvidas e sugestões mandem para thiago@chocoladesign.com ou  @althi. Abraços e ótima semana! :D

  • Thiago Almeida

    Olá! Me chamo Thiago Almeida sou de Belo Horizonte, Minas Gerais. Estudo Ciência da Computação na Universidade Federal de Lavras e trabalho como desenvolvedor web. Aqui no Choco la Design falarei sobre Web Design, Usabilidade, Acessibilidade e Programação. Também escrevo crônicas no Autômato Algum. Amante de design, fotografia, filosofia e uma boa música.Me encontre no Twitter, Flickr, Facebook e LikedIn. Abraços!

    Veja todos os 60 posts publicados por Thiago »

    COMENTÁRIOS

    • amandabritodiz

      Estou de pertinho acompanhando seus posts, tenho muito interesse em aprender mais sobre WP. =)

      • althi

        Amanda! Fico feliz por isso! Tenho certeza que tu vai longe. Qualquer dúvida só avisar! :) )

    • Wandersonabv

      Ótimo post. Gostaria que fizesse um sobre a plataforma Blogger, que é usada por muitos blogueiros, inclusive eu. Seria de grande ajuda.

      http://www.publicitariobebado.com

    • Lucaslopes

      Muito bom, ja consegui me encorajar com essa introdução.

    • http://profile.yahoo.com/LQF2MVQQH2IVSUF5J4B3EQUGHI Daniela

      Legal, eu já trabalhei com WordPress mas sempre com downloads de temas free, sabe me dizer se existe a possibilidade de eu criar um tema próprio utilizando o código de outro tema?, ou seja apenas recriar o design gráfico?