Temas para wordpress: como editar

Diferente dos templates para blogger, que são codados em xml, os temas para a plataforma WordPress são desenvolvidos em PHP com CSS. Sendo que o PHP é necessário para as funcionalidades do tema e o CSS apenas para estruturar a aparência do blog, o que chamamos por template. Assim a linguagem CSS trata apenas dos aspectos visuais e é justamente o arquivo “style.css” que deve ser trabalhado. Quando queremos fazer uma alteração mais profunda, devemos trabalhar também o código PHP do tema, mas para isso é recomendado saber um pouco do codex wordpress.

E tem sido bastante comum a busca de informação sobre o desenvolvimento de temas para a plataforma wordpress. Um dos motivos é que boa parte dos bloggers procuram apresentar um tema exclusivo que destaque seu blog na web, diferente de outros milhares de templates que são distribuidos gratuitamente. Com isso resolvi dar uma pequena contribuição para que você com um pouco de conhecimento possa elaborar o seu próprio tema a partir de um tema base. Neste post trato apenas dos aspectos mais teóricos, em outros artigos como editar e traduzir temas wordpress – parte 01, editar e traduzir tema wordpress – parte 02, parte 03 e parte 04 abordo as questões práticas, mostrando o que pode e onde deve ser alterado em cada ficheiro.

As ferramentas necessárias para editar um tema wordpress

Primeiramente, será preciso de algumas ferramentas e um pouco de conhecimento em programação em PHP e CSS (folhas de estilo em cascata – uma linguagem bastante fácil de ser aprendida); As ferramentas necessárias são um servidor para PHP (EasyPHP), que podem ser baixados em sites de downloads com o baixaki ou na página do desenvolvedor e um pacote wordpress, que também pode ser baixado gratuitamente.

Ferramentas instaladas, procure um tema para wordpress de seu interesse, mas que você gostaria de editá-lo, tornando-o exclusivo (observe sobre normas e direitos autorais, alguns temas são livres outros são proprietários). Instale na pasta themes que fica em contents da pasta do wordpress (www/wordpress/wp-contents/themes/tema escolhido). Ou se preferir edite o tema padrão do wordpress que já vem com a própria aplicação.

Alterar fontes, cores e fundo do tema wordpress

Alterações mais simples sem modificar a estrutura padrão é realizada via CSS. Na área administrativa poderar editar  o arquivo “style.css”  pelo editor no menu “Aparência” do painel do wordpress. Edite os valores conforme sua preferência. Não há a necessidade de saber PHP, basta apenas saber os atributos e valores do CSS (que é bastante fácil).

A primeira parte que fica comentada (entre /* */) será ignorado pelo browser e é onde você coloca suas credenciais, tais como nome do tema, autor, descrição do tema, url… O restante do arquivo apresenta dados válidos e quando alterados modificarão a aparência do blog.

Você terá que saber o significado de cada atributo e seus valores. Por exemplo: para alterar a cor padrão do texto do blog de preto para azul poderá modificar o valor de COLOR: #000000; para COLOR:#0000FF; e caso queira mudar o tamanho da fonte, tornando-a maior, poderá alterar o valor de FONT-SIZE:12px para 14px. O background (plano de fundo) também pode ser alterado, basta escolher a imagem ou cor preferida.

No início é comum cometermos alguns erros, com algum tempo e um pouco de prática se consegue rapidamente editar um template deixando-o completamente diferente do original. Se pensa em saber um pouco mais de css poderá ler no artigo editar tema wordpress 1.

Alterar a estrutura de um tema wordpress

Muitas vezes queremos traduzir, modificar o formato de data, retirar ou adicionar os metadados (postado por, categoria, tags, etc…). Ou mesmo definir se mostra o resumo de postagens ou o artigo completo na home do blog. Neste caso as alterações são realizadas no código PHP.

Neste ponto um maior cuidado deve ser tomado, um único ; (ponto e vírgula) ignorado poderá quebrar o tema. Recomendo estudar antes de efetuar alterações neste nível. Outro ponto que devo destacar é  não realizar estas alterações diretamente no blog. Instale o servidor local em seu computador, assim algum erro cometido basta excluir o tema e iniciar o trabalho novamente.

Inicialmente traduzir ou modificar um tema wordpress poderá ser uma atividade chata, principalmente se você não conhece as linguagens utilizadas para montar o tema. Mas acredite com um pouco de teimosia você acabrá conseguindo realizar as alterações que deseja. Infelizmente não tenho como dar uma receita pronta, os vários temas da internet são codados de maneiras diferentes, mas deixo o espaço para o leitor apresentar suas dúvidas sobre a edição ou o que gostaria que eu abordasse em outros artigos.  Pergunte, tire suas dúvidas e acompanhe o blog para saber quando seu questionamento for respondido.

Artigos relacionados - leia também


4 Comentários para Temas para wordpress: como editar

  1. [...] prometido no artigo temas-para-wordpress-como-editar quando mostrei que é possível editar um tema do wordpress, dou início ao tutorial sobre a [...]

  2. domelhor.net disse:

    Temas para wordpress: como editar…

    Ter um blog com templete nico pode fazer o diferencial entre os milhares de concorrentes. Veja como possvel alterar um tema do worpress sem conhecimentos de programador profissional…

  3. Raphael disse:

    Tenho um template feito no Artisteer, mas algumas funções eu não consigo encontrar quando entreo em Aparência>Editor lá no WordPress. Não consigo, por exemplo, mudar o texto do botão “Post Comment” para “Enviar comentário”. Estou no lugar certo para fazer essas modificações ou são feitas de outra maneira ?

  4. Almeida disse:

    Está certo, mas em alguns hosts não temos a permissão para modificar ficheiros…
    Te mando mais detalhes por e-mail

Deixe seu comentário

Why ask?